@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Marcellus&family=Hanken+Grotesk:wght@400;500;600;700&display=swap";:root{--magna-parchment: #f3ede2;--magna-parchment-lift: #f8f3ea;--magna-parchment-deep: #ece4d6;--magna-sand: #e3d9c7;--magna-card: #fffdf8;--magna-night: #1d1815;--magna-night-deep: #14100d;--magna-night-soft: #2c2520;--magna-ink: #211c18;--magna-ink-soft: #3a342e;--magna-muted: #796f64;--magna-light: #ad9f91;--magna-crimson: #8b1c1c;--magna-crimson-deep: #6e1414;--magna-crimson-tint: #f7ece6;--magna-gold: #b8902a;--magna-gold-deep: #97751c;--magna-gold-light: #d8b75e;--magna-gold-lumin: #e6cf86;--magna-border: #ddd3c3;--magna-border-soft: #e6ddce;--magna-border-gold: #cdb079;--magna-border-dark: #3a322c;--magna-success: #4a6b3a;--magna-success-tint: #f0f4ea;--magna-success-border: #b7c9a4;--magna-danger: #8b1c1c;--magna-danger-tint: #f7ece6;--magna-danger-border: #e2b9ad;--surface-page: var(--magna-parchment);--surface-lift: var(--magna-parchment-lift);--surface-sunken: var(--magna-parchment-deep);--surface-tint: var(--magna-sand);--surface-card: var(--magna-card);--surface-inverse: var(--magna-night);--surface-inverse-deep: var(--magna-night-deep);--text-primary: var(--magna-ink);--text-prose: var(--magna-ink-soft);--text-secondary: var(--magna-muted);--text-tertiary: var(--magna-light);--text-on-inverse: #ede4d4;--text-on-inverse-soft: #b3a392;--text-accent: var(--magna-gold);--line-hairline: var(--magna-border);--line-card: var(--magna-border-soft);--line-gold: var(--magna-border-gold);--line-dark: var(--magna-border-dark);--accent-ceremonial: var(--magna-crimson);--accent-metallic: var(--magna-gold);--focus-ring: var(--magna-gold)}:root{--element-earth: #7d6a45;--element-earth-deep: #5c4e31;--element-earth-tint: #ece4d2;--element-earth-glyph: "♁";--element-air: #7f95a0;--element-air-deep: #566a74;--element-air-tint: #e4e9ea;--element-air-glyph: "🜍";--element-fire: #b24a2e;--element-fire-deep: #8a3620;--element-fire-tint: #f3e2d8;--element-fire-glyph: "🜂";--element-water: #3f6470;--element-water-deep: #2c4a54;--element-water-tint: #dde8e8;--element-water-glyph: "🜄";--element-aether: var(--magna-gold);--element-aether-tint: #f1e7cf}:root{--font-display: "Cormorant Garamond", "Hoefler Text", Georgia, serif;--font-prose: "Cormorant Garamond", "Hoefler Text", Georgia, serif;--font-label: "Marcellus", "Cormorant Garamond", Georgia, serif;--font-sans: "Hanken Grotesk", "Inter", system-ui, sans-serif;--font-glyph: "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols2", serif;--text-hero: 4.5rem;--text-display: 3.25rem;--text-h1: 2.5rem;--text-h2: 1.875rem;--text-h3: 1.375rem;--text-numeral: 4rem;--text-lead: 1.1875rem;--text-body: 1rem;--text-sm: .875rem;--text-xs: .8125rem;--text-eyebrow: .6875rem;--text-label: .625rem;--text-nav: .75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--leading-tight: 1.08;--leading-snug: 1.3;--leading-normal: 1.6;--leading-prose: 1.85;--tracking-eyebrow: .22em;--tracking-label: .18em;--tracking-nav: .14em;--tracking-caps: .1em;--tracking-wordmark:.3em;--tracking-normal: 0}.magna-wordmark{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-wordmark);font-weight:var(--weight-regular)}.magna-eyebrow{font-family:var(--font-label);font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:var(--text-accent)}.magna-display{font-family:var(--font-display);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:-.01em}.magna-prose{font-family:var(--font-prose);font-style:italic;font-size:var(--text-lead);line-height:var(--leading-prose);color:var(--text-prose)}.magna-ui{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:0}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.75rem;--space-8: 3.5rem;--space-9: 4.5rem;--space-10: 6rem;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(33,28,24,.06);--shadow-sm: 0 2px 10px rgba(33,28,24,.07);--shadow-md: 0 6px 22px rgba(33,28,24,.09), 0 1px 3px rgba(33,28,24,.06);--shadow-lg: 0 14px 44px rgba(33,28,24,.13), 0 2px 8px rgba(33,28,24,.07);--shadow-float: 0 26px 70px rgba(33,28,24,.18), 0 4px 14px rgba(33,28,24,.08);--shadow-inset-top: inset 0 1px 0 rgba(255,255,255,.6);--glow-gold: 0 0 0 1px rgba(184,144,42,.4), 0 6px 24px rgba(184,144,42,.22);--glow-soft: 0 8px 30px rgba(184,144,42,.16);--wash-dawn: radial-gradient(120% 120% at 50% 0%, #faf5ec 0%, #f3ede2 55%, #ece2d2 100%);--wash-gold: linear-gradient(135deg, #e6cf86 0%, #b8902a 55%, #97751c 100%);--wash-ember: linear-gradient(135deg, #c5613f 0%, #8b1c1c 100%);--wash-night: radial-gradient(130% 130% at 50% -10%, #2c2520 0%, #1d1815 60%, #14100d 100%);--wash-card: linear-gradient(180deg, #fffdf8 0%, #fbf6ec 100%);--rule-gold: linear-gradient(90deg, transparent, var(--magna-gold) 50%, transparent);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-soft: cubic-bezier(.33, 0, .2, 1);--dur-fast: .16s;--dur-base: .26s;--dur-slow: .42s;--dur-reveal: .6s}*,*:before,*:after{box-sizing:border-box}.magna-page{margin:0;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.magna-grain:after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}::selection{background:#b8902a3d}.magna-focusable:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.magna-btn{font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-nav);display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.magna-btn:active{transform:translateY(1px) scale(.985)}.magna-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.magna-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.magna-btn--sm{padding:7px 17px;font-size:var(--text-label)}.magna-btn--md{padding:10px 24px;font-size:var(--text-nav)}.magna-btn--lg{padding:14px 34px;font-size:var(--text-sm);letter-spacing:.16em}.magna-btn--primary{background:var(--magna-ink);color:var(--text-on-inverse);border-color:var(--magna-ink)}.magna-btn--primary:hover{background:#322b25;box-shadow:var(--shadow-md)}.magna-btn--gold{background:var(--wash-gold);color:var(--magna-night);box-shadow:var(--glow-soft)}.magna-btn--gold:hover{filter:brightness(1.05);box-shadow:var(--glow-gold)}.magna-btn--outline{background:transparent;color:var(--text-secondary);border-color:var(--line-hairline)}.magna-btn--outline:hover{border-color:var(--magna-muted);color:var(--text-primary);background:var(--surface-lift)}.magna-btn--crimson{background:transparent;color:var(--magna-crimson);border-color:var(--magna-danger-border)}.magna-btn--crimson:hover{background:var(--magna-crimson);color:#fff;border-color:var(--magna-crimson)}.magna-btn--ghost{background:transparent;color:var(--text-secondary)}.magna-btn--ghost:hover{color:var(--text-primary);background:var(--surface-lift)}.magna-card{position:relative;background:var(--surface-card);border:1px solid var(--line-card);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.magna-card--sm{box-shadow:var(--shadow-sm)}.magna-card--md{box-shadow:var(--shadow-md)}.magna-card--lg{box-shadow:var(--shadow-lg)}.magna-card--flat{box-shadow:none}.magna-card--interactive{cursor:pointer}.magna-card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--line-gold)}.magna-card--gilded{border-color:var(--line-gold)}.magna-card--night{background:var(--wash-night);border-color:var(--line-dark);color:var(--text-on-inverse)}.magna-card--night.magna-card--interactive:hover{border-color:var(--magna-gold)}.magna-card__gild{position:absolute;left:var(--space-6);right:var(--space-6);top:0;height:2px;background:var(--rule-gold);opacity:.8}.magna-pcard{position:relative;background:var(--wash-card);border:1px solid var(--line-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-shrink:0;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.magna-pcard--interactive{cursor:pointer}.magna-pcard--interactive:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-float)}.magna-pcard__corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-family:var(--font-display)}.magna-pcard__corner--tl{top:11px;left:13px}.magna-pcard__corner--br{bottom:11px;right:13px;transform:rotate(180deg)}.magna-pcard__pip{font-family:var(--font-glyph);line-height:1}.magna-pcard__edge{position:absolute;inset:5px;border:1px solid var(--line-card);border-radius:calc(var(--radius-md) - 5px);pointer-events:none;opacity:.5}.magna-input{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-page);border:1px solid var(--line-hairline);border-radius:var(--radius-xs);padding:10px 13px;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);box-sizing:border-box}.magna-input::placeholder{color:var(--text-tertiary)}.magna-input:hover{border-color:var(--magna-light)}.magna-input:focus{border-color:var(--magna-gold);background:var(--surface-card);box-shadow:0 0 0 3px #b8902a29}.magna-center{text-align:center;border-radius:var(--radius-sm);padding:15px 11px;background:var(--surface-card);border:1px solid var(--line-card);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.magna-center--interactive{cursor:pointer}.magna-center--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.magna-center--defined{background:var(--wash-night);border-color:var(--line-dark)}.magna-center--open{border-color:var(--line-gold)}.magna-center__name{font-family:var(--font-display);font-size:1.05rem;color:var(--text-primary);line-height:1.1}.magna-center--defined .magna-center__name{color:var(--text-on-inverse)}.magna-center__desc{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-secondary);margin-top:3px;line-height:1.35}.magna-center--defined .magna-center__desc{color:var(--text-on-inverse-soft)}.magna-center__status{font-family:var(--font-label);font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-top:8px}.magna-center--defined .magna-center__status{color:var(--magna-gold-light)}.magna-center--open .magna-center__status{color:var(--magna-gold)}.magna-select-wrap{position:relative;display:inline-block;width:100%}.magna-select{width:100%;appearance:none;-webkit-appearance:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--line-hairline);border-radius:var(--radius-xs);padding:10px 36px 10px 13px;cursor:pointer;outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);box-sizing:border-box}.magna-select:hover{border-color:var(--magna-light)}.magna-select:focus{border-color:var(--magna-gold);box-shadow:0 0 0 3px #b8902a29}.magna-select-chev{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--magna-gold);font-size:11px}html,body,#root{margin:0;height:100%}body{background:radial-gradient(130% 100% at 50% 0%,#efe6d6,#e4d8c3 55%,#d8c9af);font-family:var(--font-sans);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:28px 16px;box-sizing:border-box}.magna-device{width:430px;height:880px;max-height:calc(100vh - 56px);background:var(--wash-dawn);border-radius:42px;box-shadow:var(--shadow-float),inset 0 0 0 1px #ffffff80;border:1px solid rgba(120,100,70,.22);display:flex;flex-direction:column;overflow:hidden;position:relative}.magna-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px;background:linear-gradient(180deg,#f8f3eaf0,#f8f3ea00);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.magna-avatar{width:36px;height:36px;border-radius:999px;border:1px solid var(--line-gold);background:var(--surface-card);color:var(--magna-gold-deep);font-family:var(--font-display);font-size:17px;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast)}.magna-avatar:hover{box-shadow:var(--glow-soft)}.magna-avatar:active{transform:scale(.94)}.magna-scroll{flex:1;overflow-y:auto;padding:6px 22px 14px;scrollbar-width:thin}.magna-scroll::-webkit-scrollbar{width:0}.magna-screen{animation:magnaFade var(--dur-slow) var(--ease-out)}@keyframes magnaFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.magna-tabbar{flex-shrink:0;display:flex;gap:2px;padding:10px 12px 16px;background:linear-gradient(0deg,#f5efe5f7 60%,#f5efe500);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line-hairline)}.magna-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 4px 6px;border-radius:16px;transition:background var(--dur-base) var(--ease-out);min-width:0}.magna-tab:hover{background:#b8902a14}.magna-tab__glyph{font-family:var(--font-glyph);font-size:19px;color:var(--text-tertiary);transition:color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.magna-tab__label{font-family:var(--font-label);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);transition:color var(--dur-base) var(--ease-out)}.magna-tab.is-active .magna-tab__glyph{color:var(--magna-gold);transform:translateY(-1px) scale(1.08)}.magna-tab.is-active .magna-tab__label{color:var(--text-primary)}.magna-tabbar--six{gap:0;padding:10px 6px 16px}.magna-tabbar--six .magna-tab{padding:8px 2px 6px}.magna-tabbar--six .magna-tab__glyph{font-size:17px}.magna-tabbar--six .magna-tab__label{font-size:8.5px;letter-spacing:.08em}