:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Segoe UI", sans-serif;--font-heading:Georgia, serif;--bg:#f6f5f0;--surface:#fffefa;--sidebar:#eeeee7;--text:#282e29;--muted:#62695f;--line:#d9ddd3;--accent:#294d41;--accent-hover:#1d3d32;--accent-soft:#e2e9df;--on-accent:#fffefa;--danger:#a03331;--danger-bg:#f9eeee;--red-suit:#993c35;--focus:#956325;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow:0 8px 24px #1c2e250d;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-hero:clamp(2rem, 3.6vw, 2.5rem);font-family:Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191f1b;--surface:#222a24;--sidebar:#1d251f;--text:#eceee6;--muted:#b0b9ab;--line:#414c40;--accent:#b8d4bb;--accent-hover:#d0e5d1;--accent-soft:#344736;--on-accent:#1c3023;--danger:#ffaca6;--danger-bg:#412a29;--red-suit:#efada4;--focus:#e7bf83;--shadow:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-size:var(--text-base);margin:0;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:var(--accent);text-underline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-heading);font-weight:400;line-height:1.2}h1{font-size:var(--text-hero);letter-spacing:-.025em}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg);font-weight:600}small,.small{font-size:var(--text-sm)}.muted{color:var(--muted)}.eyebrow{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stack{gap:var(--space-6);display:grid}.stack-sm{gap:var(--space-3);display:grid}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.between{justify-content:space-between}.icon{flex:none;width:22px;height:22px}.button{border-radius:var(--radius-sm);min-height:48px;padding:var(--space-3) var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);border:1px solid #0000;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--accent-hover)}.secondary{border-color:var(--line);background:0 0}.secondary:hover,.text-button:hover{background:var(--accent-soft)}.text-button{padding-inline:var(--space-3);color:var(--accent);background:0 0}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:var(--space-8) var(--space-6);gap:var(--space-12);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.brand-mark{background:var(--accent);width:40px;height:44px;color:var(--on-accent);border-radius:var(--radius-sm);font-family:var(--font-heading);place-items:center;font-size:26px;display:grid}.brand-name{font-family:var(--font-heading);font-size:25px;line-height:1.2}.brand-caption{letter-spacing:.04em;color:var(--muted);font-size:11px}.nav{gap:var(--space-2);display:grid}.nav a{align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--muted);text-decoration:none;display:flex}.nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav a:hover{color:var(--text)}.sidebar-footer{border-top:1px solid var(--line);padding-top:var(--space-6);margin-top:auto}.workspace{width:100%;min-width:0;max-width:1360px;padding:var(--space-8) var(--space-12) var(--space-16);margin-inline:auto}.topbar{justify-content:space-between;gap:var(--space-4);color:var(--muted);font-size:var(--text-sm);padding-bottom:var(--space-6);border-bottom:1px solid var(--line);margin-bottom:var(--space-12);display:flex}.page-header{justify-content:space-between;align-items:start;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.page-header p{margin-top:var(--space-3);max-width:560px}.welcome{align-items:center;gap:var(--space-12);padding-block:var(--space-8) var(--space-12);grid-template-columns:minmax(0,1fr) 260px;display:grid}.welcome-copy{max-width:560px}.welcome h1{margin-block:var(--space-4) var(--space-6)}.welcome p{max-width:440px;color:var(--muted)}.welcome .button{margin-top:var(--space-8)}.card-study{place-items:center;height:260px;display:grid;position:relative}.playing-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);width:142px;height:204px;box-shadow:var(--shadow);padding:var(--space-3);font-family:var(--font-heading);font-size:var(--text-xl);color:var(--accent);flex-direction:column;justify-content:space-between;display:flex}.playing-card.back{background:var(--accent-soft);position:absolute;transform:rotate(-13deg)translate(-24px,-5px)}.playing-card.front{position:relative;transform:rotate(8deg)translate(16px,4px)}.playing-card .suit{text-align:center;font-size:56px;line-height:1}.playing-card .bottom{transform:rotate(180deg)}.steps-intro{border-top:1px solid var(--line);padding-top:var(--space-8);gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step-number{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--muted);margin-bottom:var(--space-3)}.steps-intro h2{margin-bottom:var(--space-2);font-size:21px}.steps-intro p{color:var(--muted);font-size:var(--text-sm)}.footnote{margin-top:var(--space-12);font-size:var(--text-sm);color:var(--muted)}.paper{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-8)}.paper h2{overflow-wrap:anywhere}.readable{max-width:720px}.form{gap:var(--space-6);display:grid}.field{gap:var(--space-2);display:grid}.field-label{font-weight:600}.optional{color:var(--muted);font-weight:400;font-size:var(--text-sm)}input,textarea,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:48px;color:var(--text);padding:var(--space-3)}textarea{resize:vertical;min-height:128px;line-height:1.6}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}.field-hint{color:var(--muted);font-size:var(--text-sm)}.form-actions{border-top:1px solid var(--line);padding-top:var(--space-6)}.error{background:var(--danger-bg);border-left:3px solid var(--danger);color:var(--danger);padding:var(--space-4);overflow-wrap:anywhere}.notice{padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);background:var(--accent-soft);margin-bottom:var(--space-6)}.practice-list{border-top:1px solid var(--line)}.practice-row{justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-6);border-bottom:1px solid var(--line);display:flex}.practice-row>div{min-width:0}.practice-title{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:600;text-decoration:none}.practice-row p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin-block:var(--space-2)}.practice-meta{font-size:var(--text-xs);color:var(--muted)}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.detail-line{padding-block:var(--space-6);border-top:1px solid var(--line)}.detail-line dt{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-2)}.detail-line dd,dl{margin:0}.theme-options{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.theme-options legend{margin-bottom:var(--space-3);font-weight:600}.theme-choice{align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;min-height:48px;display:flex}.theme-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.theme-choice input{width:18px;min-height:auto;accent-color:var(--accent);margin:0}.skip-link{z-index:10;background:var(--surface);clip-path:inset(50%);width:1px;height:1px;padding:12px;position:fixed;top:16px;left:16px;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible}.loading{padding-block:var(--space-16)}@media (width<=1100px){.shell{grid-template-columns:200px minmax(0,1fr)}.workspace{padding-inline:var(--space-8)}.welcome{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 180px}}@media (width<=760px){.shell{display:block}.sidebar{height:auto;padding:var(--space-6) var(--space-6) 0;background:var(--bg);border:0;position:static}.brand-caption{display:none}.brand-mark{width:32px;height:36px;font-size:23px}.brand-name{font-size:24px}.sidebar-footer{display:none}.nav{z-index:5;background:var(--surface);border-top:1px solid var(--line);padding:var(--space-2) var(--space-2) max(var(--space-2), env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.nav a{justify-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-xs);flex:1;min-width:0;display:grid}.workspace{padding:var(--space-6) var(--space-6) calc(112px + env(safe-area-inset-bottom))}.topbar{margin-bottom:var(--space-8);padding-bottom:var(--space-4);font-size:var(--text-xs)}.topbar .date{display:none}.welcome{gap:var(--space-6);grid-template-columns:1fr;padding-top:0}.card-study{display:none}.welcome .button{width:100%;margin-top:var(--space-6)}.steps-intro{gap:var(--space-6);grid-template-columns:1fr}.step-number{float:left;margin-right:var(--space-4);width:24px}.steps-intro h2,.steps-intro p{margin-left:40px}.paper{padding:var(--space-6)}.practice-row{align-items:start}.practice-row>.button{padding:var(--space-3)}.form-actions .button{flex:1}.page-header>.button{width:100%}}@media (prefers-reduced-motion:no-preference){.button,.nav a{transition:background-color .12s}}.practice-heading{justify-content:space-between;align-items:start;gap:var(--space-6);flex-wrap:wrap;display:flex}.practice-heading>div{min-width:0;max-width:760px}.intention-detail summary,.chain-preview summary{cursor:pointer;min-height:44px;padding-block:var(--space-3);color:var(--accent)}.intention-detail p{margin-top:var(--space-3)}.progress-line{align-items:center;gap:var(--space-6);padding-top:var(--space-2);display:flex}progress{max-width:320px;height:6px;accent-color:var(--accent);border-radius:var(--radius-sm);background:var(--line);border:0;flex:1}progress::-webkit-progress-bar{background:var(--line);border-radius:var(--radius-sm)}progress::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-sm)}.practice-tabs{border-bottom:1px solid var(--line);gap:var(--space-4);display:flex}.practice-tabs button{color:var(--muted);padding-inline:var(--space-4);border-radius:0}.practice-tabs [aria-selected=true]{border-bottom:2px solid var(--accent);color:var(--accent)}.current-step{gap:var(--space-12);padding-block:var(--space-6);grid-template-columns:180px minmax(0,1fr);align-items:center;display:grid}.journal-card{width:180px;min-height:256px;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-heading);font-size:var(--text-xl);box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;display:flex}.large-suit{text-align:center;font-size:72px;line-height:1}.card-bottom{transform:rotate(180deg)}.mini-card{min-width:48px;min-height:64px;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-heading);font-size:var(--text-lg);place-items:center;display:inline-grid}.red-suit{color:var(--red-suit)}.next-card{align-items:center;gap:var(--space-2);display:flex}.chain-grid{gap:var(--space-3);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));padding:0;list-style:none;display:grid}.chain-grid li{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:1px solid #0000;flex-direction:column;display:flex}.chain-grid .is-current{border-color:var(--accent);background:var(--accent-soft)}.chain-state{font-size:var(--text-xs);color:var(--muted);text-align:center}.entry-editor{max-width:720px;padding-block:var(--space-6);border-top:1px solid var(--line)}.entry-editor textarea{min-height:160px}.entry-editor input[type=datetime-local]{min-width:0;max-width:360px}.practice-actions{gap:var(--space-3);border-top:1px solid var(--line);padding-top:var(--space-6);display:grid}.observation-row{padding-block:var(--space-6);border-bottom:1px solid var(--line)}.observation-row:first-child{border-top:1px solid var(--line)}.observation-row .text-button{padding-inline:var(--space-2)}.attach-action{justify-items:start;gap:var(--space-3);padding-top:var(--space-3);display:grid}.change-history{border-left:2px solid var(--line);padding-left:var(--space-4);gap:var(--space-4);display:grid}.change-history .prose{font-size:var(--text-sm)}.compact-select{width:auto;max-width:100%}.check-label{min-height:44px}.check-label input{width:20px;min-height:20px;accent-color:var(--accent)}.empty-journal{padding-block:var(--space-6)}@media (width<=760px){.nav a{padding-inline:var(--space-1);font-size:11px}.current-step{gap:var(--space-6);grid-template-columns:100px minmax(0,1fr);align-items:start}.journal-card{width:100px;min-height:152px;padding:var(--space-3);font-size:var(--text-lg)}.large-suit{font-size:44px}.current-step .button{padding-inline:var(--space-3)}.current-step .next-card{gap:var(--space-1);display:grid}.next-card .mini-card{min-width:36px;min-height:48px;font-size:16px}.next-card+.next-card{margin:0}.current-step .row{gap:var(--space-2)}.practice-tabs{gap:0}.practice-tabs button{padding-inline:var(--space-2);flex:1}.progress-line{gap:var(--space-3);flex-wrap:wrap}.progress-line progress{flex-basis:100%}.chain-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.entry-editor>.row{display:grid}.entry-editor>.row .button{width:100%}}.outcome-section,.management,.data-settings{border-top:1px solid var(--line);padding-top:var(--space-6)}.management summary{cursor:pointer;padding-block:var(--space-3);font-weight:600}.management-body{padding-top:var(--space-4)}.confirmation{border-left:2px solid var(--muted);padding-left:var(--space-4)}.danger-text{color:var(--danger)}.layout-methods{gap:var(--space-2);flex-wrap:wrap;display:flex}.layout-methods [aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.validation-result{color:var(--accent);padding-block:var(--space-2)}.generation-progress{padding:var(--space-4) 0;border-block:1px solid var(--line)}.card-control{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;border:0;flex-direction:column;padding:0;display:inline-flex}.card-control:hover .mini-card{border-color:var(--accent)}.available-cards{gap:var(--space-2);grid-template-columns:repeat(9,minmax(0,1fr));max-width:680px;display:grid}.manual-sequence{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.meaning-editor{border-block:1px solid var(--line);padding-block:var(--space-6);max-width:720px;scroll-margin-top:var(--space-6)}.meaning-grid{gap:0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.meaning-choice{align-items:center;gap:var(--space-3);text-align:left;padding:var(--space-4) 0;color:var(--text);border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;display:flex}.meaning-choice>span:last-child{gap:var(--space-1);min-width:0;display:grid}.meaning-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trace-list{margin:0;padding:0;list-style:none;display:grid}.trace-list li{gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr);display:grid}.step-notes{padding-block:var(--space-3)}@media (width<=760px){.available-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.available-cards .mini-card{min-width:40px;font-size:var(--text-base);padding:var(--space-1)}.meaning-grid{grid-template-columns:minmax(0,1fr)}.layout-methods .button{padding-inline:var(--space-3);flex:auto}.meaning-editor>.row{align-items:start}}