:root{--sb-blue:#2563eb;--sb-blue-deep:#1d4ed8;--sb-violet:#7c3aed;--sb-violet-deep:#6d28d9;--sb-gold:#f59e0b;--sb-grad:linear-gradient(120deg, #2563eb 0%, #6d28d9 100%);--sb-grad-soft:linear-gradient(120deg, #3b82f6 0%, #8b5cf6 100%);--sb-ink:#0b1020;--sb-ink-2:#1e293b;--sb-body:#475569;--sb-muted:#94a3b8;--sb-line:#e7ebf2;--sb-surface:#fff;--sb-surface-2:#f6f8fc;--sb-tint:#eef2ff;--sb-night:#0b1020;--sb-night-2:#141b2e;--sb-display:clamp(2.4rem, 6vw, 4.2rem);--sb-h1:clamp(2rem, 5vw, 3.2rem);--sb-h2:clamp(1.6rem, 3.6vw, 2.4rem);--sb-h3:clamp(1.1rem, 2vw, 1.3rem);--sb-lead:clamp(1.05rem, 2.4vw, 1.3rem);--sb-section:clamp(64px, 11vw, 132px);--sb-radius:18px;--sb-radius-lg:28px;--sb-shadow-sm:0 2px 10px #0f172a0f;--sb-shadow:0 14px 50px #0f172a1a;--sb-shadow-glow:0 18px 60px #4f46e547;--sb-font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sb-ok:#16a34a;--sb-warn:#d97706;--sb-danger:#dc2626}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes sb-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes sb-fade{0%{opacity:0}to{opacity:1}}@keyframes sb-ripple{0%{opacity:.55;transform:scale(.5)}80%{opacity:0}to{opacity:0;transform:scale(2.4)}}@keyframes sb-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes sb-drift{0%{transform:translate(0,0)}to{transform:translate(28px,28px)}}@keyframes sb-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes sb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sb-reveal{opacity:1}@media (prefers-reduced-motion:no-preference){.sb-reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(26px)}.sb-reveal.sb-in{opacity:1;transform:translateY(0)}}.app-main{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:920px;margin:0 auto;padding:clamp(20px,4vw,40px)}.app-page-title{font-family:var(--sb-font);letter-spacing:-.02em;color:var(--sb-ink);margin:0;font-size:clamp(1.5rem,3.2vw,1.95rem);font-weight:800}.app-page-sub{color:var(--sb-body);margin:6px 0 0;font-size:.95rem}.app-card{background:var(--sb-surface);border:1px solid var(--sb-line);border-radius:var(--sb-radius);box-shadow:var(--sb-shadow-sm);padding:clamp(18px,3vw,28px)}.app-card-title{color:var(--sb-ink);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:800}.app-card-hint{color:var(--sb-muted);margin:6px 0 0;font-size:.85rem;line-height:1.5}.app-btn{font-family:var(--sb-font);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s,color .2s;display:inline-flex}.app-btn:active{transform:translateY(1px)}.app-btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.app-btn-primary{background:var(--sb-grad);color:#fff;box-shadow:0 8px 24px #4f46e53d}.app-btn-primary:hover:not(:disabled){box-shadow:0 12px 30px #4f46e557}.app-btn-ghost{background:var(--sb-tint);color:var(--sb-blue-deep)}.app-btn-ghost:hover:not(:disabled){background:#e2e8ff}.app-btn-outline{border-color:var(--sb-line);color:var(--sb-ink-2);background:#fff}.app-btn-outline:hover:not(:disabled){border-color:var(--sb-blue);color:var(--sb-blue-deep)}.app-btn-danger{color:var(--sb-danger);background:#fff;border-color:#fecaca}.app-btn-danger:hover:not(:disabled){background:#fef2f2}.app-btn-block{width:100%}.app-field{margin-bottom:18px;display:block}.app-field:last-child{margin-bottom:0}.app-field-label{color:var(--sb-ink-2);margin-bottom:7px;font-size:.82rem;font-weight:700;display:block}.app-input,.app-select,.app-textarea{border:1px solid var(--sb-line);width:100%;font-family:var(--sb-font);color:var(--sb-ink);box-sizing:border-box;background:#fff;border-radius:11px;padding:11px 13px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.app-textarea{resize:vertical;min-height:84px;line-height:1.5}.app-input:focus,.app-select:focus,.app-textarea:focus{border-color:var(--sb-blue);outline:none;box-shadow:0 0 0 3px #2563eb24}.app-hint{color:var(--sb-muted);margin-top:5px;font-size:.78rem;line-height:1.5;display:block}.app-switch{cursor:pointer;align-items:center;margin:0;display:inline-flex}.app-switch input{opacity:0;width:0;height:0;position:absolute}.app-switch .track{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:background .2s;position:relative}.app-switch .track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.app-switch input:checked+.track{background:var(--sb-blue)}.app-switch input:checked+.track:after{left:21px}.app-switch input:focus-visible+.track{box-shadow:0 0 0 3px #2563eb33}.app-range{width:100%;accent-color:var(--sb-blue);cursor:pointer}.app-badge{letter-spacing:.02em;background:var(--sb-tint);color:var(--sb-blue-deep);border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-block}.app-toast{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0;border-radius:12px;padding:12px 16px;font-size:.9rem;font-weight:600}.app-enter{animation:.5s cubic-bezier(.22,1,.36,1) both sb-rise}