@layer theme{:root,:host{--font-sans:"Outfit", "Avenir Next", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--color-dojo:#0e0d0b;--color-raised:#161410;--color-line:#2c2824;--color-ink:#ebe4d8;--color-dim:#a3988c;--color-paper:#f3eadc;--color-paper-ink:#1b1814;--color-seal:#c4452d;--color-gold:#e0b15a;--color-moss:#1f6b45}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.sticky{position:sticky}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}}:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 420px at 0% -10%,#c4452d2e,transparent 55%),radial-gradient(700px 380px at 100% 0%,#e0b15a17,transparent 46%),var(--color-dojo);min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);margin:0;font-size:1.05rem;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e0d0bd1;border-bottom:1px solid #ffffff0f;align-items:center;gap:1.25rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:baseline;gap:.4rem;font-size:1.35rem;font-weight:560;display:flex}.brand i{color:var(--color-seal);font-style:italic}.nav{flex-wrap:wrap;align-items:center;gap:.25rem;margin-left:auto;display:flex}.nav a{color:var(--color-dim);border-radius:999px;padding:.35rem .7rem}.nav a[aria-current=page]{color:var(--color-dojo);background:var(--color-gold)}.stats{color:var(--color-dim);font-variant-numeric:tabular-nums;gap:.85rem;font-size:.92rem;display:flex}.page{width:min(1120px,100% - 2rem);margin:0 auto;padding:2.5rem 0 5rem}.kicker{color:var(--color-gold);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem}.display{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(3.1rem,8vw,6.4rem);font-weight:560;line-height:.92}.lede{max-width:38rem;color:var(--color-dim);font-size:1.15rem}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:2.5rem;display:grid}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.btn{min-height:2.8rem;color:var(--color-ink);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-weight:560;display:inline-flex}.btn-primary{background:var(--color-seal);color:#fff8f3}.btn-primary:hover{background:#d2533b}.btn-ghost{border-color:var(--color-line)}.btn-ghost:hover{border-color:var(--color-gold);color:var(--color-gold)}.btn:disabled{cursor:not-allowed;opacity:.45}.panel{border:1px solid var(--color-line);background:#161410e0;border-radius:22px;padding:1.15rem}.kata-head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem;display:flex}.kata-head h1,.kata-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:560;line-height:1}.badge{border:1px solid var(--color-line);color:var(--color-gold);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.25rem .55rem;font-size:.75rem}.prompt{color:var(--color-ink);margin:0 0 1rem}.blade,.replacement{background:#090807;border:1px solid #3a342c;border-radius:14px;align-items:center;gap:.4rem;margin-top:.7rem;padding:.8rem .95rem;display:flex}.blade:focus-within,.replacement:focus-within{border-color:var(--color-gold)}.blade span,.read-pattern span{color:var(--color-dim);font-family:var(--font-mono)}.blade input,.replacement input,.yard-text{width:100%;color:var(--color-gold);font-family:var(--font-mono);background:0 0;border:0;outline:none;font-size:1.08rem}.blade input::placeholder,.replacement input::placeholder{color:#6f675c}.replacement input{color:var(--color-ink)}.yard-text{resize:vertical;min-height:11rem;color:var(--color-ink);line-height:1.6}.alert{color:#f0a598;margin:.7rem 0 0}.beads{flex-wrap:wrap;gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.beads li{color:var(--color-ink);background:#e0b15a14;border-radius:999px;padding:.28rem .55rem;font-size:.86rem}.meta-row{color:var(--color-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin:.9rem 0 .45rem;font-size:.92rem;display:flex}.text-button{color:var(--color-gold);background:0 0;border:0;padding:0}.slips{gap:.7rem;display:grid}.slip{background:var(--color-paper);color:var(--color-paper-ink);border-radius:16px;padding:.85rem 1rem 1rem;box-shadow:0 14px 34px #00000047}.slip header,.slip footer{color:#6d655c;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:.7rem;font-size:.72rem;display:flex}.slip-text{font-family:var(--font-mono);overflow-wrap:anywhere;margin:.45rem 0;font-size:1.02rem}.slip mark{color:inherit;background:#f0d48a;border-radius:3px;padding:0 .08em}.slip-pass{box-shadow:inset 0 3px 0 var(--color-moss),0 14px 34px #00000047}.slip-fail{box-shadow:inset 0 3px 0 var(--color-seal),0 14px 34px #00000047}.votes{gap:.4rem;display:flex}.votes button{color:var(--color-paper-ink);letter-spacing:0;text-transform:none;background:0 0;border:1px solid #d9d0c2;border-radius:999px;padding:.25rem .6rem;font-size:.85rem}.votes button[aria-pressed=true]{background:var(--color-paper-ink);color:var(--color-paper)}.seal-row{border-top:1px solid var(--color-line);align-items:flex-start;gap:1.1rem;margin-top:1rem;padding-top:1rem;display:flex}.seal-row>div{min-width:0}.stamp{border:2px solid var(--color-seal);width:4.6rem;height:4.6rem;color:var(--color-seal);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;flex:none;place-items:center;font-size:.78rem;animation:.28s ease-out stamp;display:grid;transform:rotate(-8deg)}.sensei{color:var(--color-dim);margin:.25rem 0 0}.hints{gap:.45rem;margin-top:1rem;display:grid}.hints p{border-left:2px solid var(--color-line);color:var(--color-dim);margin:0;padding-left:.8rem}.path{gap:2.4rem;display:grid}.belt-head{align-items:center;gap:.9rem;display:flex}.swatch{border-radius:999px;width:1.15rem;height:1.15rem;box-shadow:inset 0 0 0 1px #fff3}.swatch.black{box-shadow:inset 0 0 0 2px var(--color-gold)}.belt-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:560}.belt-head p,.quiet{color:var(--color-dim);margin:0}.gates{border-left:1px solid #34302b;margin:.8rem 0 0 .45rem;padding:0;list-style:none}.gate{grid-template-columns:4.2rem 1fr auto;align-items:center;gap:.75rem;width:100%;padding:.85rem .2rem .85rem 1.15rem;display:grid;position:relative}a.gate:hover strong{color:var(--color-gold)}.gate:before{content:"";background:#3a342c;border-radius:999px;width:.58rem;height:.58rem;position:absolute;left:-.32rem}.gate.now:before{background:var(--color-gold);box-shadow:0 0 0 5px #e0b15a24}.gate.sealed:before{background:var(--color-seal)}.gate strong{font-weight:560}.gate .index{color:var(--color-dim);font-variant-numeric:tabular-nums;font-size:.85rem}.gate.locked{opacity:.42}.progress-count{color:var(--color-dim);font-variant-numeric:tabular-nums}.yard-grid,.scroll-grid,.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.2rem;display:grid}.flag-row,.sample-row{flex-wrap:wrap;gap:.4rem;display:flex}.flag,.sample-row button,.token-button{border:1px solid var(--color-line);color:var(--color-dim);background:0 0;border-radius:999px;padding:.3rem .65rem}.flag[aria-pressed=true],.token-button[aria-current=true]{border-color:var(--color-gold);color:var(--color-gold)}.token-list{gap:.35rem;display:grid}.lesson .output,.lesson .read-pattern{margin-top:.8rem}.output .after,.read-pattern .after{color:#6d655c}.output{background:var(--color-paper);color:var(--color-paper-ink);font-family:var(--font-mono);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:16px;margin-top:1rem;padding:.9rem 1rem}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.card{background:var(--color-raised);border:1px solid var(--color-line);border-radius:18px;padding:1rem}.card b{font-family:var(--font-display);margin-top:.2rem;font-size:1.8rem;font-weight:560;display:block}.card span,.note-list{color:var(--color-dim)}.note-list{padding-left:1.1rem}.night{background:radial-gradient(500px 180px at 50% 0,#c4452d29,#0000 70%),0 0;border-radius:28px;padding:1rem}@keyframes stamp{0%{opacity:0;transform:scale(1.35)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@media(max-width:860px){.topbar{flex-wrap:wrap;row-gap:.35rem}.nav{width:100%;margin-left:0}.hero,.yard-grid,.scroll-grid,.split,.cards{grid-template-columns:1fr}.stats{display:none}.gate{grid-template-columns:3rem 1fr}.gate .status{grid-column:2}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}