@font-face{font-family:GenshinMain;src:url(/fonts/GenshinFont.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@property --atmo{syntax:"<color>";inherits:false;initial-value:#6a5ad6}:root{--mat:#0e0c2a;--mat-2:#141238;--panel:#19183f;--panel-2:#21204d;--panel-3:#2d2b5e;--line:#ece2cc1a;--line-strong:#ece2cc2e;--ink:#f3ead6;--ink-2:#b6b0c2;--ink-3:#8f8ba0;--gold:#e6bd5c;--gold-2:#f5d78a;--gold-deep:#8c6a24;--violet:#a08de8;--violet-2:#c9b8ff;--danger:#f29a8a;--frame-5:linear-gradient(155deg, #f8e2a0 0%, #b8892f 30%, #f1cf78 52%, #8c6a24 78%, #e9c46a 100%);--frame-4:linear-gradient(155deg, #d6c9ff 0%, #5e4aa8 34%, #b3a0f5 56%, #3b2f6b 82%, #9d8ae6 100%);--ease-out:cubic-bezier(.16, 1, .3, 1);--radius-card:14px;--font-display:"GenshinMain", "Segoe UI", serif;--font-body:"Segoe UI Variable Text", "Segoe UI", -apple-system, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:var(--panel-3) var(--mat)}*{box-sizing:border-box}html{background:var(--mat)}body{min-height:100svh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;caret-color:var(--gold);margin:0;font-size:15px;line-height:1.5}.playmat{z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='760' height='760'%3E%3Cg fill='%23ffe9b8'%3E%3Ccircle cx='120' cy='90' r='1.4' opacity='.75'/%3E%3Ccircle cx='530' cy='210' r='1.1' opacity='.65'/%3E%3Ccircle cx='310' cy='480' r='1.5' opacity='.7'/%3E%3Ccircle cx='680' cy='610' r='1.2' opacity='.6'/%3E%3Ccircle cx='60' cy='640' r='1' opacity='.6'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 760px 760px, radial-gradient(60vw 50vh at 10% -8%, color-mix(in oklab, var(--atmo) 38%, transparent), transparent 70%), radial-gradient(50vw 60vh at 98% 22%, color-mix(in oklab, var(--atmo) 20%, transparent), transparent 70%), radial-gradient(130vw 70vh at 50% 125%, #2a1f66 0%, transparent 62%), linear-gradient(180deg, #120f35 0%, var(--mat) 45%);transition:--atmo 1.4s;position:fixed;inset:0;overflow:hidden}.playmat:after{content:"";will-change:transform;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cg fill='%23f3ead6'%3E%3Ccircle cx='23' cy='41' r='.9' opacity='.7'/%3E%3Ccircle cx='97' cy='12' r='.6' opacity='.7'/%3E%3Ccircle cx='151' cy='88' r='1.2' opacity='.8'/%3E%3Ccircle cx='212' cy='33' r='.7' opacity='.65'/%3E%3Ccircle cx='288' cy='71' r='.9' opacity='.6'/%3E%3Ccircle cx='377' cy='22' r='1.1' opacity='.7'/%3E%3Ccircle cx='54' cy='147' r='.6' opacity='.6'/%3E%3Ccircle cx='128' cy='201' r='.8' opacity='.75'/%3E%3Ccircle cx='246' cy='166' r='1.3' opacity='.85'/%3E%3Ccircle cx='331' cy='139' r='.6' opacity='.65'/%3E%3Ccircle cx='401' cy='188' r='.9' opacity='.6'/%3E%3Ccircle cx='19' cy='263' r='1' opacity='.65'/%3E%3Ccircle cx='103' cy='318' r='.6' opacity='.6'/%3E%3Ccircle cx='187' cy='281' r='.9' opacity='.6'/%3E%3Ccircle cx='268' cy='342' r='.7' opacity='.7'/%3E%3Ccircle cx='352' cy='276' r='1.2' opacity='.75'/%3E%3Ccircle cx='66' cy='392' r='.8' opacity='.75'/%3E%3Ccircle cx='219' cy='404' r='.6' opacity='.6'/%3E%3Ccircle cx='309' cy='396' r='.9' opacity='.6'/%3E%3Ccircle cx='392' cy='351' r='.6' opacity='.65'/%3E%3C/g%3E%3C/svg%3E") 0 0/420px 420px;animation:240s linear infinite star-drift;position:absolute;inset:-420px 0 0 -420px}@keyframes star-drift{to{transform:translate(420px,420px)}}::selection{background:color-mix(in oklab, var(--gold) 38%, transparent);color:var(--ink)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--mat)}::-webkit-scrollbar-thumb{background:var(--panel-3);border:3px solid var(--mat);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#33406a}.font-display{font-family:var(--font-display);font-weight:400}#root{max-width:1680px;min-height:100svh;margin:0 auto;padding-inline:40px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2,h3,h4,p{margin:0}button,input,select{color:inherit;font-family:inherit}.sigil{width:var(--sigil-size);height:var(--sigil-size);background-color:var(--sigil-color);-webkit-mask:var(--sigil-url) center / contain no-repeat;-webkit-mask:var(--sigil-url) center / contain no-repeat;mask:var(--sigil-url) center / contain no-repeat;flex:none;display:inline-block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{padding-block:32px 80px}.app-state{min-height:70vh;color:var(--ink-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.app-state-error{color:var(--danger);max-width:52ch}.app-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;padding-top:20px;display:grid}.page-title{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;font-size:clamp(2.6rem,1.6rem + 3.4vw,4.75rem);line-height:1}.roster-stats{max-width:50ch;color:var(--ink-2);margin-top:18px;font-size:17px;line-height:1.65}.roster-stats strong{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.32em;font-weight:400}.tab-bar{flex-wrap:wrap;gap:8px 30px;margin-top:30px;display:flex}.tab{color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:15px;font-weight:600;transition:color .2s;display:flex;position:relative}.tab:after{content:"";background:var(--gold);transform-origin:0;height:2px;transition:transform .45s var(--ease-out);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tab:hover,.tab-active{color:var(--ink)}.tab-active:after{transform:scaleX(1)}.showcase{width:470px;height:330px;margin-bottom:4px;position:relative}.showcase-slot{width:176px;transition:transform .6s var(--ease-out);animation:fan-in 1s var(--ease-out) backwards;margin-left:-88px;position:absolute;bottom:0;left:50%}.showcase-slot-0{--fan-from:translate(0, 30px) rotate(0deg);animation-delay:.15s;transform:translate(-128px,14px)rotate(-11deg)}.showcase-slot-1{z-index:2;--fan-from:translate(0, 20px);transform:translateY(-18px)}.showcase-slot-2{--fan-from:translate(0, 30px) rotate(0deg);animation-delay:.15s;transform:translate(128px,14px)rotate(11deg)}.showcase:hover .showcase-slot-0{transform:translate(-150px,10px)rotate(-14deg)}.showcase:hover .showcase-slot-2{transform:translate(150px,10px)rotate(14deg)}.showcase .showcase-slot:hover{z-index:3}@keyframes fan-in{0%{opacity:0;transform:var(--fan-from)}}.showcase-slot-1 .card-tilt{animation:7s ease-in-out 1.2s infinite float}@keyframes float{50%{translate:0 -7px}}.toolbar{z-index:20;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-block:1px solid var(--line);background:#0e0c2acc;flex-wrap:wrap;align-items:center;gap:12px;margin:26px -40px;padding:12px 40px;display:flex;position:sticky;top:0}.toolbar-end{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.search-field{width:280px;position:relative}.search-field-icon{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-field-input{border:1px solid var(--line-strong);background:#19183fe6;border-radius:10px;width:100%;height:40px;padding:0 38px;font-size:14px;transition:border-color .2s,background .2s}.search-field-input::placeholder{color:var(--ink-3)}.search-field-input:hover{border-color:#ece2cc47}.search-field-input:focus{border-color:var(--gold);background:var(--panel-2);outline:none}.search-field-hint{border:1px solid var(--line-strong);min-width:20px;color:var(--ink-3);text-align:center;pointer-events:none;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-filter{border:1px solid var(--line);background:#19183fb3;border-radius:12px;gap:2px;padding:3px;display:flex}.element-filter-option{width:34px;height:34px;color:var(--el);opacity:.8;cursor:pointer;transition:opacity .25s, transform .35s var(--ease-out), background .25s, filter .25s;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.element-filter-option:hover{opacity:1;background:#ece2cc0f}.element-filter.has-value .element-filter-option:not(.is-active){opacity:.3;filter:grayscale(.7)}.element-filter.has-value .element-filter-option:not(.is-active):hover{opacity:.7;filter:none}.element-filter-option.is-active{opacity:1;background:color-mix(in oklab, var(--el) 20%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--el) 55%, transparent);transform:scale(1.08)}.select-input{appearance:none;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23b6b0c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") right 12px center / 12px no-repeat;border:1px solid var(--line-strong);cursor:pointer;border-radius:10px;height:40px;padding:0 34px 0 12px;font-size:13.5px;font-weight:600}.select-input:hover{border-color:#ece2cc47}.select-input option{background:var(--panel)}.segmented{border:1px solid var(--line-strong);background:#19183fe6;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.segmented-option{height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.segmented-option:hover{color:var(--ink);background:#ece2cc0f}.segmented-option-active,.segmented-option-active:hover{background:var(--gold);color:#1d1606}.icon-button{background:var(--panel);border:1px solid var(--line-strong);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:13.5px;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.icon-button:hover{border-color:var(--gold-deep);color:var(--gold-2);background:var(--panel-2)}.icon-button:active svg{transition:transform .3s var(--ease-out);transform:rotate(-90deg)}.icon-only{width:36px;height:36px;padding:0}.link-button{color:var(--gold);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.no-results{text-align:center;color:var(--ink-2);padding:72px 0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:24px 18px;display:grid}.inspect-slot{grid-column:1/-1}.char-card{aspect-ratio:5/8;border-radius:var(--radius-card);width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;perspective:900px;--rx:0deg;--ry:0deg;--mx:50%;--my:30%;--frame:var(--frame-4);background:0 0;border:0;padding:0;display:block;position:relative}.char-card.rarity-5{--frame:var(--frame-5)}.char-card-grid{animation:deal .6s var(--ease-out) backwards;animation-delay:calc(var(--i) * 22ms)}@keyframes deal{0%{opacity:0;transform:translateY(22px)rotate(-1.5deg)scale(.96)}}.char-card:focus-visible{outline-offset:5px;border-radius:16px}.card-tilt{border-radius:var(--radius-card);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s var(--ease-out), box-shadow .4s ease;display:block;position:absolute;inset:0;box-shadow:0 12px 24px -14px #000000d9}.char-card:hover .card-tilt,.char-card:focus-visible .card-tilt{transform:translateY(-8px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 30px 44px -20px color-mix(in oklab, var(--el) 55%, #000), 0 14px 22px -12px #000000d9;transition-duration:.14s,.4s}.char-card.is-selected .card-tilt{box-shadow:0 30px 44px -20px color-mix(in oklab, var(--el) 60%, #000), 0 14px 22px -12px #000000d9;transform:translateY(-8px)}.char-card.is-selected:after{content:"";background:var(--gold);border-radius:2px;width:12px;height:12px;position:absolute;bottom:-19px;left:50%;transform:translate(-50%)rotate(45deg)}.card-flip{transform-style:flat;transition:transform .8s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--i) * 18ms);display:block;position:absolute;inset:0}.char-card.is-flipped .card-flip{transform:rotateY(180deg)}.card-face{border-radius:var(--radius-card);border:3px solid #0000;display:block;position:absolute;inset:0;overflow:hidden}.card-grid.is-3d .card-flip{transform-style:preserve-3d}.card-grid.is-3d .card-face{backface-visibility:hidden}.card-grid:not(.is-3d) .card-back,.char-card-showcase .card-back{display:none}.card-front{background:radial-gradient(120% 70% at 50% 28%, color-mix(in oklab, var(--el) 38%, var(--el-deep)), var(--el-deep) 55%, #08061a 100%) padding-box, var(--frame) border-box}.card-front:after{content:"";z-index:4;pointer-events:none;border:1px solid #ffeec847;border-radius:9px;position:absolute;inset:4px}.char-card.rarity-4 .card-front:after{border-color:#d6c9ff42}.card-stage{display:block;position:absolute;inset:0;overflow:hidden}.card-stage:after{content:"";background:linear-gradient(#08061800 44%,#080618db 75%,#080618f7 100%);position:absolute;inset:0}.card-watermark{opacity:.14;position:absolute;top:16%;left:50%;transform:translate(-50%)}.card-art{transform-origin:50% 28%;width:auto;max-width:none;height:100%;transition:transform .7s var(--ease-out);position:absolute;top:0;left:50%;transform:translate(-50%)scale(1.22)}.char-card:hover .card-art,.char-card:focus-visible .card-art{transform:translate(-50%)scale(1.3)}.card-art-missing{visibility:hidden}.card-art-fallback{color:color-mix(in oklab, var(--el) 70%, transparent);place-items:center;padding-bottom:30%;font-size:88px;display:none;position:absolute;inset:0}.card-art-missing+.card-art-fallback{display:grid}.card-art.card-art-portrait{width:82%;height:auto;top:10%;transform:translate(-50%)}.char-card:hover .card-art.card-art-portrait{transform:translate(-50%)scale(1.05)}.char-card .card-art.card-art-zoomed-out{transform-origin:50% 0;top:6%;transform:translate(-50%)scale(.98)}.char-card:hover .card-art.card-art-zoomed-out,.char-card:focus-visible .card-art.card-art-zoomed-out{transform:translate(-50%)scale(1.04)}.card-level{z-index:5;background:var(--frame);clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);flex-direction:column;align-items:center;width:46px;height:56px;padding-top:6px;line-height:1;display:flex;position:absolute;top:6px;left:7px}.card-level:before{content:"";clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);background:linear-gradient(#16133c,#0a081e);position:absolute;inset:1.5px}.card-level>*{position:relative}.card-level-lv{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px;font-weight:700}.card-level-num{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;margin-top:1px;font-size:23px}.card-element{z-index:5;border:1px solid color-mix(in oklab, var(--el) 45%, transparent);background:#0a081ecc;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.new-badge{background:var(--el,var(--ink));color:#0e0c2a;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:800;line-height:1.5;display:inline-block}.card-front .new-badge{z-index:5;position:absolute;top:13px;left:50%;transform:translate(-50%)}.card-plate{z-index:5;flex-direction:column;gap:3px;padding:0 12px 13px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-name{-webkit-line-clamp:2;line-clamp:2;color:var(--ink);text-shadow:0 1px 3px #000000b3;text-wrap:balance;-webkit-box-orient:vertical;font-size:17px;line-height:1.12;display:-webkit-box;overflow:hidden}.card-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:flex}.card-stars{color:var(--violet-2);gap:1px;display:inline-flex}.char-card.rarity-5 .card-stars{color:var(--gold-2)}.card-weapon{white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);font-size:12px;display:block;overflow:hidden}.card-weapon-lv{color:var(--ink-3);font-variant-numeric:tabular-nums}.card-pips{gap:5px;margin-top:6px;display:flex}.card-pip{border:1px solid color-mix(in oklab, var(--el) 55%, transparent);border-radius:1px;width:7px;height:7px;transform:rotate(45deg)}.card-pip.on{background:var(--el);border-color:var(--el)}.card-foil{z-index:4;pointer-events:none;opacity:0;mix-blend-mode:overlay;background:linear-gradient(115deg, transparent calc(var(--mx) - 11%), #ffffff8c calc(var(--mx) - 2%), #ffffffb3 var(--mx), #ffffff8c calc(var(--mx) + 2%), transparent calc(var(--mx) + 11%));transition:opacity .35s;display:block;position:absolute;inset:0}.char-card.rarity-5 .card-foil{background:linear-gradient(115deg, transparent calc(var(--mx) - 12%), #ffaa8299 calc(var(--mx) - 6%), #fff0aacc calc(var(--mx) - 1.5%), #aaffe6cc calc(var(--mx) + 1.5%), #b4beff99 calc(var(--mx) + 6%), transparent calc(var(--mx) + 12%))}.char-card:hover .card-foil,.char-card:focus-visible .card-foil{opacity:1}.card-back{text-align:center;background:radial-gradient(90% 55% at 50% 22%, color-mix(in oklab, var(--rg) 32%, transparent), transparent 62%) padding-box, repeating-linear-gradient(45deg, color-mix(in oklab, var(--rg) 8%, transparent) 0 1px, transparent 1px 14px) padding-box, repeating-linear-gradient(-45deg, color-mix(in oklab, var(--rg) 8%, transparent) 0 1px, transparent 1px 14px) padding-box, linear-gradient(180deg, var(--rg-deep) 0%, #08061a 100%) padding-box, var(--frame) border-box;flex-direction:column;align-items:center;padding:16px 14px 14px;display:flex;transform:rotateY(180deg)}.card-back:after{content:"";border:1px solid color-mix(in oklab, var(--rg) 32%, transparent);pointer-events:none;border-radius:9px;position:absolute;inset:4px}.back-crest{aspect-ratio:1;opacity:.95;flex:none;width:44%;height:auto;margin-top:4px}.back-name{color:var(--ink);text-wrap:balance;margin-top:8px;font-size:16px;line-height:1.15}.back-region{color:var(--rg);margin-top:2px;font-size:12px;font-weight:600}.back-region.is-unknown,.back-mat-unknown,.material-unknown{color:var(--ink-3);font-style:italic;font-weight:400}.back-mats{border-top:1px solid color-mix(in oklab, var(--rg) 22%, transparent);text-align:left;flex-direction:column;gap:8px;width:100%;margin-top:auto;padding-top:10px;display:flex}.back-mat{color:var(--ink);align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.3;display:flex}.back-mat>svg{color:var(--rg);flex:none;margin-top:13px}.back-mat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:9.5px;font-weight:800;display:block}.back-element{margin-top:10px}.inspect{border:1px solid var(--line-strong);background:radial-gradient(70% 110% at 0% 0%, color-mix(in oklab, var(--el) 30%, var(--el-deep)), transparent 62%), linear-gradient(180deg, var(--panel) 0%, var(--mat-2) 100%);border-radius:18px;grid-template-columns:minmax(300px,34%) minmax(0,1fr);margin:10px 0 6px;scroll-margin-top:90px;scroll-margin-bottom:24px;display:grid;overflow:hidden;box-shadow:0 34px 60px -34px #000000e6}.inspect-art{min-height:480px;position:relative;overflow:hidden}.inspect-art:after{content:"";background:linear-gradient(#0000 52%,#0a081e99 78%,#0a081ef2 100%),linear-gradient(90deg,#0000 70%,#10172d99 100%);position:absolute;inset:0}.inspect-watermark{opacity:.1;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.inspect-art .card-art{height:112%;animation:art-rise .9s var(--ease-out) both;top:-2%;transform:translate(-50%)}.inspect-art .card-art.card-art-zoomed-out{height:92%;top:5%}.inspect-art .card-art.card-art-portrait{width:70%;height:auto;top:14%}@keyframes art-rise{0%{opacity:0;translate:0 24px;scale:.96}}.inspect-title{z-index:2;padding:24px 26px;position:absolute;bottom:0;left:0;right:0}.inspect-name{color:var(--ink);text-shadow:0 2px 10px #0009;text-wrap:balance;font-size:clamp(30px,2.2vw + 14px,46px);line-height:1.02}.inspect-sub{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.inspect-friendship{color:#f2a7bf;align-items:center;gap:4px;margin-left:6px;display:inline-flex}.inspect-body{min-width:0;padding:20px 24px 26px}.inspect-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.inspect .drawer-panel{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.panel-drawer{transition:height .5s var(--ease-out), margin-top .5s var(--ease-out);overflow:hidden}.drawer-panel{border:1px solid var(--line-strong);background:radial-gradient(60% 120% at 0% 0%, color-mix(in oklab, var(--el) 20%, transparent), transparent 70%), var(--panel);border-radius:14px;margin:8px 0 4px;padding:22px;box-shadow:0 24px 44px -28px #000000e6}.drawer-status-loading{color:var(--ink-2);align-items:center;gap:9px;display:flex}.drawer-status-error{color:var(--danger)}.drawer-status-muted{color:var(--ink-2)}.build-grid{grid-template-columns:280px minmax(230px,300px) minmax(0,1fr);align-items:start;gap:26px;display:grid}.build-grid-bare{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}.build-splash{background:radial-gradient(100% 80% at 50% 30%, color-mix(in oklab, var(--el) 35%, var(--el-deep)), var(--el-deep));border-radius:12px;overflow:hidden}.build-splash img{object-fit:cover;object-position:center 20%;width:100%;height:340px;display:block}.build-weapon{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.build-weapon img{border-radius:10px;flex:none;width:56px;height:56px}.rarity-5-bg{background:linear-gradient(160deg,#8a5a26,#d99a45)}.rarity-4-bg{background:linear-gradient(160deg,#4b3d8a,#9277d8)}.build-weapon-name{color:var(--ink);font-size:15px;font-weight:600}.build-weapon-level{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12.5px}.build-stat-list{margin:0;padding:0;list-style:none}.build-stat-list li{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;gap:12px;padding:7px 0;font-size:13.5px;display:flex}.build-stat-list li:last-child{border-bottom:0}.build-stat-value{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.build-artifacts{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;display:grid}.artifact-card{border:1px solid var(--line);transition:border-color .2s, transform .3s var(--ease-out);background:#0a081e80;border-radius:12px;padding:12px}.artifact-card:hover{border-color:color-mix(in oklab, var(--el) 40%, transparent);transform:translateY(-2px)}.artifact-header{align-items:center;gap:10px;display:flex}.artifact-header img{border-radius:8px;flex:none;width:44px;height:44px}.artifact-main-value{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:19px;line-height:1.1}.artifact-main-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:700}.artifact-set{color:var(--ink-3);margin:9px 0 6px;font-size:11.5px}.artifact-substats{margin:0;padding:0;list-style:none}.artifact-substats li{color:var(--ink-2);justify-content:space-between;padding:2px 0;font-size:12.5px;display:flex}.artifact-substats li span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}.talent-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.talent-block{border:1px solid var(--line);background:#0a081e80;border-radius:12px;padding:14px 16px}.talent-heading{color:var(--ink);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.talent-heading-range{color:var(--el);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:600}.talent-material-list{margin:0;padding:0;list-style:none}.talent-material-list li{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;display:flex}.talent-material-list li:last-child{border-bottom:0}.talent-amount{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.roster-list{flex-direction:column;gap:8px;display:flex}.column-header-grid,.roster-row{align-items:center;gap:20px;display:grid}.column-header-grid.roster,.roster-row-roster{grid-template-columns:minmax(230px,2.2fr) 170px 70px 90px 120px minmax(180px,1.6fr)}.column-header-grid.materials,.roster-row-materials{grid-template-columns:minmax(230px,2fr) 130px minmax(0,1.4fr) minmax(0,1.4fr)}.column-header-grid{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0 20px 4px;font-size:11px;font-weight:700}.centered{text-align:center}.right{text-align:right}.roster-row-wrap{animation:row-in .45s var(--ease-out) both}@keyframes row-in{0%{opacity:0;transform:translateY(8px)}}.roster-row{background:linear-gradient(90deg, color-mix(in oklab, var(--el) 13%, var(--panel)) 0%, var(--panel) 32%);border:1px solid var(--line);border-radius:14px;padding:11px 20px 11px 14px;transition:border-color .2s,background .2s}.roster-row:hover{border-color:color-mix(in oklab, var(--el) 40%, transparent)}.roster-identity{align-items:center;gap:14px;min-width:0;display:flex}.avatar{border:2px solid var(--el);background:var(--el-deep);cursor:pointer;width:52px;height:52px;transition:transform .3s var(--ease-out);border-radius:50%;flex:none;padding:0;position:relative}.avatar:hover{transform:scale(1.06)}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.avatar-fallback{font-family:var(--font-display);color:var(--el);place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.avatar-element-badge{background:var(--mat);border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-4px}.identity-text{min-width:0}.identity-name-row{align-items:center;gap:8px;display:flex}.char-name{font-size:18px;font-weight:400;line-height:1.2}.identity-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:13px;display:flex}.friendship{color:#f2a7bf;align-items:center;gap:4px;display:inline-flex}.chip-button{border:1px solid color-mix(in oklab, var(--el) 55%, transparent);color:var(--el);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.chip-button:hover,.chip-button-active{background:color-mix(in oklab, var(--el) 20%, transparent)}.col-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.element-pill{border:1px solid color-mix(in oklab, var(--el) 32%, transparent);background:color-mix(in oklab, var(--el) 15%, transparent);color:var(--el);border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 6px;font-size:12px;font-weight:600;display:inline-flex}.rarity-pill{border-radius:999px;gap:1px;padding:4px 8px;display:inline-flex}.rarity-pill.rarity-5{color:var(--gold-2);background:#e6bd5c24}.rarity-pill.rarity-4{color:var(--violet-2);background:#a08de829}.roster-row .col-level{justify-content:center;align-items:baseline;gap:4px;display:flex}.col-level .label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700}.roster-row .col-level .font-display{color:var(--ink);font-variant-numeric:tabular-nums;font-size:22px}.col-weapon-type{text-align:center;color:var(--ink-2);font-size:13.5px}.constellation-pips{justify-content:center;gap:6px;display:flex}.constellation-pip{border:1px solid color-mix(in oklab, var(--el) 55%, transparent);border-radius:1px;width:8px;height:8px;transform:rotate(45deg)}.constellation-pip.on{background:var(--el);border-color:var(--el)}.col-weapon-details{text-align:right;min-width:0}.weapon-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.weapon-level{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12.5px}.col-material{align-items:center;gap:8px;font-size:14px;display:flex}.col-material svg{color:var(--ink-3);flex:none}.totals-heading{border-bottom:1px solid var(--line-strong);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:9px;margin-bottom:22px;padding-bottom:12px;font-size:12.5px;font-weight:700;display:flex}.totals-heading-count{font-family:var(--font-display);letter-spacing:0;text-transform:none;color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:20px;font-weight:400}.farm-region{margin-bottom:30px}.farm-region-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.farm-region-name{color:var(--rg);font-size:22px}.farm-region-rule{background:linear-gradient(90deg, color-mix(in oklab, var(--rg) 45%, transparent), transparent);flex:1;height:1px}.material-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px;display:grid}.material-card{border:1px solid color-mix(in oklab, var(--rg) 18%, var(--line));background:linear-gradient(150deg, color-mix(in oklab, var(--rg) 15%, var(--panel)) 0%, var(--panel) 70%);min-height:96px;animation:tile-in .5s var(--ease-out) backwards;animation-delay:calc(var(--i) * 30ms);transition:transform .3s var(--ease-out), border-color .2s;border-radius:12px;flex-direction:column;justify-content:space-between;gap:10px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.material-card:hover{border-color:color-mix(in oklab, var(--rg) 50%, transparent);transform:translateY(-3px)}@keyframes tile-in{0%{opacity:0;transform:translateY(10px)}}.material-crest{opacity:.16;transition:opacity .3s, transform .5s var(--ease-out);position:absolute;bottom:-12px;right:-10px}.material-card:hover .material-crest{opacity:.3;transform:rotate(-8deg)scale(1.08)}.material-name{color:var(--ink);font-size:13.5px;font-weight:600;line-height:1.3;position:relative}.material-amount{color:var(--rg);font-variant-numeric:tabular-nums;font-size:30px;line-height:1;position:relative}.material-x{opacity:.6;margin-right:2px;font-size:17px}.farm-section{margin-bottom:44px;transition:opacity .3s}.farm-tab.is-refreshing .farm-section{opacity:.6}.farm-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;margin-bottom:22px;display:flex}.farm-planned{align-items:center;gap:14px;min-width:0;display:flex}.farm-planned-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.farm-avatars{flex-wrap:wrap;padding-left:8px;display:flex}.farm-avatar{--el:var(--ink-2);border:2px solid var(--mat);background:var(--panel-2);width:40px;height:40px;box-shadow:0 0 0 1px var(--line-strong);transition:transform .25s var(--ease-out);border-radius:50%;margin-left:-8px;position:relative}.farm-avatar:hover{z-index:1;transform:translateY(-3px)scale(1.08)}.farm-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.farm-avatar .avatar-fallback{font-size:15px}.farm-avatar.has-error{box-shadow:0 0 0 2px var(--danger)}.farm-avatar.has-error img{filter:grayscale()brightness(.7)}.farm-inventory{flex-wrap:wrap;align-items:center;gap:8px 14px;max-width:620px;display:flex}.farm-inventory-meta{color:var(--ink-2);flex:240px;font-size:13px;line-height:1.45}.farm-warning{border:1px solid color-mix(in oklab, var(--danger) 45%, transparent);background:color-mix(in oklab, var(--danger) 10%, var(--panel));color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:22px;padding:12px 16px;font-size:13.5px;display:flex}.farm-warning svg{color:var(--danger)}.farm-today{border:1px solid color-mix(in oklab, var(--gold) 30%, var(--line));background:radial-gradient(70% 140% at 0% 0%, #e6bd5c24, transparent 70%), var(--panel);border-radius:16px;margin-bottom:44px;padding:20px 22px 22px}.farm-today-head{color:var(--gold-2);align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.farm-today-head svg{align-self:center}.farm-today-title{color:var(--ink);font-size:24px}.farm-today-day{color:var(--ink-2);font-size:13px;font-weight:600}.farm-today-list{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px;display:grid}.farm-today-item{border:1px solid color-mix(in oklab, var(--rg) 35%, transparent);background:linear-gradient(120deg, color-mix(in oklab, var(--rg) 18%, var(--panel-2)), var(--panel) 75%);animation:tile-in .5s var(--ease-out) backwards;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;display:flex}.farm-today-text{flex-direction:column;flex:1;min-width:0;display:flex}.farm-today-series{color:var(--rg);font-size:20px}.farm-today-sub{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.farm-today-need{font-family:var(--font-display);font-variant-numeric:tabular-nums;gap:8px;font-size:17px;display:flex}.rarity-text-2{color:#9fd8a8}.rarity-text-3{color:#8ec4f5}.rarity-text-4{color:#c9b8ff}.rarity-text-5{color:var(--gold-2)}.farm-empty{text-align:center;max-width:440px;color:var(--ink-2);flex-direction:column;align-items:center;gap:12px;margin:0 auto;padding:72px 0;display:flex}.farm-empty>svg:first-child{color:var(--gold)}.farm-empty-title{color:var(--ink);font-size:24px}.farm-footnote{color:var(--ink-3);margin-top:-20px;font-size:13px}.app-banner-error{color:var(--danger);margin:-12px 0 20px}.material-top{align-items:center;gap:10px;display:flex;position:relative}.material-icon{background:var(--panel-3);border-radius:9px;flex:none;width:40px;height:40px}.material-icon.rarity-bg-2{background:linear-gradient(160deg,#2f5a3e,#5c9a6b)}.material-icon.rarity-bg-3{background:linear-gradient(160deg,#2c4a78,#5687c7)}.material-icon.rarity-bg-4{background:linear-gradient(160deg,#4b3d8a,#9277d8)}.material-icon.rarity-bg-5{background:linear-gradient(160deg,#8a5a26,#d99a45)}.material-note{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:-4px;font-size:12px;position:relative;overflow:hidden}.material-have{color:var(--ink-3);font-variant-numeric:tabular-nums;flex-direction:column;gap:5px;font-size:11.5px;display:flex;position:relative}.material-meter{background:#ece2cc14;border-radius:999px;height:4px;display:block;position:relative;overflow:hidden}.material-meter-fill{border-radius:inherit;background:var(--rg);transform:scaleX(var(--filled));transform-origin:0;transition:transform .8s var(--ease-out);position:absolute;inset:0}.material-meter-fill.is-crafted{background:repeating-linear-gradient(-45deg, color-mix(in oklab, var(--rg) 70%, transparent) 0 3px, color-mix(in oklab, var(--rg) 30%, transparent) 3px 6px)}.material-crafted{color:var(--rg)}.material-done{align-items:center;gap:6px;font-size:22px;display:inline-flex}.material-card.is-done{border-color:color-mix(in oklab, var(--rg) 40%, transparent);background:linear-gradient(150deg, color-mix(in oklab, var(--rg) 8%, var(--panel)) 0%, var(--mat-2) 70%)}.material-card.is-done .material-name,.material-card.is-done .material-icon{opacity:.6}.material-card.is-open-today{border-color:color-mix(in oklab, var(--gold) 55%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--gold) 25%, transparent), 0 14px 30px -18px #e6bd5c99}.material-card.is-open-today .material-note{color:var(--gold-2)}.toggle-button{border:1px solid var(--line-strong);background:var(--panel);height:40px;color:var(--ink-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:13.5px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.toggle-button:hover{border-color:var(--gold-deep);color:var(--ink)}.toggle-track{background:var(--panel-3);border-radius:999px;width:30px;height:18px;margin-left:2px;transition:background .25s;position:relative}.toggle-thumb{background:var(--ink-2);width:14px;height:14px;transition:transform .3s var(--ease-out), background .25s;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-button.is-on{color:var(--ink)}.toggle-button.is-on .toggle-track{background:var(--gold)}.toggle-button.is-on .toggle-thumb{background:#1d1606;transform:translate(12px)}.card-planned{z-index:5;color:#a6d957;background:#0a081ecc;border:1px solid #a6d9578c;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:44px;right:8px}.plan-dot{background:#a6d957;border-radius:50%;width:6px;height:6px;margin-left:2px}.chip-button-planned{--el:#a6d957}.goal-editor-empty{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;display:flex}.goal-blurb{max-width:460px;color:var(--ink-2);line-height:1.5}.goal-add{background:var(--gold);color:#1d1606;cursor:pointer;height:42px;transition:background .2s, transform .2s var(--ease-out);border:0;border-radius:10px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.goal-add:hover{background:var(--gold-2);transform:translateY(-1px)}.goal-row{flex-wrap:wrap;gap:14px 28px;display:flex}.goal-level,.goal-stepper{flex-direction:column;gap:8px;display:flex}.goal-stepper-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:700}.goal-stepper-controls{border:1px solid var(--line-strong);background:#19183fe6;border-radius:10px;align-items:center;gap:4px;height:40px;padding:3px;display:flex}.goal-step{width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:background .2s,color .2s;display:grid}.goal-step:hover:not(:disabled){background:color-mix(in oklab, var(--el) 22%, transparent);color:var(--ink)}.goal-step:disabled{opacity:.3;cursor:default}.goal-step-value{text-align:center;min-width:28px;color:var(--el);font-variant-numeric:tabular-nums;font-size:20px}.goal-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:14px;display:flex}.goal-note{color:#a6d957;align-items:center;gap:6px;font-size:13px;display:inline-flex}.goal-remove{color:var(--ink-2);align-items:center;gap:5px;font-size:13px;display:inline-flex}@media (width<=1180px){.build-grid{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.build-grid .build-splash{display:none}.column-header-grid.roster,.roster-row-roster{grid-template-columns:minmax(220px,2fr) 160px 64px 110px minmax(160px,1.4fr)}.roster-row-roster .col-weapon-type,.column-header-grid.roster>:nth-child(4){display:none}}@media (width<=1000px){.app-header{grid-template-columns:1fr;gap:12px}.showcase{order:-1;justify-self:center}.inspect{grid-template-columns:1fr}.inspect-art{min-height:360px}.build-grid,.build-grid-bare{grid-template-columns:1fr}.column-header-grid{display:none}.roster-row-roster,.roster-row-materials{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}.roster-row .col-weapon-type,.roster-row .col-constellation,.roster-row .col-weapon-details{display:none}.roster-row-materials .col-badges{justify-self:end}.roster-row-materials .col-material{grid-column:1/-1}.roster-row-roster .col-level{grid-area:1/2}.roster-row-roster .col-badges{grid-column:1/-1}}@media (width<=640px){#root{padding-inline:16px}.app-shell{padding-top:16px}.showcase{width:300px;height:190px}.showcase-slot{width:104px;margin-left:-52px}.showcase .card-level,.showcase .card-element,.showcase .card-pips{display:none}.showcase .card-name{font-size:13px}.page-title{font-size:2.4rem}.roster-stats{margin-top:10px}.tab-bar{margin-top:14px}.showcase-slot-0{transform:translate(-78px,10px)rotate(-11deg)}.showcase-slot-2{transform:translate(78px,10px)rotate(11deg)}.showcase:hover .showcase-slot-0{transform:translate(-84px,8px)rotate(-13deg)}.showcase:hover .showcase-slot-2{transform:translate(84px,8px)rotate(13deg)}.showcase .card-plate{padding:0 9px 10px}.showcase .card-weapon,.showcase .card-meta{display:none}.roster-stats{font-size:15.5px}.tab-bar{gap:4px 20px}.tab{font-size:14px}.toolbar{gap:8px;margin-inline:-16px;padding:10px 16px;position:static}.inspect{scroll-margin-top:12px}.search-field{width:100%}.element-filter{justify-content:space-between;width:100%}.toolbar-end{flex-wrap:nowrap;gap:6px;width:100%;margin-left:0}.toolbar-end .select-input{background-position:right 9px center;flex:1;min-width:0;padding-right:28px}.toolbar-end .segmented-option{padding:0 9px}.toolbar-end .icon-button{width:40px;padding:0}.toolbar-end .icon-button .button-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.build-artifacts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.artifact-card{padding:10px}.artifact-header img{width:34px;height:34px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:14px 12px}.card-name{font-size:15px}.card-plate{padding:0 10px 11px}.back-mat{font-size:11.5px}.inspect-body{padding:16px}.inspect-art{min-height:300px}.material-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.auth-shell{isolation:isolate;place-items:center;min-height:100svh;padding:24px 0;display:grid;position:relative;overflow:hidden}.auth-shell:before,.auth-shell:after{content:"";z-index:-1;border-radius:var(--radius-card);background:radial-gradient(circle at 50% 50%, #f5d78a33 0 9%, transparent 9.5%) padding-box, radial-gradient(circle at 50% 50%, transparent 0 22%, #c9b8ff29 22.5% 23%, transparent 23.5%) padding-box, repeating-linear-gradient(45deg, #c9b8ff12 0 1px, transparent 1px 11px) padding-box, linear-gradient(160deg, #2c2670, #15123a 70%) padding-box, var(--frame-4) border-box;opacity:.8;width:300px;height:460px;animation:auth-fan .9s var(--ease-out) .12s both;border:2px solid #0000;margin:-230px 0 0 -150px;position:absolute;top:50%;left:50%;box-shadow:0 30px 60px -30px #000000e6}.auth-shell:before{--fan:translate(-120px, 16px) rotate(-12deg);transform:var(--fan)}.auth-shell:after{--fan:translate(120px, 16px) rotate(12deg);transform:var(--fan)}@keyframes auth-fan{0%{opacity:0;transform:translateY(20px)rotate(0)}}.auth-card{background:radial-gradient(120% 60% at 50% 0%, #f5d78a1a, transparent 70%) padding-box, linear-gradient(180deg, var(--panel-2), var(--panel) 60%) padding-box, var(--frame-5) border-box;width:min(400px,100%);animation:auth-rise .56s var(--ease-out) both;border:1.5px solid #0000;border-radius:16px;gap:16px;padding:40px 32px 28px;display:grid;position:relative;box-shadow:0 40px 90px -30px #000000d9,0 0 60px -20px #e6bd5c59}.auth-card:after{content:"";pointer-events:none;border:1px solid #f5d78a29;border-radius:10px;position:absolute;inset:7px}@keyframes auth-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}.auth-title{text-align:center;color:var(--gold-2);text-shadow:0 2px 18px #e6bd5c40;text-wrap:balance;font-size:clamp(2.1rem,1.6rem + 1.8vw,2.7rem);line-height:1}.auth-lede{color:var(--ink-2);white-space:nowrap;align-items:center;gap:12px;margin-bottom:4px;font-size:14px;display:flex}.auth-lede:before,.auth-lede:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-deep));flex:1;height:1px}.auth-lede:after{background:linear-gradient(90deg, var(--gold-deep), transparent)}.auth-field{gap:6px;display:grid}.auth-field>span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:700}.auth-field input,.auth-field textarea{border:1px solid var(--line-strong);background:var(--mat-2);width:100%;min-height:44px;color:var(--ink);font:inherit;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out), background .16s;border-radius:10px;padding:10px 12px}.auth-field textarea{resize:vertical;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px}.auth-field input:hover,.auth-field textarea:hover{border-color:#ece2cc47}.auth-field input:focus-visible,.auth-field textarea:focus-visible{border-color:var(--gold);background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 25%, transparent);outline:none}.auth-submit{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#1d1606;cursor:pointer;min-height:44px;transition:transform .16s var(--ease-out), filter .16s var(--ease-out), box-shadow .16s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14.5px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -10px #e6bd5cb3,inset 0 1px #ffffff73}.auth-submit:after{content:"";transition:transform .6s var(--ease-out);pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff80 50%,#0000 65%);position:absolute;inset:0;transform:translate(-100%)}.auth-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 26px -10px #e6bd5ccc,inset 0 1px #ffffff73}.auth-submit:hover:not(:disabled):after{transform:translate(100%)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.6;cursor:progress}.auth-error{border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);animation:auth-shake .36s var(--ease-out);border-radius:10px;padding:9px 12px;font-size:13.5px}@keyframes auth-shake{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.auth-note{color:var(--ink-3);font-size:12.5px;line-height:1.55}.auth-switch{justify-self:center;font-size:13.5px}.app-header{position:relative}.account-bar{z-index:5;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex;position:absolute;top:-24px;right:0}.account-bar .icon-button{background:color-mix(in srgb, var(--panel) 85%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:36px;padding:0 12px}.account-bar .icon-button:disabled{opacity:.55;cursor:not-allowed}.account-bar .icon-button:disabled:hover{border-color:var(--line-strong);color:inherit;background:color-mix(in srgb, var(--panel) 85%, transparent)}.account-chip{max-width:200px}.account-chip svg{color:var(--gold);flex:none}.account-sync-status{text-align:right;color:var(--ink-2);flex-basis:100%;font-size:12.5px}.account-sync-status.error{color:var(--danger)}.account-sync-status.done{color:var(--gold-2)}.account-panel{background:radial-gradient(120% 40% at 50% 0%, #f5d78a14, transparent 70%) padding-box, linear-gradient(180deg, var(--panel-2), var(--panel) 40%) padding-box, var(--frame-5) border-box;width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:1.5px solid #0000;border-radius:16px;padding:24px 28px;box-shadow:0 40px 90px -30px #000000e6}.account-panel[open]{animation:auth-rise .36s var(--ease-out) both}.account-panel::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08071ab8}.account-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.account-panel-head h2{overflow-wrap:anywhere;min-width:0;color:var(--gold-2);font-size:clamp(1.7rem,1.3rem + 1.4vw,2.2rem);line-height:1.05}.account-panel-head .icon-button{flex:none;width:36px;height:36px;padding:0}.account-section{border-top:1px solid var(--line);gap:12px;padding:18px 0;display:grid}.account-section h3{font-family:var(--font-display);color:var(--ink);align-items:center;font-size:17px;font-weight:400;display:flex}.account-steps{color:var(--ink-2);margin:0;padding-left:20px;font-size:13.5px;line-height:1.6}.account-steps li::marker{color:var(--gold);font-weight:700}.account-steps code{background:var(--mat-2);color:var(--gold-2);overflow-wrap:anywhere;border-radius:4px;padding:0 4px;font-size:12.5px}.account-badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb, var(--gold) 20%, transparent);color:var(--gold-2);border-radius:999px;margin-left:8px;padding:2px 9px;font-size:10.5px;font-weight:700}.account-section .auth-submit{justify-self:start}.account-done{color:var(--gold-2);font-size:13.5px}.account-logout{color:var(--danger);margin-top:6px}.empty-binder{text-align:center;max-width:460px;color:var(--ink-2);animation:auth-rise .56s var(--ease-out) both;justify-items:center;gap:14px;margin:40px auto 24px;padding:8px 16px;display:grid}.empty-binder-slots{width:260px;height:170px;margin-bottom:8px;position:relative}.empty-binder-slots span{border-radius:var(--radius-card);background:color-mix(in srgb, var(--panel) 60%, transparent);color:#f5d78a8c;width:100px;height:160px;animation:fan-in .9s var(--ease-out) backwards;border:1.5px dashed #f5d78a59;place-items:center;margin-left:-50px;font-size:20px;display:grid;position:absolute;bottom:0;left:50%}.empty-binder-slots span:first-child{--fan-from:translate(0, 24px) rotate(0deg);animation-delay:.12s;transform:translate(-72px,8px)rotate(-11deg)}.empty-binder-slots span:nth-child(2){z-index:1;background:color-mix(in srgb, var(--panel-2) 85%, transparent);--fan-from:translate(0, 24px);border-color:#f5d78a8c}.empty-binder-slots span:nth-child(3){--fan-from:translate(0, 24px) rotate(0deg);animation-delay:.12s;transform:translate(72px,8px)rotate(11deg)}.empty-binder h2{color:var(--gold-2);font-size:clamp(1.9rem,1.5rem + 1.4vw,2.4rem);line-height:1.05}.empty-binder p{max-width:40ch}.empty-binder .auth-submit{margin-top:4px}@media (width<=1000px){.account-bar{order:-2;justify-self:end;margin-top:-12px;position:static}}@media (width<=640px){.auth-card{padding:34px 22px 24px}.auth-shell:before,.auth-shell:after{width:240px;height:380px;margin:-190px 0 0 -120px}.account-panel{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.playmat:after{animation:none}}