*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#111;--bg-secondary:#111;--bg-card:#1c1c1e;--bg-card-hover:#222224;--bg-input:#252528;--bg-elevated:#2a2a2d;--border:#ffffff0d;--border-strong:#ffffff14;--text-primary:#fff;--text-secondary:#9a9a9e;--text-muted:#6e6e73;--accent:#2f8fff;--accent-soft:#2f8fff29;--accent-hover:#4da0ff;--ton:#fff;--ton-soft:#ffffff14;--warning-bg:#ff5a5a1a;--warning-border:#ff5a5a33;--warning-text:#ff8a8a;--hold:#f5c451;--hold-soft:#f5c45124;--sale:#8eb8ff;--sale-soft:#8eb8ff24;--glass-bg:#ffffff0a;--glass-border:#ffffff17;--glass-highlight:#ffffff0f;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:14px;--radius-xl:16px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}html{background:var(--bg-primary)}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary)}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}input{background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:.45}50%{opacity:1}}.splash{z-index:10000;background:#0b1424;position:fixed;inset:0}.splash__img{object-fit:cover;width:100%;height:100%}.splash--fade-out{opacity:0;pointer-events:none;transition:opacity .45s}.app{background:var(--bg-primary);width:100%;max-width:none;height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;margin:0;display:flex}.header{background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.header-user{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.avatar{background:var(--bg-elevated);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.username{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;font-size:15px;font-weight:600;overflow:hidden}.avatar-img{object-fit:cover;background:0 0}.header-brand{flex-shrink:0;align-items:center;gap:7px;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-size:15px;font-weight:600}.main{-webkit-overflow-scrolling:touch;background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.screen{background:var(--bg-primary);flex-direction:column;flex:1;align-items:stretch;padding:4px 16px 28px;display:flex;position:relative}.screen-auth:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#2f8fff1f 0%,#0000 72%);width:min(320px,90vw);height:280px;position:absolute;top:8%;left:50%;transform:translate(-50%)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:100%;box-shadow:inset 0 1px 0 var(--glass-highlight), 0 12px 40px #00000047}.screen-content{z-index:1;flex-direction:column;align-items:stretch;width:100%;display:flex;position:relative}.screen-auth{min-height:0;padding-bottom:12px}.screen-auth .screen-content{flex-direction:column;flex:1;min-height:0;display:flex}.screen-verify .screen-title{margin-bottom:6px;font-size:20px}.screen-verify .screen-subtitle{margin-bottom:22px;font-size:13px}.screen-verify .steps-list{gap:15px;margin-bottom:10px}.screen-verify .step-card{gap:10px;padding:10px 12px}.screen-bottom{flex-shrink:0;margin-top:auto;padding-top:8px}.promo-banner{border-radius:var(--radius-md);flex-shrink:0;width:100%;margin-bottom:22px;overflow:hidden}.promo-banner__img{width:100%;height:auto;display:block}.portal-logo{object-fit:cover;border-radius:6px;flex-shrink:0}.screen-title{text-align:center;letter-spacing:-.03em;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.screen-subtitle{color:var(--text-secondary);text-align:center;width:100%;max-width:100%;margin:0 auto 20px;padding:0 2px;font-size:14px;line-height:1.45}.error-text{color:var(--warning-text);text-align:center;margin-bottom:12px;font-size:13px}.qr-hint{color:var(--text-muted);font-size:12px;line-height:1.45}.btn-primary{border-radius:var(--radius-md);background:var(--accent);color:#fff;letter-spacing:-.01em;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:background .15s,transform .1s}.btn-primary:active:not(:disabled){transform:scale(.985)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);border:none;justify-content:center;align-items:center;gap:9px;padding:14px 20px;font-size:16px;font-weight:500;transition:background .15s;display:flex}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-secondary:active{transform:scale(.985)}.btn-back{color:var(--text-secondary);justify-content:center;align-self:center;align-items:center;gap:4px;margin-top:18px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s;display:inline-flex}.btn-back svg{opacity:.85;flex-shrink:0}.btn-back:hover{color:var(--text-secondary)}.input-field{border-radius:var(--radius-lg);background:var(--bg-input);width:100%;color:var(--text-primary);letter-spacing:-.01em;border:none;margin-bottom:14px;padding:15px 16px;font-size:16px}.input-field:focus{outline-offset:0;outline:2px solid #2f8fff59}.input-field::placeholder{color:var(--text-muted)}.input-wrapper{width:100%;position:relative}.input-wrapper .input-field{padding-right:48px}.input-toggle{color:var(--text-muted);border-radius:var(--radius-xs);justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.input-toggle:hover{color:var(--text-secondary);background:#ffffff0a}.divider{width:100%;color:var(--text-muted);align-items:center;gap:12px;margin:14px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.warning-box{border-radius:var(--radius-md);background:var(--warning-bg);border:1px solid var(--warning-border);align-items:flex-start;gap:10px;width:100%;margin-bottom:18px;padding:12px 14px;display:flex}.warning-icon{flex-shrink:0;font-size:16px;line-height:1.4}.warning-text{color:var(--warning-text);font-size:13px;line-height:1.45}.steps-list{flex-direction:column;gap:10px;width:100%;margin-bottom:22px;display:flex}.step-card{align-items:center;gap:14px;padding:14px 16px;display:flex}.step-number{width:32px;height:32px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:25px;font-weight:700;display:flex}.step-info{flex:1;min-width:0}.step-title{letter-spacing:-.02em;margin-bottom:3px;font-size:15px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.method-panel{margin-bottom:4px;padding:14px}.method-panel .divider{margin:12px 0}.method-option{border-radius:var(--radius-md);letter-spacing:-.01em;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;padding:13px 18px;font-size:16px;font-weight:600;transition:transform .1s,background .15s;display:flex}.method-option:active{transform:scale(.985)}.method-option__icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.method-option__label{line-height:1}.method-option--primary{background:var(--accent);color:#fff}.method-option--primary:hover{background:var(--accent-hover)}.method-option--secondary{border:1px solid var(--glass-border);color:var(--text-primary);background:#ffffff0f;font-weight:500}.method-option--secondary:hover{background:#ffffff17}.screen-qr:before{display:none}.screen-qr .screen-title{margin-bottom:20px}.qr-block{justify-content:center;margin-bottom:22px;display:flex}.qr-frame{justify-content:center;align-items:center;min-width:240px;min-height:240px;display:flex}.qr-sheet{border-radius:var(--radius-md);background:#fff;padding:6px;line-height:0}.qr-code{width:228px;height:228px;display:block}.qr-steps{width:100%;margin-bottom:6px}.qr-step{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.qr-step:last-of-type{margin-bottom:14px}.qr-step-num{width:32px;height:32px;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;font-size:25px;font-weight:700;display:flex}.qr-step p{color:var(--text-secondary);flex:1;padding-top:4px;font-size:14px;line-height:1.5}.qr-step strong{color:var(--text-primary);font-weight:600}.qr-steps .qr-hint{text-align:center;margin:0;padding-top:2px}.loader-wrap{justify-content:center;align-items:center;display:flex}.loader{border:3px solid #2f8fff2e;border-top-color:var(--accent);border-radius:50%;animation:.75s linear infinite spin}.form-panel{margin-bottom:4px;padding:16px}.form-panel .input-wrapper .input-field{margin-bottom:0}.form-panel .input-field{border:1px solid var(--glass-border);background:#00000038;margin-bottom:0}.form-panel .input-field:focus{border-color:#2f8fff73;outline:none;box-shadow:0 0 0 3px #2f8fff1f}.form-panel+.btn-primary,.form-panel+.form-error+.btn-primary{margin-top:14px}.qr-frame .error-text{margin:0;padding:16px;line-height:1.45}.icon-btn-content{align-items:center;gap:9px;display:flex}.form-error{text-align:center;width:100%;color:var(--warning-text);margin:-6px 0 12px;font-size:13px}.gifts-screen{padding:4px 16px 24px}.gifts-content{align-items:stretch;max-width:none}.gifts-content .promo-banner{margin-bottom:14px}.gifts-head{margin-bottom:16px}.gifts-title{text-align:left;margin-bottom:4px;font-size:26px;font-weight:700}.gifts-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:14px}.gifts-message{text-align:center;color:var(--text-secondary);padding:48px 0;font-size:14px}.gifts-error{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:16px;padding:18px 16px}.gifts-error p{color:var(--warning-text);margin-bottom:14px;font-size:13px;line-height:1.45}.gifts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-bottom:12px;display:grid}.gift-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 var(--glass-highlight);flex-direction:column;display:flex;overflow:hidden}.gift-media{padding:8px 8px 0}.gift-photo{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);background:var(--bg-input);width:100%;display:block}.gift-photo-placeholder{background:#252528;justify-content:center;align-items:center;display:flex}.gift-photo-placeholder:after{content:"";border:2px solid #ffffff1a;border-radius:8px;width:32px;height:32px}.gift-body{flex-direction:column;flex:1;gap:2px;min-height:0;padding:10px 12px 12px;display:flex}.gift-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.25;overflow:hidden}.gift-id{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:13px;line-height:1.3}.gift-attrs{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:12px;line-height:1.35;overflow:hidden}.gift-bottom{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.gift-price{min-height:28px;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:#00000052;border:1px solid #ffffff0f;border-radius:999px;align-items:center;max-width:100%;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.gift-status{white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:600}.status-listed{background:var(--sale-soft);color:var(--sale)}.status-hold{background:var(--hold-soft);color:var(--hold)}.gifts-screen .btn-back{align-self:center;margin-top:8px}