:root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-accent-2: #a7a1db;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--font-heading: "Inter", system-ui, sans-serif;--font-heading-weight: 500;--font-body: "Inter", system-ui, sans-serif;--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-6: 16.8px;--space-8: 22.4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px}:root{--color-bg: #0d1526;--color-surface: #16203a;--color-divider: #24304d;--color-hairline: color-mix(in srgb, #d9ab3f 22%, transparent);--color-text: #ece7dc;--color-accent: #d9ab3f;--color-accent-100: #fcf4dd;--color-accent-200: #f4e2ab;--color-accent-300: #e8c76c;--color-accent-400: #d9ab3f;--color-accent-500: #bd9130;--color-accent-600: #997326;--color-accent-700: #70551c;--color-accent-800: #4c3a15;--color-accent-900: #2f2611;--color-neutral-500: #7d8aa6;--color-neutral-700: #3c4a68;--color-neutral-800: #24304d}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);-webkit-font-smoothing:antialiased}body{color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-300)}img{display:block;max-width:100%}button{font:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}@keyframes drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-primary:active{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{min-height:90px;resize:vertical}.seg-opt{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-800);color:var(--color-accent-100)}.tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.frame-outer{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(120% 60% at 50% 0%,#16233f 0%,var(--color-bg) 60%)}.frame{width:100%;max-width:430px;height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px var(--color-hairline)}.app-header{flex:0 0 auto;z-index:20;display:flex;align-items:center;gap:11.2px;padding:14px 16.8px 11.2px;background:color-mix(in srgb,#0d1526 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-title{font-size:17px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:40px;height:40px;min-width:40px;display:grid;place-items:center;border:1px solid var(--color-divider);border-radius:8px;background:transparent;color:var(--color-text);cursor:pointer;font-size:18px}.icon-btn:hover{background:color-mix(in srgb,#ece7dc 7%,transparent)}.overlay-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}.screen{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16.8px 40px}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.g-1{gap:2.8px}.g-2{gap:5.6px}.g-3{gap:8.4px}.g-4{gap:11.2px}.g-5{gap:14px}.g-6{gap:16.8px}.g-8{gap:22.4px}.kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:color-mix(in srgb,#ece7dc 45%,transparent)}.tx-35{color:color-mix(in srgb,#ece7dc 35%,transparent)}.tx-38{color:color-mix(in srgb,#ece7dc 38%,transparent)}.tx-40{color:color-mix(in srgb,#ece7dc 40%,transparent)}.tx-42{color:color-mix(in srgb,#ece7dc 42%,transparent)}.tx-45{color:color-mix(in srgb,#ece7dc 45%,transparent)}.tx-50{color:color-mix(in srgb,#ece7dc 50%,transparent)}.tx-52{color:color-mix(in srgb,#ece7dc 52%,transparent)}.tx-55{color:color-mix(in srgb,#ece7dc 55%,transparent)}.tx-58{color:color-mix(in srgb,#ece7dc 58%,transparent)}.tx-60{color:color-mix(in srgb,#ece7dc 60%,transparent)}.tx-62{color:color-mix(in srgb,#ece7dc 62%,transparent)}.tx-70{color:color-mix(in srgb,#ece7dc 70%,transparent)}.tx-78{color:color-mix(in srgb,#ece7dc 78%,transparent)}.section-h3{margin:0;padding-bottom:5.6px;font-size:17px;font-weight:500;letter-spacing:.01em;border-bottom:1px solid color-mix(in srgb,#d9ab3f 20%,transparent)}.tile{border-radius:8px;background:var(--color-surface);box-shadow:0 0 0 1px var(--color-hairline)}.tile-hover:hover{background:#1d2949}.cover{position:relative;overflow:hidden;background:var(--color-surface)}.cover>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;font-size:0;color:transparent}.bare-btn{padding:0;border:0;background:transparent;cursor:pointer;text-align:left;color:inherit}.icon-disc{display:grid;place-items:center;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,#d9ab3f 38%,transparent);color:var(--color-accent-300)}.grid-cover:hover{box-shadow:0 0 0 1px #d9ab3f}.newdeck-tile{width:100%;aspect-ratio:5 / 8.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5.6px;border:1px dashed color-mix(in srgb,#d9ab3f 55%,transparent);border-radius:8px;background:transparent;color:var(--color-accent);cursor:pointer;font-size:12px}.newdeck-tile:hover{background:color-mix(in srgb,#d9ab3f 10%,transparent)}.chip{padding:5.6px 11.2px;border:1px solid var(--color-divider);border-radius:999px;background:transparent;color:color-mix(in srgb,#ece7dc 62%,transparent);font-size:12px;cursor:pointer}.chip:hover{border-color:color-mix(in srgb,#d9ab3f 55%,transparent);color:#f4e2ab}.search-input{border:0;background:transparent;padding-left:0;outline:none;box-shadow:none}.search-input:focus-visible{outline:none;box-shadow:none;border:0}.slot{position:relative;aspect-ratio:5 / 8.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden;border:1px dashed color-mix(in srgb,#ece7dc 22%,transparent);border-radius:6px;color:color-mix(in srgb,#ece7dc 40%,transparent);font-size:11px;text-align:center;padding:5.6px;cursor:pointer}.slot:hover{border-color:#d9ab3f;color:#f4e2ab}.slot>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.edit-note{display:flex;gap:8.4px;padding:11.2px;border-radius:8px;background:color-mix(in srgb,#d9ab3f 12%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#d9ab3f 40%,transparent);font-size:12px;line-height:1.45;color:var(--color-accent-200)}.avatar-picker{position:relative;width:52px;height:52px;min-width:52px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--color-accent-900);color:var(--color-accent-300);font-size:20px;cursor:pointer}.avatar-picker:hover{box-shadow:0 0 0 1px var(--color-accent)}.avatar-picker>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:11.2px;padding:11.2px 0;box-shadow:inset 0 -1px 0 var(--color-divider)}.drawer-item{display:flex;align-items:center;gap:11.2px;padding:11.2px;min-height:46px;border:0;border-radius:8px;cursor:pointer;text-align:left;font-size:15px}.drawer-item:hover{background:color-mix(in srgb,#ece7dc 7%,transparent)}.tabbar{flex:0 0 auto;z-index:20;display:grid;gap:2.8px;padding:8.4px 11.2px 14px;background:color-mix(in srgb,#0d1526 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--color-divider)}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--color-divider);border-radius:8px;background:color-mix(in srgb,#0d1526 70%,transparent);color:var(--color-text);cursor:pointer;font-size:17px}.viewer-slide{flex:0 0 100%;display:flex;justify-content:center}.viewer-card{position:relative;width:74%;aspect-ratio:5 / 8.5;border-radius:10px;overflow:hidden;background:var(--color-surface);box-shadow:0 18px 44px #0009,0 0 0 1px color-mix(in srgb,#d9ab3f 45%,transparent)}.viewer-card>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}