@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@500;600;700;800&family=Sora:wght@600;700;800&display=swap";:root{color-scheme:light;font-family:Manrope,sans-serif;line-height:1.5;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page: #f3eadf;--page-deep: #e3d3bb;--surface: rgba(255, 248, 239, .78);--surface-strong: rgba(255, 251, 246, .92);--surface-line: rgba(78, 58, 39, .12);--surface-shadow: 0 30px 90px rgba(74, 50, 23, .14);--ink: #181310;--ink-soft: #55473a;--ink-muted: #7b6a58;--hero-dark: #16110e;--hero-dark-soft: #221813;--hero-dark-text: #f8efe3;--hero-dark-muted: rgba(248, 239, 227, .72);--accent-warm: #c45f39;--accent-warm-strong: #9d4224;--accent-cool: #2f736d;--accent-cool-soft: rgba(47, 115, 109, .14);--accent-warm-soft: rgba(196, 95, 57, .14);--board-shadow: 0 40px 80px rgba(17, 12, 9, .34), 0 18px 36px rgba(255, 204, 157, .08);--display: "Sora", sans-serif;--mono: "IBM Plex Mono", monospace;--max-width: 1180px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-gentle: cubic-bezier(.3, .1, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at top,rgba(255,255,255,.7),transparent 30%),radial-gradient(circle at 15% 15%,rgba(255,220,194,.36),transparent 24%),radial-gradient(circle at 85% 22%,rgba(176,224,220,.22),transparent 22%),linear-gradient(180deg,var(--page) 0%,#eddcc7 48%,var(--page-deep) 100%)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 28%,transparent 52%),radial-gradient(circle at 70% 65%,rgba(255,255,255,.18),transparent 24%);opacity:.8}body:after{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:120px 120px;mix-blend-mode:soft-light;opacity:.24}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}code{font-family:var(--mono);font-size:.8rem;overflow-wrap:anywhere}::selection{color:#fff3eb;background:#833b1fd1}:focus-visible{outline:2px solid var(--accent-cool);outline-offset:3px}#root{min-height:100svh}.app-shell{position:relative;z-index:1;width:min(var(--max-width),calc(100% - 2rem));margin:0 auto;padding:1rem 0 4rem}.ambient{position:fixed;border-radius:999px;filter:blur(30px);opacity:.65;pointer-events:none;z-index:-1;animation:drift 14s var(--ease-gentle) infinite alternate}.ambient-warm{top:8%;right:-4rem;width:18rem;height:18rem;background:radial-gradient(circle,rgba(234,133,96,.36),transparent 70%)}.ambient-cool{bottom:14%;left:-4rem;width:20rem;height:20rem;background:radial-gradient(circle,rgba(65,154,145,.24),transparent 70%);animation-delay:1.5s}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.2rem 0 1.2rem}.site-mark,.site-status{border:1px solid var(--surface-line);background:#fff8efad;box-shadow:0 12px 30px #4f341414;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-mark{display:inline-flex;flex-direction:column;gap:.18rem;padding:.9rem 1rem;border-radius:999px}.site-mark-kicker,.doorway-kicker,.section-kicker,.card-kicker,.field-label,.board-stage-label,.step-count,.choice-badge{font-family:var(--mono);font-size:.73rem;letter-spacing:.14em;text-transform:uppercase}.site-mark strong{font-size:.98rem;font-weight:800}.site-status{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1rem;border-radius:999px;color:var(--ink-muted)}.landing{display:grid;gap:4rem}.doorway-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.95fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:clamp(31rem,calc(100svh - 7rem),40rem);padding:clamp(1.8rem,4vw,3.2rem) clamp(1.2rem,3.5vw,3rem);border-radius:40px;border:1px solid var(--surface-line);background:radial-gradient(circle at top,rgba(255,255,255,.62),transparent 36%),linear-gradient(180deg,#fffbf7d1,#f3e7d6eb);box-shadow:var(--surface-shadow);overflow:hidden;isolation:isolate}.doorway-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.5),transparent 24%),radial-gradient(circle at 82% 18%,rgba(55,145,136,.08),transparent 24%);pointer-events:none}.doorway-panel:after{content:"";position:absolute;inset:auto -8% -20% auto;width:clamp(18rem,30vw,28rem);height:clamp(18rem,30vw,28rem);border-radius:50%;background:radial-gradient(circle,rgba(196,95,57,.16),transparent 65%);filter:blur(16px);pointer-events:none}.doorway-copy{position:relative;z-index:2;display:grid;gap:clamp(.95rem,1.9vw,1.35rem);align-content:center;justify-items:start;max-width:34rem;margin:0;text-align:left;animation:rise-in .72s var(--ease-out) both}.doorway-kicker,.section-kicker,.card-kicker,.field-label{margin:0 0 .9rem;color:var(--ink-muted)}h1,h2,h3,strong{margin:0}h1,h2,h3{font-family:var(--display);line-height:.96;letter-spacing:-.05em}h1{font-size:clamp(3rem,8vw,6.8rem)}h2{font-size:clamp(2rem,5vw,3.8rem)}h3{font-size:clamp(1.3rem,3vw,2rem)}p{margin:0;color:var(--ink-soft)}.doorway-summary,.section-copy p:last-child,.runtime-reference-copy p:last-child,.field-support,.subtle-note,.reference-note{font-size:1.04rem}.doorway-summary{max-width:32rem;margin:0;font-size:clamp(1rem,.96rem + .25vw,1.12rem)}.doorway-copy h1{max-width:8ch;font-size:clamp(2.8rem,5.3vw,5.4rem);text-wrap:balance}.doorway-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.85rem;margin-top:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:.95rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff7f1;background:linear-gradient(180deg,var(--accent-warm),var(--accent-warm-strong));box-shadow:0 18px 34px #9d42243d,0 0 0 1px #ffffff14 inset}.button-secondary{color:var(--ink);background:#fffcf7c2;border-color:#523b251f;box-shadow:0 14px 26px #4d381a14}.button-inline{justify-self:start;align-self:end}.button.is-disabled,.button:disabled,.button[aria-disabled=true]{opacity:.52;box-shadow:none}.button:disabled{cursor:not-allowed}.button.is-disabled:hover,.button:disabled:hover,.button[aria-disabled=true]:hover{transform:none}.doorway-links{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1rem;margin-top:0}.text-link{color:var(--ink-soft);font-weight:700;text-underline-offset:.2rem;transition:color .18s ease,transform .18s ease}.text-link:hover{color:var(--ink);transform:translateY(-1px)}.text-link-button{border:0;background:transparent;padding:0}.doorway-note{max-width:31rem;margin:0;font-size:.96rem;color:var(--ink-muted);text-wrap:balance}.doorway-visual{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;min-width:0;pointer-events:none}.board-stage{position:relative;width:min(100%,clamp(24rem,38vw,38rem));margin-left:auto;padding:clamp(.8rem,1.8vw,1rem) clamp(.85rem,1.9vw,1.05rem) clamp(.95rem,2vw,1.15rem);border-radius:clamp(24px,3vw,32px);background:linear-gradient(180deg,#1a130ff7,#261a14f2),linear-gradient(135deg,rgba(255,255,255,.08),transparent 60%);box-shadow:var(--board-shadow);transform:perspective(1800px) rotateX(44deg) rotate(-3deg);transform-origin:center bottom;animation:board-float 14s var(--ease-gentle) infinite}.board-stage:after{content:"";position:absolute;inset:auto 12% -12% 12%;height:3.4rem;background:radial-gradient(circle,rgba(255,154,116,.18),transparent 72%);filter:blur(20px)}.board-stage img{width:100%;aspect-ratio:1600 / 600;object-fit:contain;opacity:.96}.board-stage-label{display:inline-flex;margin-bottom:clamp(.5rem,1.2vw,.7rem);color:var(--hero-dark-muted)}.documentation-section{display:grid;gap:1.8rem}.section-copy{max-width:45rem}.documentation-story{display:grid;grid-template-columns:minmax(0,.95fr) minmax(18rem,1fr);gap:clamp(1.4rem,4vw,3.5rem);align-items:start;padding:clamp(1.4rem,4vw,2.4rem) 0;border-top:1px solid var(--surface-line);border-bottom:1px solid var(--surface-line)}.documentation-story-copy,.teaching-story-list li{display:grid;gap:.55rem}.documentation-story-copy h3{max-width:34rem}.teaching-story-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.teaching-story-list li{padding-left:1rem;border-left:2px solid rgba(47,115,109,.22)}.teaching-story-list strong{color:var(--ink);font-size:1.02rem}.teaching-story-list span{color:var(--ink-soft)}.runtime-reference{display:flex;align-items:center;justify-content:space-between;gap:clamp(1.2rem,4vw,3rem);padding:clamp(1.3rem,4vw,2.2rem);border-radius:30px;background:radial-gradient(circle at top right,rgba(82,176,166,.12),transparent 24%),linear-gradient(180deg,var(--hero-dark),var(--hero-dark-soft));color:var(--hero-dark-text);box-shadow:0 24px 50px #18100d33}.runtime-reference-copy{display:grid;gap:.75rem;max-width:50rem}.runtime-reference-copy p,.reference-note{color:var(--hero-dark-muted)}.runtime-reference-action{flex:0 0 auto}.site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem 1.5rem;margin-top:2.5rem;padding-top:1rem;color:var(--ink-muted);font-size:.92rem}.site-footer p{max-width:30rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#130e0b80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50}.modal-card{width:min(60rem,100%);max-height:calc(100svh - 2rem);overflow:auto;overscroll-behavior:contain;padding:clamp(1.2rem,3vw,2rem);border-radius:30px;border:1px solid var(--surface-line);background:radial-gradient(circle at top right,rgba(255,255,255,.42),transparent 30%),#fff9f2f5;box-shadow:0 30px 90px #23180f33;animation:rise-in .24s ease both}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.close-button{min-height:2.8rem;padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(74,55,37,.12);background:#fffdfadb;color:var(--ink);font-weight:700}.start-session-wizard{display:grid;gap:1.5rem}.wizard-header,.wizard-body,.wizard-step-panel,.wizard-heading,.wizard-action-copy,.advanced-details-body,.wizard-section-copy{display:grid;gap:.75rem}.wizard-header-top,.wizard-footer{display:flex;align-items:start;justify-content:space-between;gap:1rem}.wizard-heading{max-width:40rem}.wizard-eyebrow{margin-bottom:0}.wizard-step-status{margin:0;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.wizard-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}.wizard-progress-item{display:flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(77,58,37,.1);background:#ffffff94;color:var(--ink-muted);text-align:center}.wizard-progress-item span{font-family:var(--mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.wizard-progress-item.is-current{border-color:#2f736d5c;background:linear-gradient(180deg,#e9f7f5fa,#fffffff0);color:var(--accent-cool);box-shadow:0 14px 26px #2f736d1f}.wizard-progress-item.is-complete{border-color:#c45f3933;color:var(--ink)}.wizard-step-copy{max-width:38rem;font-size:1.02rem}.wizard-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wizard-choice-card{position:relative;display:block;min-height:12rem;padding:1.35rem;border-radius:28px;border:1px solid rgba(77,58,37,.12);background:radial-gradient(circle at top right,rgba(82,176,166,.08),transparent 28%),linear-gradient(180deg,#fffc,#f8efe3b8);color:var(--ink-soft);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.wizard-choice-card:hover{transform:translateY(-2px)}.wizard-choice-card:focus-within{border-color:#2f736d85;box-shadow:0 0 0 4px #2f736d1f,0 20px 32px #2f736d14}.wizard-choice-card.is-selected{border-color:#2f736d85;background:radial-gradient(circle at top right,rgba(82,176,166,.12),transparent 28%),linear-gradient(180deg,#eef9f7fa,#fffffff0);box-shadow:0 22px 36px #2f736d1f}.wizard-choice-card.is-compact{min-height:0;padding:1rem 1.1rem;border-radius:22px}.wizard-choice-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.wizard-choice-content{display:grid;gap:.65rem;height:100%;align-content:start}.wizard-helper-note,.wizard-note{color:var(--ink-muted);font-size:.94rem}.wizard-surface,.wizard-action-card,.advanced-details{padding:1.15rem;border-radius:24px;border:1px solid rgba(77,58,37,.1);background:#ffffff9e}.wizard-detail-grid,.advanced-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.advanced-details-grid{margin:0}.wizard-detail-span{grid-column:1 / -1}.wizard-room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:end}.wizard-action-stack{display:grid;gap:.9rem}.wizard-optional-surface{background:#ffffff85}.wizard-action-card{display:grid;gap:1rem}.wizard-review-grid{align-items:start}.wizard-choice-grid-compact{margin:0}.wizard-action-row{align-items:center}.advanced-details{display:grid;gap:.85rem}.advanced-details summary{cursor:pointer;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.advanced-details summary::marker{color:var(--accent-cool)}.advanced-summary-item{min-width:0}.advanced-summary-item dd{overflow-wrap:anywhere}.wizard-footer{align-items:center}.wizard-footer-spacer{min-height:3.5rem}.modal-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:1.2rem}.modal-section,.preview-panel{display:grid;gap:1.1rem}.modal-section{align-content:start}.modal-intro{max-width:42rem;font-size:1.04rem;color:var(--ink-soft)}.field-group,.field-grid{display:grid;gap:.9rem}.room-field-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}.field-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:.45rem}.field-copy{display:grid;gap:.35rem}.field-support{color:var(--ink-muted);font-size:.92rem}.input{width:100%;min-height:3.2rem;padding:.85rem 1rem;border-radius:18px;border:1px solid rgba(77,58,37,.16);background:#ffffffc7;color:var(--ink);box-shadow:inset 0 1px #fff6;transition:border-color .18s ease,box-shadow .18s ease}.input:focus{outline:none;border-color:#2f736d85;box-shadow:0 0 0 4px #2f736d1f,inset 0 1px #ffffff80}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.choice-card{display:grid;gap:.5rem;padding:1rem;border-radius:22px;border:1px solid rgba(77,58,37,.12);background:#ffffffb8;color:var(--ink-soft);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.choice-card:hover{transform:translateY(-1px)}.choice-card.is-selected{border-color:#2f736d85;background:linear-gradient(180deg,#effaf8f5,#fffffff0);box-shadow:0 18px 30px #2f736d1f}.choice-title{font-weight:700;color:var(--ink)}.choice-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.choice-badge{color:var(--accent-cool)}.preview-panel{align-content:start;padding:1.1rem;border-radius:24px;background:linear-gradient(180deg,#fcf6eff0,#f5eadde0);border:1px solid rgba(79,57,35,.1)}.preview-header{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.preview-header .field-label{margin:0}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.summary-item{display:grid;gap:.25rem;padding:.85rem;border-radius:18px;background:#ffffff85}.summary-item dt{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.summary-item dd{margin:0;color:var(--ink);font-weight:700}.link-stack{display:grid;gap:.85rem}.preview-card,.empty-state{display:grid;gap:.65rem;padding:1rem;border-radius:20px;border:1px solid rgba(77,58,37,.1);background:#ffffff9e}.preview-card .field-label,.empty-state .field-label{margin:0}.preview-card code,.empty-state code{display:block;max-width:100%}.preview-copy{font-size:.96rem;color:var(--ink-soft)}.preview-actions{display:flex;flex-wrap:wrap;gap:.7rem}.copy-feedback{margin:0;padding:.85rem 1rem;border-radius:18px;background:#2f736d1a;color:var(--accent-cool);font-weight:700}.copy-feedback.is-error{background:#c45f391f;color:var(--accent-warm-strong)}.subtle-note{color:var(--ink-muted)}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.info-card,.mode-helper{display:grid;gap:.65rem;padding:1rem;border-radius:20px;border:1px solid rgba(77,58,37,.1)}.info-card{background:#ffffffa8}.modal-footnote{color:var(--ink-muted);font-size:.94rem}.modal-intro{max-width:40rem;margin:0 auto 1.4rem;text-wrap:balance}.steps-list{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;width:min(100%,40rem);margin:0 auto 1.2rem;padding:0;list-style:none}.step-card{display:grid;grid-template-columns:auto 1fr;gap:.95rem;align-items:start;padding:1.1rem 1.15rem;border-radius:24px;border:1px solid rgba(77,58,37,.1);background:radial-gradient(circle at top left,rgba(255,255,255,.52),transparent 36%),#ffffffc2;box-shadow:0 16px 34px #4d381a0f}.step-card h3{margin-bottom:.3rem}.step-card p{max-width:34ch}.step-count{display:inline-flex;align-items:center;justify-content:center;width:3rem;min-width:3rem;height:3rem;border-radius:18px;background:linear-gradient(180deg,var(--accent-cool-soft),rgba(255,255,255,.82));color:var(--accent-cool)}.mode-helper{grid-template-columns:minmax(0,1fr);gap:.45rem;width:min(100%,40rem);margin:0 auto;padding:.9rem 1rem;background:radial-gradient(circle at top right,rgba(82,176,166,.1),transparent 28%),linear-gradient(180deg,#fffcf7e6,#f8eee3d1)}.mode-helper p{font-size:.95rem;color:var(--ink-soft)}.mode-helper strong{color:var(--ink)}.advanced-layer-note{width:min(100%,40rem);margin:.9rem auto 0;color:var(--ink-muted);font-size:.9rem;text-wrap:balance}@media (max-width: 980px){.modal-grid,.info-grid,.mode-helper,.wizard-choice-grid,.wizard-detail-grid,.advanced-details-grid{grid-template-columns:1fr}.documentation-story,.runtime-reference{grid-template-columns:1fr;flex-direction:column;align-items:start}.field-grid.two-up,.summary-grid,.room-field-grid,.wizard-room-row{grid-template-columns:1fr}}@media (max-width: 1040px){.doorway-panel{grid-template-columns:1fr;min-height:auto}.doorway-copy{max-width:min(40rem,100%)}.doorway-visual{justify-content:center}.board-stage{width:min(100%,44rem);margin-inline:auto;transform:none;animation:none}.board-stage:after{inset:auto 12% -16% 12%}}@media (max-width: 860px){.app-shell{width:min(var(--max-width),calc(100% - 1rem))}.site-header,.site-footer{flex-direction:column;align-items:start}}@media (max-width: 640px){.site-mark,.site-status{width:100%}.site-header{padding-bottom:1rem}.doorway-panel{padding:1.4rem 1rem 1.7rem;border-radius:28px}.doorway-copy{max-width:none}.doorway-actions,.doorway-links{flex-direction:column}.button,.text-link-button,.text-link{width:100%}.board-stage{width:100%;padding:.75rem .8rem .9rem;border-radius:22px}.choice-grid,.steps-list{grid-template-columns:1fr}.preview-actions{flex-direction:column}.field-grid{gap:.7rem}.modal-card{border-radius:24px}.modal-header,.preview-header,.wizard-header-top,.wizard-footer{flex-direction:column}.wizard-footer .button,.wizard-room-row .button{width:100%}.wizard-footer-spacer{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes board-float{0%,to{transform:perspective(1800px) rotateX(44deg) rotate(-3deg) translateY(0)}50%{transform:perspective(1800px) rotateX(44deg) rotate(-2deg) translateY(-8px)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(10px,-12px,0) scale(1.08)}}