@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800&display=swap");*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;background:#f8f5fc;color:#241e33;-webkit-font-smoothing:antialiased}::selection{background:#e4dafb;color:#241e33}button,input,select,textarea{font-family:inherit}.app-root{--app-bg:#f8f5fc;--surface:#fff;--surface-2:#f1ebfa;--elev:#fdfcff;--text:#241e33;--muted:#6e6580;--faint:#9a91ac;--border:rgba(36,30,51,.1);--border-2:rgba(36,30,51,.06);--accent:#6d4fe0;--accent2:#c13d8f;--accent-soft:rgba(109,79,224,.1);--gold:#b87f2e;--gold-soft:rgba(184,127,46,.12);--good:#2fb98a;--bad:#e2554b;--shadow:0 20px 50px rgba(36,30,51,.1);--prompt-bg:linear-gradient(140deg,#241e33,#3a2b5e);--prompt-text:#f2edfb;--track:#ece6f6}.app-root[data-theme=dark]{--app-bg:#131020;--surface:#1c1730;--surface-2:#262040;--elev:#262040;--text:#f2edfb;--muted:#a79dc2;--faint:#766d91;--border:hsla(0,0%,100%,.1);--border-2:hsla(0,0%,100%,.06);--accent:#8b70ff;--accent2:#e86ab0;--accent-soft:rgba(139,112,255,.2);--gold:#e3b25c;--gold-soft:rgba(227,178,92,.16);--good:#37c99a;--bad:#e7675f;--shadow:0 24px 60px rgba(0,0,0,.45);--prompt-bg:linear-gradient(140deg,#0d0a18,#2a2148);--prompt-text:#f2edfb;--track:hsla(0,0%,100%,.1)}.app-root ::selection{background:var(--accent-soft);color:var(--text)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateX(-50%) scale(.85)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes draw{0%{stroke-dashoffset:600}to{stroke-dashoffset:0}}@keyframes meterFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulseRing{0%{box-shadow:0 0 0 0 var(--accent-soft)}70%{box-shadow:0 0 0 10px rgba(109,79,224,0)}to{box-shadow:0 0 0 0 rgba(109,79,224,0)}}@keyframes orbPulse{0%{transform:scale(.85);opacity:.55}to{transform:scale(1.9);opacity:0}}@keyframes orbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes flutter{0%,to{transform:translateY(0) rotate(0deg)}30%{transform:translateY(-3px) rotate(-2deg)}60%{transform:translateY(-1px) rotate(2deg)}}@keyframes eqBar1{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes eqBar2{0%,to{transform:scaleY(.9)}50%{transform:scaleY(.3)}}@keyframes eqBar3{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes eqBar4{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@keyframes eqBar5{0%,to{transform:scaleY(.4)}50%{transform:scaleY(.85)}}.anim{animation:fadeUp .45s ease both}.cardin{animation:cardIn .4s ease both}.app-root input:focus,.app-root select:focus,.app-root textarea:focus{box-shadow:0 0 0 3px var(--accent-soft)}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;justify-content:space-around;align-items:center;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:var(--surface);background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.bn-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;cursor:pointer;color:var(--muted);font-family:inherit;font-size:10.5px;font-weight:700;padding:4px 10px;position:relative;flex:1 1;max-width:84px;transition:color .18s ease}.bn-btn.active{color:var(--accent)}.bn-btn.active:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:16px;height:3px;border-radius:3px;background:linear-gradient(120deg,var(--accent),var(--accent2))}@media (max-width:880px){.work-grid{grid-template-columns:1fr!important}.bottom-nav{display:flex}main.app-root{padding-bottom:92px!important}}.header-inner{flex-wrap:nowrap}.header-brand{flex:1 1 auto;min-width:0}.header-actions{flex:0 0 auto}.header-brand .brand{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:block}@media (max-width:480px){.wrap{padding:18px 12px 60px!important}.header-inner{padding:12px 14px!important;gap:8px!important}.header-actions{gap:6px!important}.brand{font-size:16px!important}}@media (max-width:360px){.header-inner .brand{display:none}}.header-burger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;flex-shrink:0;transition:background .15s ease}.header-burger:hover{background:var(--surface-2)}.nav-drawer-overlay{position:fixed;inset:0;background:rgba(20,14,30,.45);z-index:90;animation:fadeUp .2s ease both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:84vw;background:var(--surface);border-right:1px solid var(--border);z-index:91;transform:translateX(-100%);transition:transform .28s cubic-bezier(.16,.84,.44,1);display:flex;flex-direction:column;box-shadow:0 0 60px rgba(0,0,0,.18)}.nav-drawer.open{transform:translateX(0)}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 14px;border-bottom:1px solid var(--border)}.nav-drawer-close{background:transparent;border:none;cursor:pointer;color:var(--muted);font-size:16px;width:32px;height:32px;border-radius:8px;flex-shrink:0}.nav-drawer-close:hover{background:var(--surface-2)}.nav-drawer-body{padding:14px 10px;overflow-y:auto;flex:1 1}.nav-drawer-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:6px 12px 8px}.nav-drawer-item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;font-size:14.5px;font-weight:600;color:var(--text);padding:11px 12px;border-radius:10px;position:relative;margin-bottom:2px;transition:background .15s ease,color .15s ease}.nav-drawer-item:hover{background:var(--surface-2)}.nav-drawer-item.active{color:var(--accent);background:var(--accent-soft)}.nav-drawer-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--accent2))}.nav-drawer-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.nav-drawer-divider{height:1px;background:var(--border);margin:10px 8px}