:root{--bg-color:#0b0c10;--surface-color:#1a1c23;--surface-hover:#222631;--text-color:#ffffff;--hint-color:#8e8e93;--button-color:#0A84FF;--button-hover:#0070e0;--success-color:#30D158;--star-color:#FFD700;--border-color:rgba(255, 255, 255, 0.04);--border-radius:24px}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 50% -10%,rgba(10,132,255,.08) 0,transparent 70%);color:var(--text-color);margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.app-container{width:100%;max-width:480px;margin:0 auto;padding:24px 16px env(safe-area-inset-bottom,24px) 16px}@media (min-width:768px){.app-container{margin:40px auto;background:rgba(26,28,35,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:40px 32px;box-shadow:0 24px 60px rgba(0,0,0,.4)}}.profile-section{text-align:center;margin-bottom:32px;display:flex;flex-direction:column;align-items:center}.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:16px;background-color:var(--surface-color);border:3px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.3)}.name{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px}.restaurant{margin:4px 0 0 0;font-size:14px;color:var(--hint-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.input-group{position:relative;margin-bottom:16px}.input-group input{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:20px;color:var(--text-color);font-size:42px;font-weight:800;text-align:center;padding:16px 50px 16px 20px;outline:0;transition:all .25s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 2px 10px rgba(0,0,0,.2)}.input-group input:focus{border-color:rgba(10,132,255,.5);background:rgba(10,132,255,.03);box-shadow:0 0 20px rgba(10,132,255,.15),inset 0 2px 10px rgba(0,0,0,.1)}.input-group .currency{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--hint-color);font-weight:700;pointer-events:none}.quick-amounts{display:flex;gap:10px;margin-bottom:24px}.quick-btn{flex:1;background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:14px 0;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1)}.quick-btn:active{transform:scale(.94);background:rgba(255,255,255,.08)}.payment-card-box{margin:20px 0;background:var(--surface-color);padding:20px;border-radius:24px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.box-title{color:#fff;margin:0 0 16px 0;font-size:15px;font-weight:700;text-align:left}.box-notice{font-size:12px;color:var(--hint-color);margin:12px 0 0 0;text-align:left;line-height:1.4}.target-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.full-width-pwa{grid-column:span 2}.commission-group{display:flex;flex-direction:column;gap:10px}.commission-label,.target-label{display:flex;align-items:center;justify-content:flex-start;gap:10px;background:rgba(0,0,0,.2);padding:14px 16px;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.03);color:var(--hint-color);transition:all .2s cubic-bezier(.4, 0, .2, 1)}.commission-label input,.target-label input{display:none!important}.commission-label.active,.target-label.active{border-color:rgba(10,132,255,.3);background:rgba(10,132,255,.08);color:#fff}.rating-box{display:inline-flex;flex-direction:row-reverse;justify-content:center;gap:12px;margin:10px 0 20px 0}.rating-box input{display:none!important}.rating-box label{font-size:42px;color:rgba(255,255,255,.1);cursor:pointer;transition:color .2s,transform .15s;user-select:none;-webkit-user-select:none;line-height:1}.rating-box input:checked~label,.rating-box label:hover,.rating-box label:hover~label{color:var(--star-color);text-shadow:0 0 20px rgba(255,215,0,.3)}.feedback-tags-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 20px auto}.feedback-tag{background:rgba(255,255,255,.04);border:1px solid var(--border-color);color:#e5e5ea;padding:12px 18px;border-radius:24px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);user-select:none;-webkit-user-select:none}.feedback-tag:active{transform:scale(.94)}.feedback-tag.active{background:#fff;color:#000;transform:scale(1.02);box-shadow:0 4px 15px rgba(255,255,255,.2)}textarea.comment-box{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border-color);border-radius:20px;padding:16px;color:#fff;font-size:15px;outline:0;resize:none;margin-bottom:24px;transition:border-color .2s}textarea.comment-box:focus{border-color:rgba(10,132,255,.5);background:rgba(10,132,255,.02)}@media (max-width:380px){.target-grid{grid-template-columns:1fr!important}.full-width-pwa{grid-column:span 1!important}.input-group input{font-size:34px}.rating-box label{font-size:36px}}