:root{--page:#0b0b0a;--bg:#111110;--surface:#1a1918;--raised:#222120;--text:#ede9e3;--soft:#c9c3b9;--muted:#8d877e;--line:#2e2c29;--accent:#86c5bb;--accent-deep:#2b4a46;--accent-text:#0f1a19;--question:#a3cdc6;--gold:#e6c27a;--gold-deep:#3d3220;--ok:#9bd3a8;--warn:#f0a07a;--error:#ff8a8f;--dim:#4a4640;--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Oswald", "Arial Narrow", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}*{box-sizing:border-box}body{background:var(--page);color:var(--text);margin:0}main{max-width:46rem;margin:0 auto;padding:1rem 1rem 6rem}h1{letter-spacing:-.02em;margin:.75rem 0 1rem;font-size:2rem;font-weight:600;line-height:1.2}h2{font-size:1.1rem;font-weight:600}.muted,.instructions,.level-description{color:var(--muted)}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:.6rem;min-height:2.75rem;padding:.6rem 1.2rem;font-weight:600}button:disabled{opacity:.55;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button.secondary{color:var(--accent);border-color:var(--line);background:0 0;font-weight:500}button.secondary:hover{border-color:var(--accent)}button.link{color:var(--muted);background:0 0;border:none;min-height:auto;padding:.25rem 0;font-weight:500}button.link:hover{color:var(--text)}.app-header{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0b0b0ad9;justify-content:space-between;align-items:center;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.brand{min-height:auto;font-size:1rem;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:0 0;border:none;border-radius:0;padding:0;font-weight:600}.signin{text-align:center;max-width:30rem;padding-top:18vh}.signin h1{font-family:var(--serif);font-size:clamp(2.2rem,7vw,3rem);font-weight:300}.signin p{color:var(--soft);margin-bottom:2rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.home-head{margin:.5rem 0 1.5rem}.home-head h1{font-family:var(--serif);margin:0;font-size:clamp(2.2rem,6vw,3rem);font-weight:300}.home-head p{margin:.25rem 0 0}.tiles{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.tile{border:1px solid var(--line);background:linear-gradient(160deg, var(--raised), var(--surface) 70%);height:100%;color:var(--text);border-radius:1rem;align-content:start;gap:.5rem;padding:1.25rem 1.3rem 1.4rem;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.tile:hover{border-color:var(--accent);transform:translateY(-2px)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tile-icon{width:2rem;height:2rem;color:var(--gold)}.tile-title{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:1.45rem;font-weight:600;line-height:1.2}.tile-description{color:var(--soft);font-size:.95rem}.books{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.book{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:.8rem;grid-template-columns:4rem 1fr;align-items:start;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:border-color .15s;display:grid}.book-cover{aspect-ratio:2/3;object-fit:cover;border-radius:.25rem;width:4rem;box-shadow:0 2px 6px #00000059}.book-text{gap:.2rem;display:grid}.book:hover{border-color:var(--accent)}.book:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.book-title{font-family:var(--serif);color:var(--accent);font-size:1.2rem;font-weight:600}.book-subtitle{color:var(--soft);font-size:.95rem}.book-separator{color:var(--line);margin:0 .5rem}.book-author{color:var(--soft);font-size:.9rem}.level{border:1px solid var(--line);background:var(--surface);border-radius:1rem;margin:0 0 1rem;padding:1.1rem 1.25rem 1.25rem}.level legend{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:0 .4rem;font-size:1.6rem;font-weight:600;line-height:1.2}.level-description{margin:.25rem 0 .75rem;font-size:.92rem}.behaviors,.chips{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--line);background:var(--raised);color:var(--soft);border-radius:999px;align-items:center;padding:.3rem .85rem;font-size:.88rem;display:inline-flex}label.chip{cursor:pointer}label.chip:hover{border-color:var(--muted)}.chip input{opacity:0;width:1px;height:1px;position:absolute}.chip:has(input:checked){background:var(--accent-deep);border-color:var(--accent);color:var(--text)}.chip:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.chip.strong{background:var(--gold-deep);color:var(--gold);border-color:#6b5530;font-weight:600}.chip.strong:before{content:"★ ";white-space:pre}.field{gap:.35rem;margin:1.1rem 0;display:grid}.field>span{color:var(--question);font-weight:600}textarea{font-family:var(--serif);border:1px solid var(--line);border-left:2px solid var(--gold);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:.5rem;padding:.6rem .9rem;font-size:1.1rem;font-style:italic;line-height:1.6}select{font:inherit;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:.5rem;padding:.6rem .75rem}textarea:focus,select:focus{border-color:var(--accent);outline:none}.yes-no{gap:.5rem;display:flex}.context{border-left:2px solid var(--gold);background:var(--surface);border-radius:0 .75rem .75rem 0;padding:.75rem 1.1rem}.context h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.72rem}.submit-bar{background:linear-gradient(transparent, var(--page) 35%);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 0 .9rem;display:flex;position:sticky;bottom:0}.error{color:var(--error);flex-basis:100%;margin:0}.notice{background:var(--gold-deep);color:var(--gold);border-radius:.5rem;padding:.5rem .75rem}.qa{gap:1.4rem;margin:0;display:grid}.qa dt{color:var(--question);letter-spacing:-.005em;font-size:1rem;font-weight:600}.qa dd{border-left:2px solid var(--gold);font-family:var(--serif);color:var(--text);white-space:pre-wrap;margin:.2rem 0 0 1.25rem;padding:.05rem 0 .05rem 1rem;font-size:1.2rem;font-style:italic;line-height:1.6}.unanswered{font-family:var(--sans);color:var(--muted);font-size:.9rem;font-style:normal}.note{color:var(--muted);margin:1.25rem 0 0;font-size:.82rem;font-style:italic}.entry-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem;margin-bottom:1rem;display:flex}.entry-head h1{margin:0}.cards{background:var(--line);border:1px solid var(--line);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:1.25rem;display:grid;overflow:hidden}@media (width<=30rem){.cards{grid-template-columns:1fr}}.card{background:var(--surface);padding:.9rem 1.1rem}.card .k{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.card .v{margin-top:.5rem;font-size:1.1rem;font-weight:500;line-height:1.4}.card .big{color:var(--accent);letter-spacing:-.01em;font-size:1.9rem;font-weight:600;display:block}.card.hero{background:linear-gradient(135deg, #1d2a28, var(--surface) 60%);grid-column:1/-1;padding:1.1rem 1.1rem 1.2rem}.card.hero .v{font-family:var(--serif);font-size:1.5rem;font-weight:300}.card.ok .v{color:var(--ok)}.card.warn .v{color:var(--warn)}.scale-bars{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:1rem;display:grid}.scale-bars span{background:var(--dim);border-radius:999px;height:.4rem}.scale-bars span.on{background:var(--accent);box-shadow:0 0 12px var(--accent)}.scale.compact .scale-bars{gap:3px;margin-top:.4rem}.scale.compact .scale-bars span{height:.3rem}.scale-labels{color:var(--muted);text-align:center;grid-template-columns:repeat(7,1fr);margin-top:.4rem;font-size:.68rem;font-weight:600;display:grid}.tabs{border-bottom:1px solid var(--line);gap:1.75rem;display:flex;overflow:auto hidden}.tab{min-height:auto;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.75rem 0;font-size:.95rem;font-weight:500}.tab:hover{color:var(--soft)}.tab.on{color:var(--text);border-bottom-color:var(--accent)}.panel{padding:1.1rem 0 0}.level-block+.level-block{margin-top:2rem}.level-title{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:1.6rem;font-weight:600;line-height:1.2}.level-block .chips{margin:.6rem 0 1.1rem}.history{gap:.6rem;padding:0;list-style:none;display:grid}.history-row{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:1rem;grid-template-columns:1fr auto;align-items:start;gap:.5rem 1.25rem;padding:.9rem 1.1rem;font-weight:400;display:grid}.history-row:hover{border-color:var(--accent)}.row-date{line-height:1.3;display:grid}.row-day{letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.row-date .muted{font-size:.78rem}.row-level{justify-items:end;min-width:7.5rem;display:grid}.row-level .level-name{color:var(--accent);font-weight:600}.row-level .scale{width:100%}.row-commitment{font-family:var(--serif);color:var(--text);border-left:2px solid var(--gold);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;padding-left:.8rem;font-size:1.05rem;font-style:italic;line-height:1.5;display:-webkit-box;overflow:hidden}.row-meta{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.4rem;display:flex}.row-meta .chip{padding:.18rem .7rem;font-size:.8rem}.row-tag{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.18rem .7rem;font-size:.8rem}.row-tag.ok{color:var(--ok)}.row-tag.warn{color:var(--warn)}.trend{background:var(--surface);border:1px solid var(--line);border-radius:1rem;margin-bottom:1.25rem;padding:.9rem 1.1rem}.trend h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.7rem}.trend svg{width:100%;height:auto}.trend .grid{stroke:var(--line)}.trend .axis{fill:var(--muted);font-size:13px;font-family:var(--sans)}.trend .series{fill:none;stroke:var(--accent);stroke-width:2.5px}.trend .point{fill:var(--accent);stroke:var(--surface);stroke-width:2px}.side-nav{z-index:1;background:var(--page);border-bottom:1px solid var(--line);position:sticky;top:3.2rem}.side-nav ul{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.side-nav button{width:100%;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .25rem .35rem;font-size:.75rem;font-weight:500;display:flex}.side-nav button[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.nav-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=900px){.layout{grid-template-columns:14rem minmax(0,1fr);gap:2rem;max-width:68rem;margin:0 auto;display:grid}.side-nav{background:0 0;border-bottom:none;align-self:start;padding-top:1.75rem;top:4rem}.side-nav ul{flex-direction:column;gap:.15rem;display:flex}.side-nav button{text-align:left;border-bottom:none;border-left:2px solid var(--line);flex-direction:row;padding:.5rem .9rem;font-size:.95rem}.side-nav button:hover{color:var(--soft)}.side-nav button[aria-current=page]{color:var(--text);border-left-color:var(--gold)}.nav-icon,.nav-short{display:none}.nav-title{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.layout main{max-width:48rem;margin:0}.layout.no-nav{display:block}.layout.no-nav main{margin:0 auto}}