:root{--bg:#f6f4ef;--panel:#fffdf9;--panel-2:#f0ece2;--text:#1c1a16;--muted:#6d675c;--line:#e0dace;--line-strong:#cbc3b2;--accent:#7a5a26;--accent-text:#fffdf9;--accent-soft:#f0e6d2;--ok:#2f6d43;--ok-bg:#e6f2e8;--warn:#8a6a12;--warn-bg:#f8efd5;--bad:#9c3025;--bad-bg:#f8e5e2;--focus:#2b6cb0;--radius:10px;--maxw:860px;--shadow:0 1px 2px #1c1a160f, 0 6px 18px #1c1a160a}@media (prefers-color-scheme:dark){:root{--bg:#16150f;--panel:#201e18;--panel-2:#2a271f;--text:#ece7dc;--muted:#a29a8a;--line:#322e25;--line-strong:#46402f;--accent:#d9b877;--accent-text:#201e18;--accent-soft:#332d1f;--ok:#7fcf98;--ok-bg:#1d2f22;--warn:#e0be62;--warn-bg:#302a15;--bad:#f0938a;--bad-bg:#33201d;--focus:#8fbaea;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}a:hover{text-decoration-thickness:2px}h1,h2,h3,h4{margin:0 0 .5em;font-weight:650;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0 0 .9em}ul,ol{margin:0 0 .9em;padding-left:1.3em}li{margin-bottom:.3em}small{font-size:.85rem}.app{flex-direction:column;min-height:100vh;display:flex}.skip-link{background:var(--accent);color:var(--accent-text);z-index:20;padding:.6em 1em;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.topbar{border-bottom:1px solid var(--line);background:var(--panel);z-index:10;position:sticky;top:0}.topbar-inner{max-width:var(--maxw);flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin:0 auto;padding:.7rem 1rem;display:flex}.brand{color:var(--text);white-space:nowrap;font-size:1rem;font-weight:700;text-decoration:none}.brand span{color:var(--muted);font-weight:400}.nav{flex-wrap:wrap;gap:.15rem .35rem;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;padding:.3rem .55rem;font-size:.9rem;text-decoration:none}.nav a:hover{background:var(--panel-2);color:var(--text)}.nav a.active{background:var(--accent-soft);color:var(--text);font-weight:600}main{flex:1}.page{max-width:var(--maxw);margin:0 auto;padding:1.5rem 1rem 4rem}.page>header{margin-bottom:1.2rem}.page-sub{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.footer div{max-width:var(--maxw);margin:0 auto;padding:1rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1rem;padding:1rem 1.1rem}.card>:last-child{margin-bottom:0}.card-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.section{margin-bottom:2rem}.section>h2{border-bottom:1px solid var(--line);padding-bottom:.35rem}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stack{flex-direction:column;gap:.8rem;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem;display:grid}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);border-radius:8px;align-items:center;gap:.4rem;min-height:40px;padding:.5rem .95rem;font-weight:600;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.btn:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-quiet,button.quiet{color:var(--muted);background:0 0;border-color:#0000;min-height:32px;padding-inline:.2rem;text-decoration:underline}.btn-danger,button.danger{border-color:var(--line-strong);color:var(--bad);background:0 0}.btn-sm{min-height:32px;padding:.3rem .6rem;font-size:.85rem}label{margin-bottom:.3rem;font-weight:600;display:block}label .label-hint{color:var(--muted);font-weight:400}input[type=text],input[type=password],textarea,select{font:inherit;width:100%;color:var(--text);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;padding:.55rem .7rem}textarea{resize:vertical;min-height:7rem;line-height:1.55}fieldset{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1rem;padding:.8rem 1rem}legend{padding:0 .35rem;font-weight:650}.choice{border:1px solid var(--line);cursor:pointer;background:var(--panel);border-radius:8px;align-items:flex-start;gap:.6rem;margin-bottom:.45rem;padding:.55rem .7rem;font-weight:400;display:flex}.choice:hover{border-color:var(--line-strong);background:var(--panel-2)}.choice input{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex:none;margin-top:.35rem}.choice.checked{border-color:var(--accent);background:var(--accent-soft)}.field{margin-bottom:1rem}.badge{border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.78rem;font-weight:650;display:inline-block}.badge-ok{color:var(--ok);border-color:var(--ok);background:var(--ok-bg)}.badge-warn{color:var(--warn);border-color:var(--warn);background:var(--warn-bg)}.badge-bad{color:var(--bad);border-color:var(--bad);background:var(--bad-bg)}.badge-locked{opacity:.75}.notice{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);border-left-width:4px;margin-bottom:1rem;padding:.8rem 1rem}.notice>:last-child{margin-bottom:0}.notice-warn{border-left-color:var(--warn);background:var(--warn-bg)}.notice-bad{border-left-color:var(--bad);background:var(--bad-bg)}.notice-ok{border-left-color:var(--ok);background:var(--ok-bg)}.notice-info{border-left-color:var(--accent);background:var(--accent-soft)}.grade{border:1px solid var(--line-strong);border-radius:var(--radius);border-left-width:4px;margin:1rem 0;padding:.9rem 1rem}.grade>:last-child{margin-bottom:0}.grade-correct{border-left-color:var(--ok);background:var(--ok-bg)}.grade-partial{border-left-color:var(--warn);background:var(--warn-bg)}.grade-incorrect{border-left-color:var(--bad);background:var(--bad-bg)}.grade-verdict{margin-bottom:.4em;font-weight:700}.grade-correct .grade-verdict{color:var(--ok)}.grade-partial .grade-verdict{color:var(--warn)}.grade-incorrect .grade-verdict{color:var(--bad)}.bar{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;height:8px;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}.bar-lg{height:12px}.scores{grid-template-columns:1fr;gap:.35rem .9rem;margin:.6rem 0 0;display:grid}@media (width>=520px){.scores{grid-template-columns:1fr 1fr}}.score{grid-template-columns:7.4rem 1fr 2.6rem;align-items:center;gap:.5rem;font-size:.83rem;display:grid}.score .score-name{color:var(--muted)}.score .score-val{text-align:right;font-variant-numeric:tabular-nums}.score.low .score-val{color:var(--bad);font-weight:700}.score.low .bar>i{background:var(--bad)}.score.mid .bar>i{background:var(--warn)}.level-dots{vertical-align:middle;gap:3px;display:inline-flex}.level-dots i{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:50%;width:8px;height:8px}.level-dots i.on{background:var(--accent);border-color:var(--accent)}.prose{max-width:68ch}.prose p{font-size:1.02rem}blockquote.quote{border-left:4px solid var(--accent);background:var(--panel-2);border-radius:0 var(--radius) var(--radius) 0;margin:1.2rem 0;padding:.9rem 1.1rem}blockquote.quote .quote-en{color:var(--muted);margin-bottom:.5em;font-style:italic}blockquote.quote .quote-tr{font-size:1.05rem}blockquote.quote cite{color:var(--muted);font-size:.85rem;font-style:normal;display:block}blockquote.quote.kybalion{border-left-color:var(--warn);background:var(--warn-bg)}.block-example,.block-pitfall,.block-link{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:1rem 0;padding:.8rem 1rem}.block-pitfall{border-left:4px solid var(--bad)}.block-example{border-left:4px solid var(--ok)}.block-link{border-left:4px solid var(--accent)}.block-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .2em;font-size:.78rem}details.disclosure{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:.6rem}details.disclosure>summary{cursor:pointer;padding:.6rem .9rem;font-weight:600}details.disclosure>div{padding:0 .9rem .9rem}.principle-card{display:block}.principle-card h3{margin-bottom:.15rem}.principle-card a{text-decoration:none}.principle-card a:hover h3{text-decoration:underline}.locked{opacity:.72}.list-reset{margin:0;padding:0;list-style:none}.lesson-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.7rem;padding:.6rem .2rem;display:flex}.lesson-row:last-child{border-bottom:0}.chat{flex-direction:column;gap:.6rem;max-height:26rem;margin-bottom:.8rem;display:flex;overflow-y:auto}.msg{border-radius:var(--radius);white-space:pre-wrap;padding:.6rem .8rem}.msg-user{background:var(--accent-soft);align-self:flex-end;max-width:90%}.msg-assistant{background:var(--panel-2);border:1px solid var(--line)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem .6rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.pre-wrap{white-space:pre-wrap}.step-list{counter-reset:step;padding:0;list-style:none}.spinner{color:var(--muted)}@media (width<=600px){.page{padding:1rem .85rem 3rem}h1{font-size:1.35rem}.score{grid-template-columns:6.4rem 1fr 2.4rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.simple{color:var(--muted);border-left:2px solid var(--border,#ddd);margin-top:.35em;padding-left:.9em;font-style:italic}.text-block{margin-bottom:1.1em}.text-block p{margin-bottom:.2em}blockquote.quote .simple{margin-top:.7em}.grade-explanation{margin-top:.6em}.topbar-user{flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;display:flex}.topbar-user>a{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:12rem;padding:.3rem .55rem;font-size:.9rem;text-decoration:none;overflow:hidden}.topbar-user>a:hover{background:var(--panel-2);color:var(--text)}.topbar-user>a.active{background:var(--accent-soft);color:var(--text);font-weight:600}.locale-select{width:auto;padding:.25rem .45rem;font-size:.85rem}.auth-page{max-width:36rem}.auth-card{margin-top:1.5rem}.auth-card h1{font-size:1.35rem}.auth-users{gap:.5rem;margin:.9rem 0 0;display:grid}.auth-user{text-align:left;background:var(--panel-2);flex-wrap:wrap;align-items:baseline;gap:.6rem;width:100%;padding:.7rem .9rem;display:flex}.auth-user-name{font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bottom-nav,.sheet,.sheet-backdrop{display:none}html{scroll-padding-top:4rem}input,select,textarea,button{font-size:16px}@media (width<=720px){.topbar{position:static}.topbar-inner{align-items:center;gap:.4rem .8rem;padding:.55rem 1rem}.topbar-inner .nav,.topbar-inner .topbar-user{display:none}.page{padding:1rem 1rem calc(4.6rem + env(safe-area-inset-bottom))}.footer{display:none}h1{text-wrap:balance;font-size:1.35rem}h2{font-size:1.15rem}.card{border-radius:12px;padding:.9rem .95rem}fieldset{padding:.6rem .7rem}button,.btn{min-height:44px;padding-inline:1.05rem}.btn-sm{min-height:36px}.row>button.primary,.row>.btn-primary{flex:100%;justify-content:center}.row>button:not(.primary):not(.quiet),.row>.btn:not(.btn-primary):not(.btn-quiet){flex:45%;justify-content:center}.choice{gap:.75rem;margin-bottom:.55rem;padding:.75rem .8rem}.choice input{width:1.25rem;height:1.25rem;margin-top:.2rem}textarea{min-height:9rem}.prose p,blockquote.quote .quote-tr{font-size:1.04rem}.score{grid-template-columns:6.2rem 1fr 2.4rem;font-size:.8rem}.chat{max-height:50vh}.grade{padding:.85rem .9rem}.bottom-nav{inset-inline:0;z-index:30;background:var(--panel);border-top:1px solid var(--line);padding:.25rem .25rem calc(.25rem + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;box-shadow:0 -4px 16px #1c1a160f}.bottom-nav .tab{min-height:50px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.2rem .1rem;font-size:.7rem;font-weight:500;line-height:1.1;text-decoration:none;display:flex}.bottom-nav .tab.active{color:var(--accent);background:var(--accent-soft);font-weight:650}.bottom-nav .tab-icon{font-size:1.15rem;line-height:1}.bottom-nav .tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sheet-backdrop{z-index:25;background:#00000059;display:block;position:fixed;inset:0}.sheet{inset-inline:0;bottom:calc(50px + .5rem + env(safe-area-inset-bottom));z-index:26;background:var(--panel);border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding:.6rem .8rem .9rem;position:fixed;box-shadow:0 -8px 30px #1c1a161f}.sheet.open{display:block}.sheet nav{gap:.15rem;display:grid}.sheet-item{min-height:46px;color:var(--text);border-radius:10px;align-items:center;gap:.7rem;padding:.3rem .5rem;font-weight:500;text-decoration:none;display:flex}.sheet-item.active{background:var(--accent-soft);font-weight:650}.sheet-icon{text-align:center;width:1.4rem;color:var(--muted)}.sheet-row{border-top:1px solid var(--line);align-items:center;gap:.6rem;margin-top:.6rem;padding-top:.6rem;display:flex}.sheet-row .locale-select{min-height:44px}.sheet-row button{flex:1;justify-content:center}}@media (prefers-reduced-motion:no-preference){.sheet.open{animation:.16s ease-out sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}