:root{--bg: #fff4ea;--bg-2: #ffedde;--surface: #ffffff;--surface-2: #fff7ef;--surface-3: #fdeede;--line: rgba(74, 48, 30, .1);--line-strong: rgba(74, 48, 30, .18);--text: #2c1b12;--muted: #7c6656;--dim: #a89484;--orange: #ff6b35;--orange-light: #ff8a3d;--pink: #ff4d8d;--teal: #10c1a4;--teal-deep: #0da78f;--violet: #8b6df0;--yellow: #ffc24b;--grad: linear-gradient(135deg, #ff8a3d 0%, #ff4d8d 100%);--grad-teal: linear-gradient(135deg, #16d0b0 0%, #22c3e0 100%);--grad-violet: linear-gradient(135deg, #8b6df0 0%, #ff6fb0 100%);--ink-card: #17111d;--ink-card-2: #0d0b12;--radius: 22px;--radius-lg: 30px;--radius-sm: 14px;--shadow: 0 14px 34px rgba(120, 72, 40, .13);--shadow-soft: 0 6px 18px rgba(120, 72, 40, .1);--shadow-glow: 0 14px 30px rgba(255, 77, 141, .28);--bounce: cubic-bezier(.34, 1.56, .64, 1);--font-display: "Fredoka", "Baloo 2", sans-serif;--font-head: "Fredoka", "Nunito", sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--nav-h: 70px;--container: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(55vw 40vw at 85% -8%,rgba(255,77,141,.12),transparent 60%),radial-gradient(50vw 40vw at -5% 8%,rgba(255,138,61,.14),transparent 55%),radial-gradient(55vw 50vw at 50% 112%,rgba(16,193,164,.1),transparent 60%);pointer-events:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}code,pre{font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,monospace}::selection{background:#ff6b3559;color:#fff}main{min-height:calc(100vh - var(--nav-h))}.example-card,.preview-card,.demo-card,.snippet-preview,.demo-mini,.cflip-front,.askai-prompt,.code-block{--text: #f4f2f8;--muted: #c6bcd2;--dim: #90879e;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--surface: #1d1526;--surface-2: #241a30;--surface-3: #2c2038;--bg-2: #140f1c;color:var(--text)}.page{max-width:var(--container);margin:0 auto;padding:2.5rem 1.25rem 5rem}.section{margin-top:4.5rem}.section-head{max-width:720px;margin-bottom:2rem}.section-eyebrow,.eyebrow{display:inline-block;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange-light);margin-bottom:.9rem}.section-title{font-family:var(--font-head);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.section-lead{color:var(--muted);margin-top:.9rem;font-size:1.02rem}.section-lead em{color:var(--text);font-style:italic}.dot{color:var(--dim);margin:0 .15em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-head);font-weight:600;font-size:.95rem;padding:.85rem 1.5rem;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background .2s ease;white-space:nowrap}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px #ff3d7f52}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff3d7f73}.btn-ghost{background:#4a301e0d;color:var(--text);border:1px solid var(--line-strong)}.btn-ghost:hover{background:#4a301e1a;transform:translateY(-2px)}.btn-ghost.danger:hover{border-color:var(--pink);color:var(--pink)}.btn-done{background:#2dd4bf24;color:var(--teal);border:1px solid rgba(45,212,191,.4)}.btn-done:hover{transform:translateY(-2px)}.btn-wide{width:100%;padding:1.05rem}.btn-sm{padding:.55rem 1rem;font-size:.85rem}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:#fff7f0d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{max-width:var(--container);margin:0 auto;height:100%;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:flex;align-items:center;gap:.6rem}.logo-mark{display:block;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(255,61,127,.4))}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.01em;color:var(--text)}.logo-name-grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-sub{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-light);margin-top:3px}.nav-links{display:flex;align-items:center;gap:.35rem;margin-left:auto}.nav-link{font-family:var(--font-head);font-weight:500;font-size:.92rem;color:var(--muted);padding:.5rem .85rem;border-radius:999px;transition:color .18s ease,background .18s ease}.nav-link:hover{color:var(--text);background:#4a301e0d}.nav-link.active{color:var(--text);background:#ff6b3524}.nav-right{display:flex;align-items:center;gap:.85rem}.nav-progress{display:flex;align-items:center;gap:.55rem}.mini-track{width:60px;height:6px;border-radius:999px;background:#4a301e1a;overflow:hidden}.mini-fill{height:100%;background:var(--grad);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.nav-progress-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--orange-light)}.nav-progress-mobile{display:none}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px}.nav-toggle span{width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .2s ease}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-scrim{display:none}.hero{position:relative;max-width:var(--container);margin:0 auto;padding:3.5rem 1.25rem 1rem;overflow:hidden}.hero-glow{position:absolute;top:-20%;right:-10%;width:620px;height:620px;background:radial-gradient(circle,rgba(255,61,127,.28),transparent 60%);filter:blur(30px);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(74,48,30,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(74,48,30,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,transparent 80%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.5fr .9fr;gap:2.5rem;align-items:center}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,7vw,4.6rem);line-height:1.06;letter-spacing:-.01em;margin:.5rem 0 1rem}.hero-title-line{display:block}.hero-title-line.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.12em}.hero-project{font-size:1.05rem;color:var(--text);margin-bottom:.85rem}.hero-project strong{color:var(--orange-light)}.hero-pitch{color:var(--muted);font-size:1.05rem;max-width:560px}.hero-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0}.fact-chip{font-size:.82rem;font-weight:500;padding:.4rem .85rem;border-radius:999px;background:#4a301e0d;border:1px solid var(--line);color:var(--muted)}.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.4rem}.hero-schedule{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;color:var(--dim);font-size:.9rem}.sched-icon{filter:grayscale(.2)}.hero-card{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:2rem 1.75rem;text-align:center;overflow:hidden;box-shadow:var(--shadow)}.hero-card-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:260px;height:260px;background:radial-gradient(circle,rgba(255,107,53,.28),transparent 65%);pointer-events:none}.hero-card-label{position:relative;font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}.hero-card-note{color:var(--muted);font-size:.9rem;margin:1.2rem 0 1.4rem}.hero-card-btn{font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--orange-light);transition:gap .2s ease}.hero-card-btn:hover{color:var(--pink)}.ring{position:relative;margin:0 auto;display:grid;place-items:center}.ring svg{transform:rotate(0)}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-value{font-family:var(--font-display);font-weight:900;font-size:2rem;line-height:1}.ring-total{color:var(--dim);font-size:1.1rem}.ring-caption{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-top:4px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.feature-item{display:flex;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem;transition:border-color .2s ease,transform .2s ease}.feature-item:hover{border-color:var(--line-strong);transform:translateY(-2px)}.feature-icon{font-size:1.35rem;flex-shrink:0}.arc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.arc-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.35rem;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.arc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.arc-card.orange:before{background:var(--grad)}.arc-card.pink:before{background:linear-gradient(90deg,#ff3d7f,#ff8a3d)}.arc-card.teal:before{background:var(--grad-teal)}.arc-card.violet:before{background:linear-gradient(90deg,#a78bfa,#f472b6)}.arc-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}.arc-week{font-family:var(--font-display);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.arc-identity{font-family:var(--font-head);font-size:1.25rem;font-weight:700;margin:.35rem 0 .6rem}.arc-focus{font-size:.9rem;font-weight:600;color:var(--orange-light)}.arc-card.teal .arc-focus{color:var(--teal)}.arc-card.violet .arc-focus{color:var(--violet)}.arc-learn{font-size:.85rem;color:var(--muted);margin-top:.3rem}.arc-sessions{display:flex;gap:.4rem;margin-top:1.1rem}.arc-session-pill{font-size:.72rem;font-weight:600;padding:.3rem .65rem;border-radius:999px;background:#4a301e0f;border:1px solid var(--line);color:var(--muted);transition:all .18s ease}.arc-session-pill:hover{background:#ff6b3529;color:var(--text)}.quicklinks{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quicklink{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.35rem;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease}.quicklink:hover{transform:translateY(-3px);border-color:var(--orange)}.ql-icon{font-size:1.7rem}.ql-text{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted)}.ql-text strong{font-family:var(--font-head);color:var(--text);font-size:1rem;margin-bottom:2px}.ql-arrow{margin-left:auto;color:var(--orange-light);font-size:1.2rem;transition:transform .2s ease}.quicklink:hover .ql-arrow{transform:translate(4px)}.page-header{max-width:760px;margin-bottom:2.5rem}.page-title{font-family:var(--font-head);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.05}.page-lead{color:var(--muted);margin-top:.9rem;font-size:1.05rem}.page-lead em{color:var(--text);font-style:italic}.page-progress{display:flex;align-items:center;gap:1rem;margin-top:1.6rem}.page-progress-track{flex:1;max-width:340px;height:8px;border-radius:999px;background:#4a301e14;overflow:hidden}.page-progress-fill{height:100%;background:var(--grad);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.page-progress-text{font-size:.85rem;color:var(--muted);white-space:nowrap}.roadmap{display:flex;flex-direction:column;gap:2.5rem}.week-block{position:relative}.week-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.35rem;border-radius:var(--radius);border:1px solid var(--line);margin-bottom:1.1rem;position:relative;overflow:hidden}.week-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.week-header.orange:before{background:var(--grad)}.week-header.pink:before{background:linear-gradient(180deg,#ff3d7f,#ff8a3d)}.week-header.teal:before{background:var(--grad-teal)}.week-header.violet:before{background:linear-gradient(180deg,#a78bfa,#f472b6)}.week-header-left{display:flex;align-items:baseline;gap:.85rem;flex-wrap:wrap}.week-tag{font-family:var(--font-display);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.week-title{font-family:var(--font-head);font-size:1.35rem;font-weight:700}.week-focus{font-size:.85rem;color:var(--muted);font-weight:500}.week-sessions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.session-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.session-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.session-card.done{border-color:#2dd4bf59}.session-card-main{padding:1.35rem 1.35rem 1rem;flex:1}.session-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.session-num{font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--dim)}.day-badge{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.28rem .65rem;border-radius:999px}.day-badge.learn{background:#2dd4bf24;color:var(--teal)}.day-badge.build{background:#ff6b3524;color:var(--orange-light)}.session-card-title{font-family:var(--font-head);font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.session-card-tag{color:var(--muted);font-size:.92rem;margin:.5rem 0 .9rem}.session-card-meta{font-size:.82rem;color:var(--dim)}.check-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;font-family:var(--font-head);font-weight:600;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line);background:#4a301e05;transition:background .18s ease,color .18s ease}.check-btn:hover{background:#4a301e0d;color:var(--text)}.check-btn.checked{color:var(--teal);background:#2dd4bf14}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;font-size:.7rem}.check-btn.checked .check-icon{background:var(--teal);color:#05261f;border-color:var(--teal)}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.back-link{font-family:var(--font-head);font-weight:500;font-size:.9rem;color:var(--muted);transition:color .18s ease}.back-link:hover{color:var(--orange-light)}.detail-hero{position:relative;padding:2rem 1.9rem;border-radius:var(--radius-lg);border:1px solid var(--line-strong);overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--surface))}.detail-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.detail-hero.learn:before{background:var(--grad-teal)}.detail-hero.build:before{background:var(--grad)}.detail-hero:after{content:"";position:absolute;top:-60%;right:-10%;width:340px;height:340px;border-radius:50%;pointer-events:none;opacity:.5}.detail-hero.learn:after{background:radial-gradient(circle,rgba(45,212,191,.2),transparent 65%)}.detail-hero.build:after{background:radial-gradient(circle,rgba(255,107,53,.22),transparent 65%)}.detail-hero-meta{position:relative;font-size:.85rem;color:var(--muted);margin-bottom:.6rem}.detail-session-num{font-family:var(--font-display);font-weight:700;color:var(--text)}.detail-title{position:relative;font-family:var(--font-head);font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.05}.detail-tagline{position:relative;color:var(--muted);font-size:1.08rem;margin-top:.7rem;max-width:640px}.detail-meta-row{position:relative;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.meta-pill{font-size:.8rem;font-weight:500;padding:.4rem .8rem;border-radius:999px;background:#4a301e0d;border:1px solid var(--line);color:var(--muted)}.meta-pill.skill{color:var(--orange-light);border-color:#ff6b354d}.goal-callout{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding:1.4rem 1.6rem;border-radius:var(--radius);background:#ff6b3512;border:1px solid rgba(255,107,53,.2)}.goal-label{font-family:var(--font-head);font-weight:700;font-size:.85rem;color:var(--orange-light);letter-spacing:.02em}.goal-callout p{color:var(--text);font-size:1rem}.detail-body{margin-top:.5rem}.detail-section{margin-top:2.8rem}.detail-h2{font-family:var(--font-head);font-size:1.4rem;font-weight:700;margin-bottom:1.2rem;letter-spacing:-.01em}.detail-sub{color:var(--muted);margin:-.6rem 0 1rem;font-size:.95rem}.timeline{list-style:none;position:relative;padding-left:0}.timeline-item{display:grid;grid-template-columns:92px 1fr;gap:1.2rem;padding-bottom:1.6rem;position:relative}.timeline-item:before{content:"";position:absolute;left:100px;top:22px;bottom:-4px;width:2px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-time{font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--dim);text-align:right;padding-top:4px;letter-spacing:.02em}.timeline-content{position:relative;padding-left:1.5rem}.timeline-content:before{content:"";position:absolute;left:-7px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--orange)}.timeline-label{font-family:var(--font-head);font-size:1.05rem;font-weight:600;margin-bottom:.3rem}.timeline-content p{color:var(--muted);font-size:.95rem}.concept-list{display:flex;flex-direction:column;gap:.6rem}.concept-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap}.concept-code{font-size:.85rem;color:var(--teal);background:#2dd4bf1a;padding:.3rem .6rem;border-radius:6px;white-space:nowrap;flex-shrink:0}.concept-desc{color:var(--muted);font-size:.92rem;flex:1;min-width:200px}.checklist{list-style:none;display:flex;flex-direction:column;gap:.65rem}.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.95rem;color:var(--muted)}.li-star{color:var(--orange-light);flex-shrink:0}.link-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 1.75rem;border-radius:var(--radius);background:linear-gradient(120deg,#ff6b351a,#ff3d7f14);border:1px solid rgba(255,107,53,.25);flex-wrap:wrap}.link-card-title{font-family:var(--font-head);font-size:1.15rem;font-weight:700;margin-bottom:.35rem}.link-card p{color:var(--muted);font-size:.92rem}.demo-format{display:flex;flex-direction:column;gap:.7rem}.demo-line{display:grid;grid-template-columns:74px 1fr;gap:1rem;align-items:center;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.demo-time{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--teal);text-align:center;padding:.3rem;background:#2dd4bf1a;border-radius:6px}.demo-text{color:var(--muted);font-size:.95rem}.superlative-grid{display:flex;flex-wrap:wrap;gap:.6rem}.superlative-chip{font-size:.85rem;padding:.55rem .95rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.detail-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.8rem}.info-card{padding:1.4rem 1.5rem;border-radius:var(--radius);border:1px solid var(--line)}.info-card.deliverable{background:#2dd4bf0f;border-color:#2dd4bf38}.info-card.homework{background:#a78bfa0f;border-color:#a78bfa38}.info-card-label{display:block;font-family:var(--font-head);font-weight:700;font-size:.85rem;margin-bottom:.5rem}.info-card.deliverable .info-card-label{color:var(--teal)}.info-card.homework .info-card-label{color:var(--violet)}.info-card p{color:var(--text);font-size:.94rem}.tip-card{display:flex;gap:1rem;margin-top:1rem;padding:1.35rem 1.5rem;border-radius:var(--radius);background:#ffd6660f;border:1px solid rgba(255,214,102,.2)}.tip-icon{font-size:1.35rem}.tip-label{display:block;font-family:var(--font-head);font-weight:700;font-size:.85rem;color:#ffd666;margin-bottom:.35rem}.tip-card p{color:var(--muted);font-size:.94rem}.detail-complete{margin-top:2rem}.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}.detail-nav-btn{display:flex;flex-direction:column;gap:.3rem;padding:1.15rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s ease,transform .2s ease;text-align:left}.detail-nav-btn:hover{border-color:var(--orange);transform:translateY(-2px)}.detail-nav-btn.next{text-align:right;align-items:flex-end}.dn-dir{font-family:var(--font-head);font-size:.78rem;font-weight:600;color:var(--orange-light)}.dn-title{font-size:.92rem;color:var(--muted)}.worksheet-actions{display:flex;gap:.6rem;margin-top:1.2rem}.worksheet-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:2rem;align-items:start}.worksheet-form{display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.45rem}.field-label{font-family:var(--font-head);font-weight:600;font-size:.88rem;color:var(--text)}.field-input{width:100%;padding:.8rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);transition:border-color .18s ease,box-shadow .18s ease;resize:vertical}.field-input::placeholder{color:var(--dim)}.field-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff6b3526}.field-hint{font-size:.8rem;color:var(--dim)}.worksheet-preview{position:relative}.preview-sticky{position:sticky;top:calc(var(--nav-h) + 1.5rem)}.preview-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-bottom:.8rem}.preview-card{position:relative;padding:1.8rem 1.6rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,#16101c,#0d0b12);border:1px solid var(--line-strong);overflow:hidden;box-shadow:var(--shadow)}.preview-card-glow{position:absolute;top:-30%;right:-20%;width:220px;height:220px;background:radial-gradient(circle,rgba(255,61,127,.28),transparent 65%);pointer-events:none}.preview-name{position:relative;font-family:var(--font-display);font-weight:700;font-size:1.6rem;line-height:1.15;letter-spacing:.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;word-break:break-word;padding-bottom:.1em}.preview-title{position:relative;color:var(--muted);font-size:.95rem;margin-top:.3rem}.preview-stats{position:relative;display:flex;flex-wrap:wrap;gap:.4rem;margin:1.2rem 0}.preview-stat{font-size:.78rem;padding:.35rem .7rem;border-radius:999px;background:#4a301e0f;border:1px solid var(--line);color:var(--text)}.preview-empty{font-size:.85rem;color:var(--dim);font-style:italic}.preview-quote{position:relative;font-style:italic;color:var(--text);border-left:3px solid var(--orange);padding-left:.9rem;margin:1rem 0;font-size:.95rem}.preview-align{position:relative;display:inline-block;font-family:var(--font-head);font-weight:600;font-size:.78rem;padding:.35rem .8rem;border-radius:999px;background:#a78bfa24;color:var(--violet)}.preview-note{font-size:.8rem;color:var(--dim);margin-top:1rem;text-align:center}.align-scroll{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line)}.align-table{width:100%;border-collapse:collapse;min-width:620px}.align-table th,.align-table td{padding:.9rem 1rem;text-align:left;border:1px solid var(--line);font-size:.88rem}.align-table thead th{font-family:var(--font-head);color:var(--orange-light);background:#ff6b350f}.align-row-label{font-family:var(--font-head);font-weight:700;color:var(--text);background:var(--surface);white-space:nowrap}.align-table td{color:var(--muted)}.tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--line);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--muted);padding:.6rem 1.1rem;border-radius:999px;white-space:nowrap;transition:color .18s ease,background .18s ease}.tab:hover{color:var(--text)}.tab.active{color:var(--text);background:#ff6b3526}.tab-intro{color:var(--muted);margin-bottom:1.6rem;max-width:720px;font-size:1rem}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tool-card{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease}.tool-card:hover{transform:translateY(-3px);border-color:var(--orange)}.tool-icon{font-size:1.9rem}.tool-info{flex:1}.tool-name{font-family:var(--font-head);font-size:1.1rem;font-weight:700}.tool-arrow{color:var(--dim);font-size:.85rem}.tool-purpose{color:var(--muted);font-size:.88rem;margin-top:.2rem}.tool-cost{font-family:var(--font-head);font-size:.78rem;font-weight:600;color:var(--teal);padding:.35rem .7rem;background:#2dd4bf1a;border-radius:999px;white-space:nowrap}.feature-group{margin-bottom:1.6rem;padding:1.5rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}.feature-group:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.feature-group.teal:before{background:var(--grad-teal)}.feature-group.violet:before{background:linear-gradient(180deg,#a78bfa,#f472b6)}.feature-group.orange:before{background:var(--grad)}.feature-group-head{display:flex;align-items:baseline;gap:.85rem;margin-bottom:1.1rem;flex-wrap:wrap}.feature-tier{font-family:var(--font-head);font-size:1.2rem;font-weight:700}.feature-subtitle{font-size:.85rem;color:var(--muted)}.feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.fmenu-card{padding:1.1rem 1.25rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.fmenu-card h4{font-family:var(--font-head);font-size:1rem;font-weight:600;margin-bottom:.35rem}.fmenu-card p{color:var(--muted);font-size:.88rem}.snippet-list{display:flex;flex-direction:column;gap:1.5rem}.snippet{padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.snippet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.snippet-title{font-family:var(--font-head);font-size:1.2rem;font-weight:700}.snippet-blurb{color:var(--muted);font-size:.9rem;margin-top:.25rem}.snippet-session{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.05em;color:var(--orange-light);background:#ff6b351f;padding:.35rem .65rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.code-block{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;margin-top:.7rem;background:#0a0a10}.code-block-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem .9rem;background:#4a301e08;border-bottom:1px solid var(--line)}.code-lang{font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.code-copy{font-family:var(--font-head);font-size:.78rem;font-weight:600;color:var(--muted);padding:.25rem .6rem;border-radius:6px;transition:color .18s ease,background .18s ease}.code-copy:hover{color:var(--text);background:#4a301e0f}.code-pre{padding:1rem 1.1rem;overflow-x:auto;font-size:.82rem;line-height:1.7;color:#d6d6e0}.code-pre code{color:inherit}.font-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.6rem}.font-card{display:flex;flex-direction:column;gap:.4rem;padding:1.3rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.font-name{font-size:1.4rem;font-weight:700;color:var(--text)}.font-vibe{font-size:.85rem;color:var(--muted)}.font-sample{font-size:.78rem;color:var(--teal);background:#2dd4bf14;padding:.4rem .6rem;border-radius:6px;margin-top:.3rem;overflow-x:auto}.color-note{display:flex;gap:1rem;padding:1.4rem 1.5rem;background:#ff6b350f;border:1px solid rgba(255,107,53,.2);border-radius:var(--radius)}.color-note-icon{font-size:1.5rem}.color-note strong{font-family:var(--font-head);display:block;margin-bottom:.35rem}.color-note p{color:var(--muted);font-size:.92rem}.color-note a{color:var(--orange-light);text-decoration:underline}.fix-list{display:flex;flex-direction:column;gap:.8rem}.fix-item{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;padding:1.2rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center}.fix-issue{display:flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-weight:600;font-size:.95rem}.fix-solution{color:var(--muted);font-size:.9rem}.example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.example-card{position:relative;padding:1.8rem;border-radius:var(--radius-lg);border:1px solid var(--line-strong);overflow:hidden;background:linear-gradient(180deg,var(--surface-2),var(--bg-2));transition:transform .2s ease}.example-card:hover{transform:translateY(-4px)}.example-card-glow{position:absolute;top:-25%;right:-15%;width:260px;height:260px;border-radius:50%;pointer-events:none;opacity:.6}.theme-ghost{--accent: #7dd3fc}.theme-ghost .example-card-glow{background:radial-gradient(circle,rgba(125,211,252,.25),transparent 65%)}.theme-pixel{--accent: #f472b6}.theme-pixel .example-card-glow{background:radial-gradient(circle,rgba(244,114,182,.25),transparent 65%)}.theme-golden{--accent: #fbbf24}.theme-golden .example-card-glow{background:radial-gradient(circle,rgba(251,191,36,.22),transparent 65%)}.theme-admin{--accent: #4ade80}.theme-admin .example-card-glow{background:radial-gradient(circle,rgba(74,222,128,.22),transparent 65%)}.example-header{position:relative;margin-bottom:1.4rem}.example-archetype{font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.example-name{font-family:var(--font-display);font-weight:900;font-size:1.9rem;letter-spacing:.02em;margin:.35rem 0 .2rem}.example-title{color:var(--muted);font-size:1rem}.example-stats{position:relative;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem}.stat-row{display:flex;flex-direction:column;gap:.3rem}.stat-head{display:flex;justify-content:space-between;font-size:.82rem}.stat-label{color:var(--muted);font-weight:500}.stat-value{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:.78rem}.stat-track{height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden}.stat-fill{height:100%;background:var(--accent);border-radius:999px;transition:width 1.1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px var(--accent)}.example-section{position:relative;margin-top:1rem}.example-section-label{display:block;font-family:var(--font-head);font-weight:700;font-size:.78rem;color:var(--text);margin-bottom:.35rem}.example-section p{color:var(--muted);font-size:.9rem}.examples-cta{text-align:center;margin-top:3.5rem;padding:2.8rem 1.5rem;border-radius:var(--radius-lg);background:linear-gradient(120deg,#ff6b3514,#ff3d7f14);border:1px solid rgba(255,107,53,.2)}.examples-cta h2{font-family:var(--font-head);font-size:1.7rem;font-weight:700}.examples-cta p{color:var(--muted);margin:.6rem 0 1.6rem}.examples-cta-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.empty-state{text-align:center;padding:5rem 1.5rem;max-width:480px;margin:0 auto}.empty-code{font-family:var(--font-display);font-weight:900;font-size:5rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.empty-state h1{font-family:var(--font-head);font-size:1.6rem;margin:.5rem 0 .8rem}.empty-state p{color:var(--muted);margin-bottom:1.6rem}.footer{border-top:1px solid var(--line);background:var(--bg-2);margin-top:3rem}.footer-inner{max-width:var(--container);margin:0 auto;padding:2.5rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:.7rem}.footer-shield{width:28px;height:28px;object-fit:contain}.footer-logo{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.01em;color:var(--text)}.footer-tag{font-size:.8rem;color:var(--dim);margin-top:.3rem}.footer-links{display:flex;gap:1.3rem}.footer-links a{font-size:.9rem;color:var(--muted);transition:color .18s ease}.footer-links a:hover{color:var(--orange-light)}.footer-credit{font-size:.8rem;color:var(--dim);width:100%;text-align:center;padding-top:1.3rem;border-top:1px solid var(--line)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-copy,.hero-card,.page-header,.section-head{animation:fadeUp .6s cubic-bezier(.4,0,.2,1) both}.hero-card{animation-delay:.1s}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 960px){.hero-inner{grid-template-columns:1fr;gap:2rem}.hero-card{max-width:420px}.arc-grid{grid-template-columns:repeat(2,1fr)}.worksheet-layout{grid-template-columns:1fr}.preview-sticky{position:static}}@media (max-width: 760px){.nav-toggle{display:flex}.nav-links{position:fixed;top:var(--nav-h);right:0;height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));width:min(80vw,320px);flex-direction:column;align-items:stretch;gap:.3rem;padding:1.5rem 1.25rem;background:var(--bg-2);border-left:1px solid var(--line);transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:90;overflow-y:auto}.nav-links.is-open{transform:translate(0)}.nav-link{padding:.85rem 1rem;font-size:1rem}.nav-progress{display:none}.nav-progress-mobile{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}.nav-progress-mobile .mini-track{width:100%;height:8px}.nav-scrim{display:block;position:fixed;top:var(--nav-h);left:0;right:0;height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));background:#00000080;z-index:80}.feature-grid,.arc-grid,.quicklinks,.week-sessions,.detail-cards,.tool-grid,.feature-cards,.font-grid,.example-grid{grid-template-columns:1fr}.fix-item{grid-template-columns:1fr;gap:.5rem}.detail-nav{grid-template-columns:1fr}.detail-nav-btn.next{text-align:left;align-items:flex-start}.timeline-item{grid-template-columns:68px 1fr;gap:.8rem}.timeline-item:before{left:75px}.hero{padding-top:2rem}.page{padding-top:1.75rem}}@media (max-width: 420px){.logo-sub{display:none}.detail-hero{padding:1.5rem 1.3rem}.example-card,.snippet,.feature-group{padding:1.3rem}}:root{--gold: #ffd666;--grad-gold: linear-gradient(135deg, #ffd666 0%, #ff9f1c 100%)}.orange{--c: #ff8a3d;--c-soft: rgba(255, 138, 61, .14)}.pink{--c: #ff3d7f;--c-soft: rgba(255, 61, 127, .14)}.teal{--c: #2dd4bf;--c-soft: rgba(45, 212, 191, .14)}.violet{--c: #a78bfa;--c-soft: rgba(167, 139, 250, .14)}.gold{--c: #ffd666;--c-soft: rgba(255, 214, 102, .14)}.dim{--c: #8b8ba3;--c-soft: rgba(74, 48, 30, .06)}.rank-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-head);font-weight:700;font-size:.8rem;padding:.4rem .8rem;border-radius:999px;color:var(--c, var(--muted));border:1px solid color-mix(in srgb,var(--c, #888) 40%,transparent);background:var(--c-soft, rgba(74, 48, 30, .05));white-space:nowrap}.nextup{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#ff6b3514,#ff3d7f0f)}.nextup.is-live{background:linear-gradient(90deg,#ff3d7f2e,#ff6b351f);border-bottom-color:#ff3d7f66}.nextup-inner{max-width:var(--container);margin:0 auto;padding:.55rem 1.25rem;display:flex;align-items:center;gap:.75rem;font-size:.85rem;flex-wrap:wrap}.nu-badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.12em;color:var(--orange-light);white-space:nowrap}.nu-ico{flex-shrink:0}.nu-badge.live{color:var(--pink)}.nu-livedot{width:7px;height:7px;border-radius:50%;background:currentColor}@keyframes nupulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.nu-text{color:var(--muted)}.nu-text strong{color:var(--text)}.nu-count{color:var(--orange-light);font-weight:600}.nu-cal,.nu-cta{margin-left:auto;font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--muted);white-space:nowrap}.nu-cta{color:var(--orange-light);margin-left:0}.nu-cal{margin-left:auto}.nu-cal:hover,.nu-cta:hover{color:var(--pink)}.hud{position:relative}.hud-chip{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem .4rem;border-radius:999px;background:#4a301e0d;border:1px solid var(--line-strong);transition:border-color .18s ease,background .18s ease}.hud-chip:hover{border-color:var(--c, var(--orange));background:#4a301e14}.hud-rank-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--c, var(--muted));background:var(--c-soft, rgba(74, 48, 30, .06))}.hud-chip-main{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.hud-chip-rank{font-family:var(--font-head);font-weight:600;font-size:.72rem;color:var(--text);line-height:1;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-xpbar{width:78px;height:5px;border-radius:999px;background:#4a301e1f;overflow:hidden}.hud-xpfill{display:block;height:100%;background:var(--grad);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.hud-streak{display:inline-flex;align-items:center;gap:2px;font-size:.72rem;font-weight:700;color:#f59e0b;white-space:nowrap}.mission-log{position:absolute;top:calc(100% + 12px);right:0;width:300px;max-width:88vw;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;z-index:200;animation:fadeUp .2s ease both}.mlog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.9rem}.mlog-rank{display:flex;flex-direction:column;gap:2px}.mlog-rank-label{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.mlog-rank-name{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--c, var(--text))}.mlog-rank-tag{font-size:.78rem;color:var(--muted)}.mlog-flame{font-size:.8rem;font-weight:700;color:var(--gold)}.mlog-xp{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}.mlog-xp-track{flex:1;height:7px;border-radius:999px;background:#4a301e1a;overflow:hidden}.mlog-xp-fill{height:100%;background:var(--grad);border-radius:999px}.mlog-xp-text{font-size:.72rem;color:var(--muted);white-space:nowrap}.mlog-dots{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap}.mlog-dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-family:var(--font-display);font-size:.72rem;font-weight:700;background:#4a301e0d;border:1px solid var(--line);color:var(--dim);transition:transform .15s ease}.mlog-dot:hover{transform:translateY(-2px)}.mlog-dot.done{background:#2dd4bf29;border-color:#2dd4bf66;color:var(--teal)}.mlog-dot.current{border-color:var(--orange);color:var(--orange-light);box-shadow:0 0 12px #ff6b3566}.mlog-complete{text-align:center;font-size:.88rem;color:var(--gold);font-weight:600}.rankbar{padding:1.3rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.rankbar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.rankbar-xp{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--muted)}.rankbar-track{height:10px;border-radius:999px;background:#4a301e14;overflow:hidden}.rankbar-fill{height:100%;border-radius:999px;background:var(--grad);transition:width .7s cubic-bezier(.4,0,.2,1)}.rankbar-fill.teal{background:var(--grad-teal)}.rankbar-fill.gold{background:var(--grad-gold)}.rankbar-ladder{display:flex;justify-content:space-between;margin-top:1rem;gap:.3rem}.ladder-node{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;opacity:.4;transition:opacity .3s ease}.ladder-node.reached{opacity:1}.ladder-dot{width:14px;height:14px;border-radius:50%;background:#4a301e26;border:2px solid transparent}.ladder-node.reached .ladder-dot{background:var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}.ladder-node.current .ladder-dot{transform:scale(1.35);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 20%,transparent)}@keyframes ladderpulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--c) 50%,transparent)}50%{box-shadow:0 0 0 6px transparent}}.ladder-name{font-size:.62rem;color:var(--muted);text-align:center;font-weight:600;line-height:1.1}.rankbar-next{margin-top:1rem;font-size:.85rem;color:var(--muted);text-align:center}.rankbar-next strong{color:var(--text)}.curriculum-rank{margin:1.6rem 0}.continue-cta{margin-top:.5rem}.all-clear{margin-top:.5rem;font-weight:600;color:var(--gold)}.center-cta{text-align:center;margin-top:1.5rem}.questmap{position:relative}.qm-week{margin-bottom:1.5rem}.qm-week-banner{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;padding:.7rem 1.1rem;border-radius:var(--radius-sm);background:var(--c-soft);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);margin-bottom:.3rem}.qm-week-n{font-family:var(--font-display);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}.qm-week-name{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--text)}.qm-week-focus{font-size:.8rem;color:var(--muted);margin-left:auto}.qm-item{display:grid;grid-template-columns:56px 1fr;gap:.9rem}.qm-rail{position:relative;display:flex;justify-content:center}.qm-rail:before{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--line);left:50%;transform:translate(-50%)}.qm-item.done .qm-rail:before{background:color-mix(in srgb,var(--c) 55%,transparent)}.qm-bubble{position:relative;z-index:1;margin-top:.6rem;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.9rem;background:var(--surface-2);border:2px solid var(--line-strong);color:var(--dim)}.qm-item.done .qm-bubble{background:var(--c);border-color:var(--c);color:#0b0b12;box-shadow:0 0 16px color-mix(in srgb,var(--c) 55%,transparent)}.qm-item.current .qm-bubble{border-color:var(--c);color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}.qm-pulse{display:none}@keyframes qmpulse{0%{opacity:.8;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1.9)}}.qm-card{display:block;padding:1.1rem 1.3rem;margin-bottom:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:transform .2s ease,border-color .2s ease}.qm-card:hover{transform:translate(4px);border-color:var(--line-strong)}.qm-item.current .qm-card{border-color:color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--c) 12%,transparent)}.qm-item.done .qm-card{opacity:.82}.qm-card-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.qm-now{font-family:var(--font-head);font-size:.72rem;font-weight:700;color:var(--c)}.qm-cleared{font-size:.72rem;font-weight:600;color:var(--teal)}.qm-xp{margin-left:auto;font-family:var(--font-display);font-size:.66rem;font-weight:700;color:var(--gold)}.qm-card-title{font-family:var(--font-head);font-size:1.15rem;font-weight:700}.qm-card-tag{color:var(--muted);font-size:.88rem;margin:.25rem 0 .5rem}.qm-card-meta{font-size:.78rem;color:var(--dim)}.qm-finish{display:flex;align-items:center;gap:1rem;padding:1.3rem 1.5rem;border-radius:var(--radius);background:#ffd6660f;border:1px solid rgba(255,214,102,.25);margin-left:56px}.qm-finish-badge{font-size:2rem}.qm-finish strong{font-family:var(--font-head)}.qm-finish p{color:var(--muted);font-size:.88rem}.qmc-wrap{padding:.5rem 0}.qmc-strip{display:flex;align-items:flex-start;overflow-x:auto;padding:1.4rem .25rem .75rem;gap:0;scrollbar-width:none}.qmc-strip::-webkit-scrollbar{display:none}.qmc-cell{display:flex;align-items:center;flex-shrink:0}.qmc-link{width:26px;height:3px;background:var(--line);border-radius:999px}.qmc-link.lit{background:var(--teal)}.qmc-node{position:relative;display:grid;place-items:center;flex-shrink:0}.qmc-bubble{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;background:var(--surface-2);border:2px solid var(--line-strong);color:var(--dim);transition:transform .2s ease}.qmc-node:hover .qmc-bubble{transform:translateY(-3px)}.qmc-node.done .qmc-bubble{background:var(--c);border-color:var(--c);color:#0b0b12}.qmc-node.current .qmc-bubble{border-color:var(--c);color:var(--c);box-shadow:0 0 16px color-mix(in srgb,var(--c) 50%,transparent);transform:scale(1.12)}.qmc-here{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:.54rem;font-weight:700;letter-spacing:.08em;color:var(--c);white-space:nowrap}.qmc-weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.qmc-weektag{font-size:.72rem;font-weight:600;color:var(--c);text-align:center;padding:.35rem;border-top:2px solid color-mix(in srgb,var(--c) 40%,transparent)}.mc-rank{margin:1rem auto 0}.mc-next{margin-top:1.1rem;display:flex;flex-direction:column;gap:.2rem}.mc-next-label{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.mc-next-title{font-family:var(--font-head);font-weight:600;font-size:.95rem}.mc-next .hero-card-btn{margin-top:.5rem}.build-demo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.demo-card{position:relative;padding:1.6rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--bg-2));border:1px solid var(--line-strong);overflow:hidden}.demo-name{font-family:var(--font-display);font-weight:900;font-size:1.7rem;margin:.3rem 0 .1rem}.demo-tag{display:inline-block;margin-top:1rem;font-size:.8rem;padding:.35rem .7rem;border-radius:999px;background:#ffffff14;border:1px solid var(--line);color:var(--text)}.build-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.build-list li{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.9rem}.build-icon{font-size:1.15rem}.prail{display:flex;gap:.3rem}.prail-dot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-display);font-size:.68rem;font-weight:700;background:#4a301e0d;border:1px solid var(--line);color:var(--dim)}.prail-dot.done{background:#2dd4bf29;border-color:#2dd4bf66;color:var(--teal)}.prail-dot.here{border-color:var(--orange);color:var(--orange-light);box-shadow:0 0 10px #ff6b3566}.meta-pill.reward{color:var(--gold);border-color:#ffd66659}.meta-pill.cleared{color:var(--teal);border-color:#2dd4bf66}.briefing{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.brief-cell{padding:1.2rem 1.3rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.brief-label{display:block;font-family:var(--font-head);font-weight:700;font-size:.78rem;margin-bottom:.5rem;color:var(--text)}.brief-cell p{font-size:.88rem;color:var(--muted)}.diff-meter{display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem}.diff-pip{width:22px;height:8px;border-radius:999px;background:#4a301e1a}.diff-pip.on{background:var(--grad)}.diff-word{margin-left:.4rem;font-size:.8rem;font-weight:600;color:var(--orange-light)}.brief-skills{font-size:.78rem;color:var(--dim)}.detail-tabs{margin-top:2rem}.run-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.run-count{font-family:var(--font-display);font-weight:700;color:var(--teal);font-size:.9rem}.run-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}.run-step{display:grid;grid-template-columns:34px 1fr;gap:.9rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s ease,opacity .2s ease}.run-step.here{border-color:color-mix(in srgb,var(--orange) 50%,transparent);box-shadow:0 0 20px #ff6b351a}.run-step.done{opacity:.65}.run-check{width:28px;height:28px;border-radius:8px;margin-top:2px;border:2px solid var(--line-strong);background:#4a301e08;display:grid;place-items:center;font-size:.8rem;color:var(--teal);flex-shrink:0;transition:all .15s ease}.run-check:hover{border-color:var(--teal)}.run-step.done .run-check{background:var(--teal);border-color:var(--teal);color:#06251f}.run-step-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem;flex-wrap:wrap}.run-time{font-family:var(--font-display);font-size:.64rem;font-weight:700;color:var(--dim)}.run-label{font-family:var(--font-head);font-size:1rem;font-weight:600}.run-here{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.08em;color:var(--orange-light);padding:.2rem .45rem;border:1px solid rgba(255,107,53,.4);border-radius:999px}.run-body p{color:var(--muted);font-size:.92rem}.run-step.done .run-body p{text-decoration:line-through;text-decoration-color:var(--dim)}.stretch-box,.demo-format-box,.superlative-box{margin-top:2rem}.stretch-title{font-family:var(--font-head);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.concept-flips{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.concept-flip{height:150px}.cflip-front,.cflip-back{height:100%;display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:1.2rem;border-radius:var(--radius);border:1px solid var(--line)}.cflip-front{background:#0a0a10;align-items:flex-start}.cflip-front code{color:var(--teal);font-size:.9rem}.cflip-hint{font-size:.7rem;color:var(--dim)}.cflip-back{background:var(--surface-2)}.cflip-back p{color:var(--text);font-size:.92rem}.session-detail.boss .detail-hero.boss{border-color:#ffd66666}.detail-hero.boss:before{background:var(--grad-gold)}.flipcard{perspective:1400px;cursor:pointer;outline:none}.flipcard-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.flipcard.flipped .flipcard-inner{transform:rotateY(180deg)}.flipcard-face{width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipcard-back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg)}.flipcard:focus-visible .flipcard-inner{box-shadow:0 0 0 3px #ff6b3566;border-radius:var(--radius-lg)}.askai{margin-top:.5rem}.askai-chip{font-family:var(--font-head);font-weight:600;font-size:.8rem;color:var(--violet);padding:.4rem .8rem;border-radius:999px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);transition:background .18s ease}.askai-chip:hover{background:#a78bfa2e}.askai-panel{margin-top:.6rem;padding:1rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.askai-hint{font-size:.78rem;color:var(--muted);margin-bottom:.5rem}.askai-prompt{font-size:.82rem;color:var(--text);background:#0a0a10;border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem;line-height:1.5}.askai-copy{margin-top:.6rem;font-family:var(--font-head);font-weight:600;font-size:.8rem;color:var(--violet)}.askai-copy:hover{color:var(--pink)}.forge-steps{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}.forge-steps::-webkit-scrollbar{display:none}.forge-step{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);white-space:nowrap;transition:all .18s ease}.forge-step.active{border-color:var(--orange);background:#ff6b351a}.forge-step.filled .forge-step-icon{color:var(--teal)}.forge-step-icon{font-size:.95rem}.forge-step-label{font-family:var(--font-head);font-weight:600;font-size:.85rem;color:var(--muted)}.forge-step.active .forge-step-label{color:var(--text)}.forge-progress{margin:1.2rem 0 2rem}.forge-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem}.forge-panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.3rem}.forge-panel-head h2{font-family:var(--font-head);font-size:1.3rem;font-weight:700}.forge-panel-icon{margin-right:.3rem}.forge-panel-step{font-size:.78rem;color:var(--dim)}.stat-editors{display:flex;flex-direction:column;gap:.7rem}.stat-editor-hint{font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.stat-editor{display:grid;grid-template-columns:1fr 1.2fr 34px;gap:.7rem;align-items:center}.stat-editor-name{padding:.6rem .8rem;font-size:.9rem;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:8px}.stat-editor-name:focus{outline:none;border-color:var(--orange)}.stat-editor-range{accent-color:var(--orange)}.stat-editor-range:disabled{opacity:.4}.stat-editor-val{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--orange-light);text-align:right}.align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.align-cell{padding:.9rem .8rem;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);transition:all .15s ease}.align-cell:hover{border-color:var(--line-strong);transform:translateY(-2px)}.align-cell.selected{border-color:var(--violet);background:#a78bfa1f}.align-cell-name{display:block;font-family:var(--font-head);font-weight:700;font-size:.82rem;margin-bottom:.25rem}.align-cell-desc{font-size:.72rem;color:var(--muted)}.align-chosen{margin-top:1rem;font-size:.9rem;color:var(--muted)}.forge-nav{display:flex;justify-content:space-between;margin-top:1.6rem}.preview-barlist{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0;position:relative}.pbar-row{display:flex;flex-direction:column;gap:.25rem}.pbar-head{display:flex;justify-content:space-between;font-size:.78rem}.pbar-head span:first-child{color:var(--text)}.pbar-val{font-family:var(--font-display);font-weight:700;color:var(--orange-light);font-size:.72rem}.pbar-track{height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.pbar-fill{height:100%;border-radius:999px;background:var(--grad);box-shadow:0 0 10px #ff6b3566;transition:width .4s ease}.preview-powers{display:flex;flex-direction:column;gap:.35rem;margin:.9rem 0;position:relative}.preview-power{font-size:.8rem;color:var(--text)}.reset-link{margin-top:1rem;width:100%}.forge-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--orange);color:var(--text);padding:.8rem 1.4rem;border-radius:999px;font-family:var(--font-head);font-weight:600;box-shadow:var(--shadow-glow);z-index:1500;animation:toastIn .3s ease both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1600;padding:1.5rem;animation:fadeUp .2s ease}.modal{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:1.8rem;max-width:400px;text-align:center}.modal h3{font-family:var(--font-head);font-size:1.3rem;margin-bottom:.5rem}.modal p{color:var(--muted);margin-bottom:1.4rem}.modal-actions{display:flex;gap:.7rem;justify-content:center}.roller{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.roll-result{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem 1.1rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);animation:fadeUp .3s ease}.roll-arch{font-family:var(--font-display);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}.roll-name{font-family:var(--font-display);font-weight:900;font-size:1.1rem}.roll-title{color:var(--muted);font-size:.9rem}.roll-remix{font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--orange-light)}.roll-remix:hover{color:var(--pink)}.vibe-filter{margin-bottom:1.6rem}.vibe-q{display:block;font-family:var(--font-head);font-weight:600;font-size:.9rem;margin-bottom:.6rem;color:var(--muted)}.vibe-chips{display:flex;gap:.5rem;flex-wrap:wrap}.vibe-chip{font-size:.82rem;font-weight:500;padding:.45rem .9rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);transition:all .15s ease}.vibe-chip:hover{border-color:var(--line-strong);color:var(--text)}.vibe-chip.active{background:#ff6b3524;border-color:var(--orange);color:var(--text)}.example-wrap{display:flex;flex-direction:column}.example-flip{min-height:480px}.example-flip .example-card{height:100%;margin:0}.flip-hint{position:absolute;bottom:1rem;right:1.3rem;font-size:.7rem;color:var(--dim)}.example-name.sm{font-size:1.3rem;margin-bottom:1rem}.back-face .example-section:first-of-type{margin-top:0}.remix-btn{margin-top:.8rem;padding:.8rem;width:100%;font-family:var(--font-head);font-weight:600;font-size:.9rem;color:var(--orange-light);background:#ff6b3514;border:1px solid rgba(255,107,53,.25);border-radius:var(--radius-sm);transition:all .18s ease}.remix-btn:hover{background:#ff6b3529;transform:translateY(-2px)}.stat-row.replayable{cursor:pointer}.setup-meter{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem;font-size:.88rem;color:var(--muted);flex-wrap:wrap}.setup-meter strong{color:var(--teal);font-family:var(--font-display);font-size:.82rem}.setup-track{flex:1;min-width:120px;height:8px;border-radius:999px;background:#4a301e14;overflow:hidden}.setup-fill{height:100%;background:var(--grad-teal);border-radius:999px;transition:width .5s ease}.tool-card.ready{border-color:#2dd4bf66}.tool-actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.tool-open{font-size:.8rem;font-weight:600;color:var(--muted)}.tool-open:hover{color:var(--text)}.tool-check{font-family:var(--font-head);font-weight:600;font-size:.76rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.tool-check.on{color:var(--teal);border-color:#2dd4bf66;background:#2dd4bf1a}.fmenu-card.equipped{border-color:color-mix(in srgb,var(--c, #FF6B35) 45%,transparent);background:var(--c-soft)}.fmenu-card h4{display:flex;align-items:center;gap:.5rem}.eq-badge{font-family:var(--font-display);font-size:.54rem;font-weight:700;letter-spacing:.08em;color:var(--c, var(--teal));padding:.2rem .4rem;border:1px solid color-mix(in srgb,var(--c, #2DD4BF) 40%,transparent);border-radius:4px}.fmenu-actions{display:flex;gap:.6rem;margin-top:.8rem}.equip-btn{font-family:var(--font-head);font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);transition:all .15s ease}.equip-btn:hover{color:var(--text);border-color:var(--text)}.equip-btn.on{color:var(--c, var(--teal));border-color:color-mix(in srgb,var(--c, #2DD4BF) 45%,transparent);background:var(--c-soft)}.getcode-btn{font-family:var(--font-head);font-weight:600;font-size:.8rem;color:var(--orange-light)}.getcode-btn:hover{color:var(--pink)}.seg-toggle{display:inline-flex;gap:.2rem;padding:.2rem;background:#4a301e0a;border:1px solid var(--line);border-radius:999px;margin-bottom:.8rem}.seg-toggle button{font-family:var(--font-head);font-weight:600;font-size:.78rem;padding:.35rem .85rem;border-radius:999px;color:var(--muted)}.seg-toggle button.on{background:var(--surface-3);color:var(--text)}.snippet.flash{animation:snipflash 1.4s ease}@keyframes snipflash{0%,to{border-color:var(--line)}30%{border-color:var(--orange);box-shadow:0 0 24px #ff6b3533}}.snippet-preview{padding:1.2rem;background:#0a0a10;border:1px solid var(--line);border-radius:var(--radius-sm)}.demo-run{display:flex;flex-direction:column;gap:.7rem}.demo-run.center{align-items:center;text-align:center}.dr-bar{display:flex;flex-direction:column;gap:.25rem}.dr-bar span{font-size:.78rem;color:var(--muted)}.dr-track{height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden}.dr-fill{height:100%;border-radius:999px;background:var(--grad-teal);transition:width 1s cubic-bezier(.4,0,.2,1)}.demo-replay,.demo-btn{align-self:flex-start;font-family:var(--font-head);font-weight:600;font-size:.82rem;padding:.5rem 1rem;border-radius:999px;background:#4a301e0f;border:1px solid var(--line-strong);color:var(--text)}.demo-run.center .demo-replay,.demo-run.center .demo-btn{align-self:center}.demo-btn:hover,.demo-replay:hover{border-color:var(--orange)}.demo-reveal{padding:.8rem 1rem;background:#ff3d7f14;border:1px solid rgba(255,61,127,.25);border-radius:8px;font-size:.88rem;color:var(--text)}.demo-mini{display:flex;flex-direction:column;padding:1.2rem 1.6rem;border-radius:12px;background:#0a0a12;color:#fff;border:1px solid var(--line);transition:all .3s ease}.demo-mini.light{background:#f4f4f8;color:#14141c}.demo-mini strong{font-family:var(--font-display);font-size:1.2rem}.demo-mini span{font-size:.82rem;opacity:.7}.demo-type{font-family:var(--font-display);font-weight:900;font-size:1.8rem;letter-spacing:.04em;min-height:2rem}.demo-caret{display:inline-block;width:3px;height:1.4rem;background:var(--orange);margin-left:3px;vertical-align:middle;animation:caret .8s step-end infinite}@keyframes caret{50%{opacity:0}}.demo-verdict-row{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.demo-input{padding:.5rem .8rem;font-size:.9rem;color:var(--text);background:var(--bg-2);border:1px solid var(--line);border-radius:8px}.demo-none{color:var(--dim);font-size:.9rem;text-align:center}.font-typer{width:100%;padding:.9rem 1.1rem;font-size:1.1rem;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);margin-bottom:1.4rem}.font-typer:focus{outline:none;border-color:var(--orange)}.font-live{font-size:1.9rem;line-height:1.2;color:var(--text);word-break:break-word}.font-meta{display:flex;flex-direction:column;margin-top:.3rem}.debug-list{display:flex;flex-direction:column;gap:.7rem}.debug-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.debug-item.open{border-color:var(--line-strong)}.debug-q{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:1.1rem 1.3rem;font-family:var(--font-head);font-weight:600;font-size:.95rem;color:var(--text)}.debug-icon{flex-shrink:0}.debug-caret{margin-left:auto;color:var(--dim);font-size:1.2rem}.debug-a{padding:0 1.3rem 1.3rem}.debug-a p{color:var(--muted);font-size:.9rem;margin-bottom:.8rem}.debug-copy{font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--violet)}.debug-copy:hover{color:var(--pink)}.reward-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2000;overflow:hidden}.reward-center{position:absolute;top:42%;left:50%}.confetti{position:absolute;top:0;left:0;border-radius:2px;animation:confetti 1.4s cubic-bezier(.2,.6,.4,1) forwards}@keyframes confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x),calc(var(--y) + 120px)) rotate(var(--r));opacity:0}}.xp-float{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:900;font-size:1.6rem;color:var(--gold);text-shadow:0 0 20px rgba(255,214,102,.6);white-space:nowrap;animation:xpfloat 1.6s ease-out forwards}@keyframes xpfloat{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}25%{opacity:1;transform:translate(-50%,-10px) scale(1.1)}to{opacity:0;transform:translate(-50%,-70px) scale(1)}}.rankup-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;display:grid;place-items:center;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem;animation:fadeUp .25s ease}.rankup-card{position:relative;text-align:center;padding:2.5rem 2.2rem;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--bg-2));border:1px solid color-mix(in srgb,var(--c, #FF6B35) 45%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--c, #FF6B35) 25%,transparent);max-width:380px;animation:rankIn .5s cubic-bezier(.2,.8,.3,1.2) both}@keyframes rankIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rankup-eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.2em;color:var(--c, var(--gold))}.rankup-badge{margin:1rem auto .6rem;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:var(--c, var(--orange));background:var(--c-soft);border:2px solid color-mix(in srgb,var(--c, #FF6B35) 40%,transparent)}.rankup-you{font-size:.82rem;color:var(--muted)}.rankup-name{font-family:var(--font-head);font-size:2rem;font-weight:700;color:var(--c, var(--text));margin:.2rem 0 .4rem}.rankup-tag{color:var(--muted);margin-bottom:1.4rem}.tabbar{display:none}@media (max-width: 760px){.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:95;background:#fff7f0eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:.4rem .3rem calc(.4rem + env(safe-area-inset-bottom))}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.4rem 0;color:var(--dim)}.tab-item.active{color:var(--orange-light)}.tab-icon{position:relative;display:grid;place-items:center;width:40px;height:30px}.tab-ring{position:absolute;top:-5px;left:50%;transform:translate(-50%)}.tab-label{font-family:var(--font-head);font-size:.66rem;font-weight:600}.nav-links,.nav-toggle,.nav-scrim{display:none}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.briefing,.build-demo,.concept-flips{grid-template-columns:1fr}.stat-editor{grid-template-columns:1fr 1fr 30px}.align-grid{grid-template-columns:1fr}.qmc-weeks{font-size:.6rem}.nextup-inner{font-size:.78rem;gap:.5rem}.nu-cta,.nu-cal{margin-left:0}.mission-log{right:-8px}}@media (max-width: 520px){.rankbar-ladder .ladder-name{display:none}.forge-panel{padding:1.2rem}.example-flip{min-height:440px}}.scene-wrap{display:inline-block;line-height:0}.scene{width:100%;height:100%;display:block}.mascot{display:block}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.btn{transition:transform .2s var(--bounce),box-shadow .2s ease,background .2s ease}.btn:active{transform:translateY(1px) scale(.97)}.mhero{display:flex;gap:1.6rem;align-items:center;padding:1.6rem 1.9rem;margin-top:1rem;border-radius:var(--radius-lg);background:var(--c-soft);border:2px solid color-mix(in srgb,var(--c, var(--orange)) 22%,transparent)}.mhero-art{flex-shrink:0;filter:drop-shadow(0 10px 18px rgba(120,72,40,.16))}.mhero-tags{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.mhero-mission{font-family:var(--font-display);font-weight:600;font-size:.82rem;color:var(--c, var(--orange))}.mhero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,4.5vw,2.5rem);line-height:1.05;color:var(--text)}.mhero-tag{color:var(--muted);font-size:1.05rem;margin-top:.5rem;max-width:560px}.mhero-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.mchip{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:700;padding:.42rem .8rem;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text)}.mchip.xp{color:#c98a00;background:#fff6e0;border-color:#ffe3ab}.mchip.cleared{color:var(--teal-deep);background:#d9f6ef;border-color:#b6ecdd}.dpip{width:8px;height:8px;border-radius:50%;background:var(--line-strong);display:inline-block;margin-left:2px}.dpip.on{background:var(--orange)}.run-section{margin-top:2.2rem}.run-head{display:flex;align-items:baseline;gap:.8rem}.run-title{font-family:var(--font-display);font-weight:700;font-size:1.5rem}.run-count{font-family:var(--font-display);font-weight:600;color:var(--teal-deep);font-size:.9rem}.run-sub{color:var(--muted);margin:.3rem 0 1.2rem}.runx{list-style:none;display:flex;flex-direction:column;gap:.7rem}.runx-item{display:grid;grid-template-columns:56px 1fr;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.runx-item.open{border-color:color-mix(in srgb,var(--orange) 40%,transparent);box-shadow:var(--shadow-soft)}.runx-item.done{background:var(--surface-2)}.runx-check{grid-column:1;grid-row:1 / -1;display:grid;place-items:center;font-size:1.1rem;color:var(--teal-deep);background:var(--surface-3);border-right:2px solid var(--line);transition:all .15s ease}.runx-check:hover{background:#ffe6d3}.runx-item.done .runx-check{background:var(--teal);color:#fff;border-right-color:var(--teal)}.runx-main{grid-column:2;grid-row:1;display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;text-align:left}.runx-emoji{font-size:1.5rem;flex-shrink:0}.runx-text{display:flex;flex-direction:column;flex:1}.runx-label{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--text)}.runx-item.done .runx-label{text-decoration:line-through;text-decoration-color:var(--dim);color:var(--muted)}.runx-time{font-size:.78rem;color:var(--dim);font-weight:700}.runx-caret{color:var(--dim);font-size:1.1rem}.runx-detail{grid-column:2;grid-row:2;padding:0 1.2rem 1.2rem;color:var(--muted);font-size:.95rem;animation:slideDown .25s ease}.run-cheer{display:flex;align-items:center;gap:1rem;margin-top:1.3rem;padding:1rem 1.4rem;background:#e9fbf5;border:2px solid #b6ecdd;border-radius:var(--radius)}.run-cheer p{color:var(--teal-deep);font-weight:700}.reveal-stack{display:flex;flex-direction:column;gap:.7rem}.reveal{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s ease}.reveal-head{display:flex;align-items:center;gap:.85rem;width:100%;padding:1.05rem 1.2rem;text-align:left}.reveal-icon{font-size:1.4rem}.reveal-label{font-family:var(--font-head);font-weight:700;flex:1;color:var(--text)}.reveal-caret{color:var(--dim);transition:transform .2s ease}.reveal.open .reveal-caret{transform:rotate(180deg)}.reveal-body{padding:0 1.2rem 1.2rem;color:var(--muted);font-size:.95rem;animation:slideDown .25s ease}.reveal.open{border-color:var(--line-strong)}.reveal.goal.open{border-color:color-mix(in srgb,var(--orange) 40%,transparent)}.reveal.loot.open{border-color:color-mix(in srgb,var(--teal) 40%,transparent)}.reveal.tip.open{border-color:#ffdd8a}.cheat{display:flex;gap:1rem;align-items:flex-start}.cheat .mascot{flex-shrink:0}.cheat p{color:var(--text)}.quest-chips{display:flex;flex-wrap:wrap;gap:.6rem}.quest-chip{font-size:.9rem;padding:.6rem 1rem;border-radius:999px;background:var(--surface);border:2px solid var(--line);color:var(--text);font-weight:600}.quest-chip.gold{background:#fff6e0;border-color:#ffe3ab;color:#b8860b}.loadout-link{display:inline-block;margin-top:1.1rem;font-family:var(--font-head);font-weight:700;color:var(--violet)}.loadout-link:hover{color:var(--pink)}.session-card:hover,.quicklink:hover,.tool-card:hover,.arc-card:hover{box-shadow:var(--shadow-soft)}.qm-card{display:flex;gap:1rem;align-items:center}.qm-card-art{flex-shrink:0;filter:drop-shadow(0 6px 12px rgba(120,72,40,.12))}.qm-card-body{flex:1;min-width:0}.qm-card-body .qm-card-tag{margin-bottom:0}.greet{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.greet-mascot{flex-shrink:0}.greet-bubble{position:relative;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:.9rem 1.2rem;box-shadow:var(--shadow-soft)}.greet-bubble:before{content:"";position:absolute;left:-9px;top:24px;width:16px;height:16px;background:var(--surface);border-left:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}.greet-bubble p{color:var(--text);font-weight:600;font-size:.98rem}.greet-bubble strong{color:var(--orange)}@media (max-width: 560px){.greet{flex-direction:column;align-items:flex-start;gap:.8rem}.greet-bubble:before{left:24px;top:-9px;border-left:2px solid var(--line);border-bottom:none;border-top:2px solid var(--line);border-right:none}}.hero-card-mascot{margin:0 auto .4rem}.mlog-sync{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line)}.mlog-claim{width:100%;font-family:var(--font-head);font-weight:700;font-size:.82rem;color:var(--violet);padding:.5rem;border-radius:10px;transition:background .15s ease}.mlog-claim:hover{background:#8b6df01a}.mlog-synced{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:var(--muted)}.mlog-synced strong{color:var(--text)}.mlog-signout{font-family:var(--font-head);font-weight:700;font-size:.78rem;color:var(--dim)}.mlog-signout:hover{color:var(--pink)}.claim-modal{max-width:380px}.claim-mascot{margin:0 auto .4rem}.claim-form{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;text-align:left}.claim-form .field-label{margin-top:.5rem}.claim-form .field-label .opt{color:var(--dim);font-weight:400}.claim-form .btn{margin-top:1rem}.notice{padding:1rem 1.2rem;background:#fff3e0;border:2px solid #ffe0a3;border-radius:var(--radius);color:#8a5a10;margin-bottom:1.4rem;font-size:.92rem}.notice code{background:#0000000f;padding:.1rem .4rem;border-radius:5px;font-size:.85em}.roster-form{display:flex;gap:.6rem;flex-wrap:wrap;max-width:480px;margin-bottom:1.5rem}.roster-form .field-input{flex:1;min-width:200px}.roster-err{color:var(--pink);margin-bottom:1rem}.roster-empty{color:var(--muted)}.roster-table{border:2px solid var(--line);border-radius:var(--radius);overflow:hidden}.roster-row{display:grid;grid-template-columns:1.4fr .8fr 2.2fr;gap:1rem;align-items:center;padding:.9rem 1.2rem;border-bottom:1px solid var(--line);font-size:.92rem}.roster-row:last-child{border-bottom:none}.roster-head{background:var(--surface-3);font-family:var(--font-head);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.roster-name{font-family:var(--font-head);font-weight:700;color:var(--text)}.roster-bar{height:10px;border-radius:999px;background:var(--surface-3);overflow:hidden}.roster-fill{display:block;height:100%;background:var(--grad);border-radius:999px}@media (max-width: 560px){.roster-row{grid-template-columns:1fr .6fr;gap:.5rem}.roster-row .roster-bar,.roster-head span:nth-child(3){display:none}}.hud-chip-count{font-family:var(--font-display);font-weight:700;font-size:.72rem;color:var(--c, var(--muted))}.pbanner{padding:1.4rem 1.6rem;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius)}.pb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.pb-eyebrow{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}.pb-rank{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--c, var(--text));line-height:1}.pb-count{font-size:.95rem;color:var(--muted);white-space:nowrap}.pb-count strong{font-family:var(--font-display);font-size:1.35rem;color:var(--text)}.pb-segs{display:flex;gap:6px}.pb-seg{flex:1;height:12px;border-radius:6px;background:var(--surface-3);border:1px solid var(--line);transition:background .3s ease}.pb-seg.done{background:var(--c, var(--orange));border-color:var(--c, var(--orange))}.pb-seg.next{border-color:var(--c, var(--orange));box-shadow:0 0 0 3px color-mix(in srgb,var(--c, #ff6b35) 16%,transparent)}.pb-more{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-head);font-weight:700;font-size:.85rem;color:var(--muted)}.pb-more:hover{color:var(--text)}.pb-more-caret{font-size:.65rem}.pb-details{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line);animation:slideDown .25s ease}.pb-stats{display:flex;gap:1.6rem;flex-wrap:wrap;margin-bottom:1.2rem}.pb-stat{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;color:var(--text)}.pb-stat svg{color:var(--c, var(--orange));flex-shrink:0}.pb-ladder{display:flex;justify-content:space-between;gap:.3rem}.pb-lnode{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;opacity:.4}.pb-lnode.reached{opacity:1}.pb-ldot{width:12px;height:12px;border-radius:50%;background:#4a301e26}.pb-lnode.reached .pb-ldot{background:var(--c)}.pb-lname{font-size:.6rem;color:var(--muted);text-align:center;font-weight:700;line-height:1.1}.pb-next{margin-top:1rem;font-size:.85rem;color:var(--muted);text-align:center}.pb-next strong{color:var(--text)}@media (max-width: 520px){.pb-lname{display:none}}.hud-ring{display:grid;place-items:center;line-height:0}.hud-chip-count{font-family:var(--font-head);font-weight:700;font-size:.82rem;color:var(--text)}.pbanner .pb-head{align-items:center}.pb-rank{color:var(--text)}.pb-nextlink{font-family:var(--font-head);font-weight:700;font-size:.9rem;color:var(--orange);white-space:nowrap}.pb-nextlink:hover{color:var(--pink)}.pb-seg.done{background:var(--orange);border-color:var(--orange)}.pb-seg.next{border-color:var(--orange);box-shadow:0 0 0 3px #ff6b3529}