#root{background:transparent;color:inherit}main,section,article,.page{color:inherit}.home{max-width:1100px;margin:0 auto;padding:22px 16px 60px}.home__top{display:grid;gap:12px;margin-bottom:16px}.home__titleRow{display:flex;align-items:center;gap:10px}.home__title{font-size:44px;font-weight:950;letter-spacing:.2px;color:var(--text);line-height:1.05}.home__dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px var(--accentGlow)}.search{position:relative;display:flex;align-items:center;border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:10px 12px}.search__icon{opacity:.7;margin-right:8px;color:var(--text2)}.search__input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:14px}.search__input::placeholder{color:var(--muted)}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{border:1px solid var(--border);background:#ffffff05;color:var(--text2);border-radius:999px;padding:8px 14px;font-weight:900;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.tab:hover{transform:translateY(-1px);border-color:#ff3da640}.tab--active{background:#ff3da62e;border-color:#ff3da673;color:#fff4def5;box-shadow:0 0 0 3px #ff3da614}.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:start}@media(max-width:900px){.filters{grid-template-columns:1fr}}.filters__group{display:grid;gap:8px;min-width:0}.filters__label{font-size:12px;font-weight:900;color:var(--muted);line-height:1.1;letter-spacing:.2px}.filters__select{min-width:0;width:100%}.filters__select .cs__btn{width:100%;border-radius:14px;border:1px solid var(--border);background:#00000038;color:var(--text);box-shadow:inset 0 0 0 1px #00000059}.filters__select .cs__btn:hover{border-color:var(--borderStrong);background:#00000047}.filters__select .cs__btn:focus,.filters__select .cs__btn:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentGlow),inset 0 0 0 1px #00000059}.filters__select .cs__value.is-placeholder{opacity:.78;color:var(--text2)}.filters__select .cs__list{border:1px solid rgba(255,255,255,.14);background:#0c0a12f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;position:fixed;z-index:9999}.filters__reset{border:1px solid rgba(214,178,94,.32);background:#d6b25e1a;color:#fff4deeb;border-radius:14px;padding:10px 14px;font-weight:950;cursor:pointer;height:42px;transition:transform .12s ease,filter .12s ease;white-space:nowrap;margin-top:20px;align-self:start;justify-self:end}.filters__reset:hover{transform:translateY(-1px);filter:brightness(1.05)}@media(max-width:900px){.filters__reset{width:100%;justify-self:stretch;margin-top:0}}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid{grid-template-columns:1fr}}.card{position:relative;border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:18px;overflow:hidden;cursor:pointer;padding:0;text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.card:before{content:"";display:block;aspect-ratio:3 / 4}.card:hover{transform:translateY(-2px);border-color:#ff3da638;box-shadow:0 0 0 3px #ff3da614}.card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:10px;background:radial-gradient(120% 120% at 50% 20%,#ffffff0f,#0000)}.card__overlay{position:absolute;left:0;right:0;bottom:0;padding:12px;color:var(--text);background:linear-gradient(to top,#000000db,#0000008c 55%,#0000)}.card__title{font-size:16px;font-weight:950;letter-spacing:.2px}.card__desc{margin-top:6px;font-size:12px;color:#ffffffd1;line-height:1.35;max-height:2.7em;overflow:hidden}.chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:11px;font-weight:900;color:#fff4deeb;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;padding:6px 8px;border-radius:999px}.empty{margin-top:14px;color:var(--text2);opacity:.9;border:1px dashed rgba(255,255,255,.18);background:#ffffff05;border-radius:16px;padding:14px}.cs{width:100%;position:relative}.cs__label{display:block;font-size:12px;opacity:.75;margin-bottom:6px;font-weight:800}.cs__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0006;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px #00000059;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.cs__btn:hover{border-color:var(--borderStrong);background:#00000075}.cs__btn:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accentGlow),inset 0 0 0 1px #00000059}.cs__btn:focus:not(:focus-visible){box-shadow:inset 0 0 0 1px #00000059;border-color:var(--border)}.cs__btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accentGlow),inset 0 0 0 1px #00000059}.cs__btn:disabled,.cs__btn.is-disabled{opacity:.55;cursor:not-allowed}.cs--compact .cs__btn{padding:8px 10px;border-radius:10px}.cs--soft .cs__btn{border-color:#ffffff14;background:#00000057}.cs--danger .cs__btn{border-color:#ff4d6d59}.cs--danger .cs__btn:focus,.cs--danger .cs__btn:focus-visible{border-color:#ff4d6d99;box-shadow:0 0 0 3px #ff4d6d2e,inset 0 0 0 1px #00000059}.cs--light .cs__label{opacity:.85}.cs--light .cs__btn{background:#ffffffb8;color:#000000e0;border-color:#0000001a;box-shadow:inset 0 0 0 1px #ffffff8c}.cs--light .cs__btn:hover{background:#ffffffd1;border-color:#00000029}.cs__value{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs__value.is-placeholder{opacity:.75;color:var(--text2)}.cs__chev{opacity:.75;font-size:12px;transition:transform .14s ease,opacity .14s ease}.cs__chev.is-open{transform:rotate(180deg);opacity:.92}.cs__pop{position:fixed;z-index:9999;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0c0a12f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);overflow:hidden}.cs__searchWrap{padding:10px 10px 8px;border-bottom:1px solid rgba(255,255,255,.08);background:#0000001f}.cs__search{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0006;color:var(--text);outline:none;box-shadow:inset 0 0 0 1px #00000059}.cs__search::placeholder{color:#c9c2d8b3}.cs__search:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentGlow),inset 0 0 0 1px #00000059}.cs__list{max-height:260px;overflow-y:auto}.cs__list::-webkit-scrollbar{width:10px}.cs__list::-webkit-scrollbar-track{background:#ffffff0a}.cs__list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;border:2px solid rgba(12,10,18,.96)}.cs__list::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.cs__list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) rgba(255,255,255,.04)}.cs__empty{padding:12px;opacity:.75;font-size:12px;color:var(--text2)}.cs__opt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background .12s ease}.cs__opt:hover,.cs__opt.is-active{background:#ffffff0f}.cs__opt.is-selected{background:var(--accentGlow)}.cs__opt:disabled,.cs__opt.is-disabled{opacity:.5;cursor:not-allowed}.cs__optMain{min-width:0;display:flex;flex-direction:column;gap:3px}.cs__optSub{font-size:11px;opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text2)}.cs__tick{color:var(--gold);font-weight:900}.scene{min-height:100%;padding:28px 18px 44px;color:var(--text)}.scene__wrap{max-width:980px;margin:0 auto}.scene__subtitle{margin:0 0 14px;font-size:14px;color:var(--text2)}.scene__subtitle strong{color:var(--text)}.panel{border:1px solid var(--border);background:#00000047;border-radius:16px;padding:14px;box-shadow:var(--shadow)}.panel--result{margin-top:14px;padding:14px}.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.row--end{align-items:flex-end}.field{min-width:260px;flex:1}.meta{flex:1;min-width:240px;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0000002e}.meta__sub{margin-top:6px;font-size:12px;color:var(--muted)}.scene__section{margin-top:18px}.scene__sectionTitle{margin:0 0 10px;font-size:14px;font-weight:900;letter-spacing:.2px;color:var(--text)}.modeGrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:820px){.modeGrid{grid-template-columns:1fr}}.modeCard{width:100%;text-align:left;border-radius:18px;padding:14px;border:1px solid var(--border);background:#00000042;color:var(--text);cursor:pointer;box-shadow:inset 0 0 0 1px #00000040;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.modeCard:hover{border-color:var(--borderStrong);background:#00000052;transform:translateY(-1px)}.modeCard:focus{outline:none}.modeCard:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentGlow),inset 0 0 0 1px #00000040}.modeCard--active{border-color:#ff3da68c;background:#ff3da614;box-shadow:0 0 0 3px var(--accentGlow),inset 0 0 0 1px #00000040}.modeCard__title{font-weight:900;font-size:14px}.modeCard__text{margin-top:6px;font-size:13px;color:var(--text2)}.small{font-size:12px;color:var(--muted);margin-bottom:10px}.resultText{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0000002e;padding:12px;color:var(--text)}.muted{margin-top:10px;font-size:13px;color:var(--text2);opacity:.85}.actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:#00000038;color:var(--text);border-radius:14px;padding:10px 12px;font-weight:900;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.btn:hover{border-color:var(--borderStrong);background:#0000004d;transform:translateY(-1px)}.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accentGlow)}.btn--primary{border-color:#ff3da68c;background:#ff3da61a}.btn--primary:hover{border-color:#ff3da6bf;background:#ff3da624}.btn--ghost{background:transparent}.btn--ghost:hover{background:#ffffff0f}.session{position:relative;min-height:calc(100vh - 56px);padding:16px;overflow:hidden}.session__wrap{position:relative;width:min(1180px,100%);margin:0 auto}.session__top{border:1px solid var(--border);border-radius:16px;background:#0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:14px;margin-bottom:12px}.session__titleRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.session__char{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.01em;font-size:16px}.session__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.session__timer{font-variant-numeric:tabular-nums;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#00000042}.session__headerText{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.45;color:var(--text2);opacity:.92}.session__body{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}.session__stage{position:relative;border:1px solid var(--border);border-radius:16px;background:#0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);overflow:hidden;min-height:540px}.session__stage--zoomable{touch-action:none}.session__stage:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 520px at 50% -10%,rgba(240,213,138,.1),transparent 60%),radial-gradient(800px 520px at 12% 10%,rgba(255,61,166,.12),transparent 58%),radial-gradient(760px 480px at 92% 18%,rgba(255,77,109,.1),transparent 60%),linear-gradient(180deg,#00000059,#0000008c);pointer-events:none;opacity:1}.session__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(1.02) contrast(1.02);opacity:.96;will-change:transform;transform:translateZ(0) scale(1)}.session__vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000001a,#0000002e);opacity:.9}.session__chatOverlay{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100% - 28px));z-index:30}.session__chat{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0a080e8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;min-height:0}.session__list{max-height:260px;overflow-y:auto;padding:14px 12px 10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) rgba(255,255,255,.04)}.session__list::-webkit-scrollbar{width:10px}.session__list::-webkit-scrollbar-track{background:#ffffff0a}.session__list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:10px;border:2px solid rgba(12,10,18,.72)}.session__list::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.msg{display:flex;flex-direction:column;margin:10px 0}.msg--user{align-items:flex-end}.msg--assistant{align-items:flex-start}.msg__name{font-size:12px;opacity:.78;margin:0 0 6px 2px;letter-spacing:.2px;color:var(--text2)}.msg--user .msg__name{text-align:right;margin:0 2px 6px 0}.bubble{max-width:min(640px,92%);border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#00000047;box-shadow:inset 0 0 0 1px #00000059,0 10px 30px #00000040;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--text);white-space:pre-wrap}.bubble--user{border-color:#ff3da638;background:linear-gradient(180deg,#ff3da629,#00000038)}.bubble--assistant{border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff12,#0003)}.session__composer{border-top:1px solid rgba(255,255,255,.08);padding:10px;background:#0000002e;display:flex;gap:10px;align-items:center}.session__input{flex:1;min-width:0;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#0006;color:var(--text);outline:none;box-shadow:inset 0 0 0 1px #00000059;height:44px;line-height:1.2}.session__input::placeholder{color:#c9c2d88c}.session__input:focus-visible{border-color:#ff3da68c;box-shadow:0 0 0 3px #ff3da62e,inset 0 0 0 1px #00000059}.session__toBottom{position:absolute;right:12px;bottom:70px;z-index:40;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 12px;background:#0c0a12eb;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.evalOverlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:18px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.evalCard{width:min(520px,100%);border-radius:18px;border:1px solid rgba(240,213,138,.18);background:#0c0a12f5;box-shadow:var(--shadow);padding:16px 16px 14px;text-align:center}.evalTitle{font-weight:950;letter-spacing:.01em;margin-bottom:6px}.evalSub{font-size:12px;color:var(--text2);opacity:.92}.evalDots{display:flex;gap:8px;justify-content:center;margin-top:12px}.evalDots span{width:8px;height:8px;border-radius:999px;background:#f0d58ab3;box-shadow:0 0 0 3px #ff3da61a;animation:dotPulse 1.05s infinite ease-in-out}.evalDots span:nth-child(2){animation-delay:.12s}.evalDots span:nth-child(3){animation-delay:.24s}@keyframes dotPulse{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.evalDots span{animation:none!important}}.toasts{position:fixed;top:16px;right:16px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:10px;z-index:120}.toast{border-radius:14px;border:1px solid var(--borderStrong);background:#0e0b14db;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transform:translateY(-2px);animation:toastIn .14s ease-out forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast__inner{display:grid;grid-template-columns:22px 1fr auto;gap:10px;padding:12px;align-items:start}.toast__dot{width:10px;height:10px;border-radius:99px;margin-top:5px;background:var(--text2);box-shadow:0 0 0 3px #ffffff0f}.toast__title{font-weight:900;font-size:12px;color:var(--text);margin-bottom:3px}.toast__msg{font-size:12px;line-height:1.35;color:var(--text2);word-break:break-word}.toast__close{appearance:none;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px 6px;font-size:16px;line-height:1}.toast__close:hover{color:var(--text)}.toast__bar{height:3px;background:#ffffff1a}.toast--success{border-color:var(--tone-success-br);background:linear-gradient(180deg,var(--tone-success-bg),rgba(14,11,20,.86))}.toast--success .toast__dot,.toast--success .toast__bar{background:var(--tone-success-fg)}.toast--error{border-color:var(--tone-error-br);background:linear-gradient(180deg,var(--tone-error-bg),rgba(14,11,20,.86))}.toast--error .toast__dot,.toast--error .toast__bar{background:var(--tone-error-fg)}.toast--info{border-color:var(--tone-info-br);background:linear-gradient(180deg,var(--tone-info-bg),rgba(14,11,20,.86))}.toast--info .toast__dot{background:var(--tone-info-fg)}.toast--info .toast__bar{background:#c9c2d88c}.toast--warning{border-color:var(--tone-warning-br);background:linear-gradient(180deg,var(--tone-warning-bg),rgba(14,11,20,.86))}.toast--warning .toast__dot,.toast--warning .toast__bar{background:var(--tone-warning-fg)}.toast--oracle{border-color:var(--tone-oracle-br);background:linear-gradient(180deg,var(--tone-oracle-bg),rgba(14,11,20,.86))}.toast--oracle .toast__dot{background:var(--gold);box-shadow:0 0 0 3px var(--goldGlow)}.toast--oracle .toast__bar{background:var(--gold)}.oracleOverlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:140;display:flex;align-items:center;justify-content:center;padding:18px}.oracleModal{width:min(720px,100%);border-radius:18px;border:1px solid rgba(240,213,138,.18);background:#0c0a12f5;box-shadow:var(--shadow);overflow:hidden}.oracleTop{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(700px 240px at 10% 0%,rgba(240,213,138,.12),transparent 60%),radial-gradient(700px 240px at 90% 0%,rgba(255,61,166,.1),transparent 60%),#0c0a12f5}.oracleTitle{font-weight:950;letter-spacing:.02em}.oracleBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(240,213,138,.22);background:#f0d58a1a;color:var(--goldSoft);font-size:12px;font-weight:800}.oracleBody{padding:16px;color:var(--text2);font-size:13px;line-height:1.45}.oracleRec{padding:12px;border-radius:14px;border:1px solid rgba(240,213,138,.2);background:#f0d58a1a;color:var(--text);margin-bottom:12px;font-weight:700}.oracleGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.oracleBox{border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000042;padding:10px 12px}.oracleBoxTitle{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin-bottom:8px;color:var(--muted)}.oracleList{margin:0;padding-left:18px;color:var(--text2)}.oraclePenalty{margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,77,109,.22);background:#ff4d6d1a;color:#ffd2dceb}.oracleActions{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;gap:10px}.oracleCloseBtn{border:1px solid rgba(255,255,255,.14);background:#00000059;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}.oracleCloseBtn:hover{border-color:#ffffff38;background:#00000070}.oracleBody{overflow:auto;max-height:calc(80vh - 140px)}.oracleRaw{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:var(--text2);font-size:13px;line-height:1.45;white-space:pre-wrap}.oracleEmpty{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--muted);font-size:13px;opacity:.9}.oracleSplit{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:12px;align-items:start}.oracleStack{display:flex;flex-direction:column;gap:10px}.oracleMuted{font-size:12px;color:var(--text2);opacity:.85}@media(max-width:720px){.oracleSplit{grid-template-columns:1fr}}.oracleScores{display:flex;flex-direction:column;gap:10px}.oracleRow{display:flex;flex-direction:column;gap:6px}.oracleRowTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.oracleRowLabel{font-weight:900;font-size:12px;color:var(--text);letter-spacing:.01em}.oracleRowVal{font-weight:900;font-size:12px;color:var(--text2);opacity:.95}.oracleBar{height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000059;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.oracleBarFill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#ff3da68c,#f0d58a8c);box-shadow:0 0 14px #ff3da61f;transition:width .28s ease}@media(prefers-reduced-motion:reduce){.oracleBarFill{transition:none!important}}.oracleTag{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.02em;border:1px solid rgba(255,255,255,.14);background:#00000047;color:var(--text2)}.oracleTag--focus{border-color:#ff4d6d47;background:linear-gradient(180deg,#ff4d6d29,#0000003d);color:#ffffffeb}.oracleTag--best{border-color:#f0d58a47;background:linear-gradient(180deg,#f0d58a29,#0000003d);color:#ffffffeb}.oracleRow.is-focus .oracleBar{border-color:#ff4d6d47;box-shadow:0 0 0 3px #ff4d6d1a,inset 0 0 0 1px #00000059}.oracleRow.is-best .oracleBar{border-color:#f0d58a47;box-shadow:0 0 0 3px #f0d58a1a,inset 0 0 0 1px #00000059}.oracleRow.is-best .oracleBarFill{box-shadow:0 0 20px #f0d58a1f}.oracleBadge--train{border-color:#ffffff2e;background:#0000004d;opacity:.95;letter-spacing:.06em}.profile{padding:18px;display:flex;justify-content:center}.profile__panel{width:min(980px,100%);border:1px solid var(--border);border-radius:14px;padding:18px;background:#0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);transform:translateY(6px);opacity:0;animation:profileIn .22s ease-out forwards;will-change:transform,opacity;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}@keyframes profileIn{to{transform:translateY(0);opacity:1}}.profile__panel:hover{border-color:#ff3da62e;box-shadow:var(--shadow),0 0 0 3px #ff3da614}.profile__header{margin-bottom:10px}.profile__kicker{font-size:14px;opacity:.72;color:var(--text2)}.profile__subtitle{margin-top:4px;font-size:13px;opacity:.7;color:var(--muted)}.profile__name{font-size:42px;line-height:1.05;font-weight:950;margin:10px 0 14px;letter-spacing:-.6px;color:var(--text);text-shadow:0 0 28px rgba(255,61,166,.08)}.profile__levels{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.profile__levelBox{width:min(560px,100%);border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff08;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.profile__levelBox:hover{transform:translateY(-2px);border-color:#ffffff29;background:#ffffff0a;box-shadow:0 14px 40px #00000059,inset 0 0 0 1px #00000047}.profile__levelRow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.profile__levelCols{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap}.profile__levelCol{display:flex;flex-direction:column;gap:6px;min-width:120px}.profile__miniLabel{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);opacity:.78}.profile__badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:950;font-size:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff4deeb;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.profile__badge:hover{transform:translateY(-1px);border-color:#ffffff38;background:#ffffff14;box-shadow:0 0 0 3px #ff3da60f}.profile__badge--gold{border-color:#d6b25e73;background:#d6b25e1f}.profile__badge--accent{border-color:#ff3da673;background:#ff3da624}.profile__levelPct{font-weight:950;color:var(--text2);opacity:.9;white-space:nowrap}.profile__sectionTitle{margin:12px 0 10px;font-size:13px;font-weight:900;opacity:.92;color:var(--text);position:relative}.profile__sectionTitle:after{content:"";display:block;height:2px;width:82px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,var(--accent),rgba(240,213,138,.55));opacity:.55}.profile__oracle{border:1px solid rgba(255,255,255,.1);background:#0000002e;border-radius:14px;padding:12px;margin-bottom:12px;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}.profile__oracle:hover{transform:translateY(-1px);border-color:#f0d58a2e;box-shadow:0 14px 40px #00000059,0 0 0 3px #f0d58a14}.profile__oracleRec{padding:10px 12px;border-radius:12px;border:1px solid rgba(240,213,138,.18);background:#f0d58a14;color:var(--text);font-weight:800;margin-bottom:10px}.profile__oracleList{margin:0;padding-left:18px;color:var(--text2);font-size:13px;line-height:1.45}.profile__oraclePenalty{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,77,109,.22);background:#ff4d6d1a;color:#ffd2dceb;font-size:12px}.profile__muted{font-size:12px;opacity:.72;color:var(--muted)}.profile__skills{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.profile__skills{grid-template-columns:1fr}.profile__levelRow{align-items:flex-start}}.profile__skill{border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff05;box-shadow:inset 0 0 0 1px #00000047;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.profile__skill:hover{transform:translateY(-2px);border-color:#ff3da62e;background:#ffffff08;box-shadow:0 16px 44px #00000061,0 0 0 3px #ff3da614,inset 0 0 0 1px #0000004d}.profile__skillTop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:10px}.profile__skillName{font-size:13px;font-weight:850;opacity:.95;color:var(--text);min-width:0}.profile__skillPct{font-size:12px;opacity:.75;color:var(--text2)}.profile__bar{height:10px;border-radius:999px;overflow:hidden;background:#ffffff1a;box-shadow:inset 0 0 0 1px #0000003d}.profile__barFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff3da6eb,#ff66bdd1,#f0d58a73);box-shadow:0 0 18px #ff3da61a;transition:width .55s cubic-bezier(.22,.8,.22,1),filter .14s ease,box-shadow .14s ease;will-change:width}.profile__barFill.is-bump{filter:brightness(1.12);box-shadow:0 0 18px #ff3da624}.profile__skill.is-improved{border-color:#f0d58a38;box-shadow:inset 0 0 0 1px #00000059,0 0 0 3px #f0d58a1a}.profile--master .profile__panel{border-color:#ff4d6d47;background:radial-gradient(900px 520px at 12% 0%,rgba(255,61,166,.22),transparent 60%),radial-gradient(900px 520px at 92% 10%,rgba(255,77,109,.16),transparent 60%),#0000003d;box-shadow:var(--shadow),0 0 0 3px #ff4d6d1a}.profile--master .profile__barFill{background:linear-gradient(90deg,#ff4d6df2,#ff3da6eb,#f0d58a8c);box-shadow:0 0 18px #ff4d6d2e}.profile--master .profile__sectionTitle:after{background:linear-gradient(90deg,rgba(255,77,109,.85),var(--accent),rgba(240,213,138,.55))}@media(prefers-reduced-motion:reduce){.profile__panel{animation:none;transform:none;opacity:1}.profile__skill,.profile__levelBox,.profile__badge,.profile__barFill{transition:none!important}}.profile__budgetBar{margin-top:12px;height:10px;border-radius:999px;background:#ffffff14;border:1px solid var(--border);overflow:hidden;box-shadow:inset 0 0 0 1px #0000003d}.profile__budgetFill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#ff3da6eb,#ff66bdd1,#f0d58a73);box-shadow:0 0 18px #ff3da61f;transition:width .24s ease,filter .14s ease,box-shadow .14s ease;will-change:width}.profile__budgetFill.is-over{filter:brightness(1.08) saturate(1.05);box-shadow:0 0 22px #ff3da629}.btn{appearance:none;border:0;background:transparent;color:inherit;font:inherit}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--soft{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);border-radius:12px;font-weight:900;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.btn--soft:hover{transform:translateY(-1px);border-color:#ff3da638;background:#ff3da614;box-shadow:0 0 0 3px #ff3da614}.btn--soft:active{transform:translateY(0)}.btn--soft:focus-visible{outline:none;box-shadow:0 0 0 3px #ff3da61f,0 0 0 1px #ff3da638 inset}.settings{max-width:780px;margin:0 auto;padding:18px 16px 60px}.settings__panel{display:grid;gap:18px;margin-top:6px}.settings__row2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end;margin:12px 0 8px}.settings__group{display:grid;gap:10px;padding-top:6px}.settings__label{font-weight:800;opacity:.92;margin-bottom:2px}.settings__input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0a0c148c;color:#ffffffeb;outline:none}.settings__input:focus{border-color:#ff3da68c;box-shadow:0 0 0 3px #ff3da61f}.settings__btn{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#ffffffeb;cursor:pointer;width:fit-content}.settings__btn:hover{background:#ffffff1a}.settings__danger{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,60,60,.55);background:#ff3c3c1a;color:#ffdcdcf2;cursor:pointer;width:fit-content}.settings__danger:hover{background:#ff3c3c29}.settings__hint{margin-top:6px;opacity:.72;font-size:13px;line-height:1.35}.settings__switch{display:inline-flex;align-items:center;gap:10px;margin-top:6px;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.settings__switch input{display:none}.settings__slider{width:46px;height:26px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#00000040;position:relative}.settings__slider:after{content:"";width:20px;height:20px;border-radius:999px;background:#ffffffd9;position:absolute;top:50%;left:4px;transform:translateY(-50%);transition:left .16s ease,background .16s ease}.settings__switch input:checked+.settings__slider{border-color:#ff3da673;box-shadow:0 0 0 3px #ff3da61a}.settings__switch input:checked+.settings__slider:after{left:22px;background:#fff4def2}.settings__switchText{font-weight:900;opacity:.9;font-size:12px;letter-spacing:.2px}@media(max-width:720px){.settings__row2{grid-template-columns:1fr}}.topbar{position:sticky;top:0;z-index:50;padding:12px;padding-top:calc(12px + env(safe-area-inset-top));background:#0a0a0e8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar__inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:10px}.topbar__spacer{flex:1}.topbar__iconBtn{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:#00000038;color:var(--text);cursor:pointer;transition:transform .08s ease,border-color .12s ease,background .12s ease}.topbar__iconBtn:hover{border-color:#ff3da659;transform:translateY(-1px)}.topbar__iconBtn:disabled{opacity:.55;cursor:default;transform:none}.topbar__icon{font-size:18px;line-height:1}.topbar__iconBtn--settings{border-color:#d6b25e59;background:#d6b25e1a;color:var(--goldSoft)}.topbar__iconBtn--settings:hover{border-color:#ff3da659;background:#ff3da61a;color:var(--text)}.topbar__lang{display:flex;gap:6px;padding:6px;border-radius:14px;border:1px solid var(--border);background:#0000002e}.pill{padding:8px 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text2);cursor:pointer;font-weight:900;font-size:12px}.pill--active{border-color:#ff3da68c;background:#ff3da61f;color:var(--text)}.topbar__iconBtn:focus-visible,.pill:focus-visible{outline:none;box-shadow:0 0 0 3px #ff3da62e;border-color:#ff3da673}@media(prefers-reduced-motion:reduce){.topbar__iconBtn,.pill{transition:none!important}}:root{--bg0:#07060B;--bg1:#0E0B14;--bg2:#161023;--text:#F3F1FA;--text2:#C9C2D8;--muted:#8F86A6;--border: rgba(255,255,255,.1);--borderStrong: rgba(255,255,255,.16);--accent:#FF3DA6;--accentHover:#FF66BD;--accentGlow: rgba(255,61,166,.18);--gold:#D6B25E;--goldSoft:#F0D58A;--goldGlow: rgba(240,213,138,.14);--success:#39D39A;--warning:#F2C14E;--danger:#FF4D6D;--shadow: 0 18px 60px rgba(0,0,0,.55);--tone-success-bg: rgba(57, 211, 154, .14);--tone-success-br: rgba(57, 211, 154, .35);--tone-success-fg: var(--success);--tone-error-bg: rgba(255, 77, 109, .14);--tone-error-br: rgba(255, 77, 109, .35);--tone-error-fg: var(--danger);--tone-info-bg: rgba(201, 194, 216, .1);--tone-info-br: rgba(201, 194, 216, .22);--tone-info-fg: var(--text2);--tone-warning-bg: rgba(242, 193, 78, .14);--tone-warning-br: rgba(242, 193, 78, .35);--tone-warning-fg: var(--warning);--tone-oracle-bg: rgba(240, 213, 138, .12);--tone-oracle-br: rgba(240, 213, 138, .3);--tone-oracle-fg: var(--goldSoft);--focusRing: var(--accentGlow);--oracleRing: var(--goldGlow)}html,body,#root{height:100%;background:var(--bg0);color:var(--text)}body{margin:0;background:radial-gradient(900px 500px at 12% 10%,var(--goldGlow),transparent 55%),radial-gradient(900px 500px at 78% 22%,var(--accentGlow),transparent 55%),var(--bg0)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accentHover);text-decoration:underline}
