:root{color-scheme:light dark;--bg: #fbfaf8;--panel: #ffffff;--panel-2: #f4f2ee;--ink: #1c1a17;--ink-soft: #5d574e;--ink-faint: #8b8378;--line: #e3ded5;--line-strong: #cfc8bc;--accent: #a8452b;--accent-soft: #f6e8e3;--ok: #2f6b46;--warn: #9a6510;--cat-technique: #2f6b8f;--cat-connection: #7a3f9d;--cat-pattern: #a8452b;--cat-musicality: #2f6b46;--cat-styling: #9a6510;--cat-other: #6b6459;--lvl-1: #2f7a4e;--lvl-2: #2f6b9f;--lvl-3: #a2690f;--lvl-4: #a8352b;--ent-concepts: #4c5bbd;--ent-drills: #1f7a58;--ent-classes: #b8651a;--ent-plans: #8a3f9d;--ent-videos: #b8324f;--ent-workshops: #2f7d9c;--ent-events: #75705f;--ent-other: #8b8378;--radius: 7px;--shadow: 0 1px 2px rgba(28, 26, 23, .06), 0 4px 14px rgba(28, 26, 23, .05);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root{--bg: #16151a;--panel: #1e1d23;--panel-2: #26252c;--ink: #eae7e1;--ink-soft: #a9a49b;--ink-faint: #7d786f;--line: #322f38;--line-strong: #443f4c;--accent: #e08163;--accent-soft: #2f2320;--ok: #6cbf8f;--warn: #d9a441;--cat-technique: #6fa8cd;--cat-connection: #b489d6;--cat-pattern: #e08163;--cat-musicality: #6cbf8f;--cat-styling: #d9a441;--cat-other: #9b958a;--lvl-1: #6cbf8f;--lvl-2: #7db4e3;--lvl-3: #dfa645;--lvl-4: #ec8272;--ent-concepts: #939cf0;--ent-drills: #56c295;--ent-classes: #e0a44a;--ent-plans: #c99ae0;--ent-videos: #ef8098;--ent-workshops: #6fb6d4;--ent-events: #a9a291;--ent-other: #9b958a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.app{display:grid;grid-template-columns:232px 1fr;min-height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:block;font-weight:650;letter-spacing:-.02em;font-size:1.05rem}.brand span{display:block;color:var(--ink-faint);font-size:.72rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.nav{display:flex;flex-direction:column;gap:1px}.nav-label{color:var(--ink-faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin:12px 0 4px 8px}.nav a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;border-radius:var(--radius);color:var(--ink-soft);font-size:.9rem}.nav a:hover{background:var(--panel-2);text-decoration:none;color:var(--ink)}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:550}.nav .count{font-size:.75rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.nav .nav-name{display:flex;align-items:center;gap:9px;min-width:0}.main{min-width:0;padding:24px 30px 80px}.page-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.page-head .sub{color:var(--ink-soft);font-size:.9rem;margin-top:3px}.page-head .spacer{flex:1}.btn{border:1px solid var(--line-strong);background:var(--panel);border-radius:var(--radius);padding:6px 12px;cursor:pointer;font-size:.87rem;line-height:1.4;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn:hover{border-color:var(--ink-faint)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:8px;flex-wrap:wrap}input[type=text],input[type=number],input[type=search],select,textarea{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);padding:6px 9px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}textarea{resize:vertical;font-family:var(--mono);font-size:.85rem;line-height:1.6}.search-box{position:relative}.search-results{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-height:60vh;overflow-y:auto;padding:4px}.search-results a{display:block;padding:6px 8px;border-radius:5px;font-size:.88rem}.search-results a:hover{background:var(--panel-2);text-decoration:none}.search-results .where{color:var(--ink-faint);font-size:.75rem}.chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:20px;background:var(--panel-2);border:1px solid var(--line);font-size:.75rem;color:var(--ink-soft);white-space:nowrap}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button.chip{cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:5px}.lvl-1{--tone: var(--lvl-1)}.lvl-2{--tone: var(--lvl-2)}.lvl-3{--tone: var(--lvl-3)}.lvl-4{--tone: var(--lvl-4)}.lvl-x{--tone: var(--ink-faint)}.ent-concepts{--tone: var(--ent-concepts)}.ent-drills{--tone: var(--ent-drills)}.ent-classes{--tone: var(--ent-classes)}.ent-plans{--tone: var(--ent-plans)}.ent-videos{--tone: var(--ent-videos)}.ent-workshops{--tone: var(--ent-workshops)}.ent-events{--tone: var(--ent-events)}.ent-other{--tone: var(--ent-other)}.chip.level,.chip.ent{font-weight:600;color:var(--tone, var(--ink-soft));border-color:color-mix(in srgb,var(--tone, var(--line-strong)) 40%,transparent);background:color-mix(in srgb,var(--tone, var(--panel-2)) 12%,transparent)}.chip.level{font-variant-numeric:tabular-nums;letter-spacing:.02em}a.chip.ent:hover,a.chip.level:hover{text-decoration:none;background:color-mix(in srgb,var(--tone) 20%,transparent)}.ent-dot,.swatch{display:inline-block;flex:none;align-self:center;background:var(--tone, var(--ink-faint))}.ent-dot{width:7px;height:7px;border-radius:50%}.swatch{width:9px;height:9px;border-radius:2px}.ent-name{color:var(--tone, var(--ink-faint));font-weight:600}.cat{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.cat-technique{color:var(--cat-technique)}.cat-connection{color:var(--cat-connection)}.cat-pattern{color:var(--cat-pattern)}.cat-musicality{color:var(--cat-musicality)}.cat-styling{color:var(--cat-styling)}.cat-other{color:var(--cat-other)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.panel h2{margin:0 0 10px;font-size:.95rem;letter-spacing:-.01em}.panel h3{margin:16px 0 6px;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1fr 1fr}.grid.stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.stat .n{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat .k{color:var(--ink-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.browse{display:grid;grid-template-columns:216px 1fr;gap:20px;align-items:start}.filters{position:sticky;top:18px;display:flex;flex-direction:column;gap:14px}.filter-group h3{margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint)}.filter-group .options{display:flex;flex-direction:column;gap:1px;max-height:240px;overflow-y:auto}.filter-opt{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:3px 7px;border-radius:5px;cursor:pointer;font-size:.84rem;border:none;background:none;text-align:left;width:100%;color:var(--ink-soft)}.filter-opt:hover{background:var(--panel-2);color:var(--ink)}.filter-opt.on{background:var(--accent-soft);color:var(--accent);font-weight:550}.filter-opt .n{font-size:.74rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.filter-opt .opt-name{display:flex;align-items:center;gap:7px;min-width:0}.list{display:flex;flex-direction:column;gap:8px}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:11px 14px}.card:hover{border-color:var(--line-strong);text-decoration:none}.card .row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.card .title{font-weight:570;letter-spacing:-.01em}.card .excerpt{color:var(--ink-soft);font-size:.85rem;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .meta{color:var(--ink-faint);font-size:.78rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.video-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:block}.video-card:hover{border-color:var(--line-strong);text-decoration:none}.video-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--panel-2)}.video-card .body{padding:8px 10px}.video-card .t{font-size:.83rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-card .m{color:var(--ink-faint);font-size:.74rem;margin-top:4px}.detail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:18px}.prose{max-width:68ch}.prose h1{font-size:1.45rem;margin:0 0 8px;letter-spacing:-.02em}.prose h2{font-size:1.05rem;margin:26px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--line)}.prose h3{font-size:.95rem;margin:18px 0 6px}.prose p{margin:10px 0}.prose ul,.prose ol{padding-left:1.3rem;margin:10px 0}.prose li{margin:4px 0}.prose code{background:var(--panel-2);padding:.1em .35em;border-radius:4px;font-family:var(--mono);font-size:.86em}.prose blockquote{margin:12px 0;padding:2px 14px;border-left:3px solid var(--line-strong);color:var(--ink-soft)}.prose em{color:var(--ink-soft)}.prose table{border-collapse:collapse;width:100%;font-size:.88rem;margin:12px 0}.prose th,.prose td{border:1px solid var(--line);padding:5px 8px;text-align:left}.prose th{background:var(--panel-2)}.prose a{color:var(--accent)}.stub-list{display:flex;flex-direction:column;gap:3px}.stub{display:flex;align-items:baseline;gap:7px;padding:4px 7px;border-radius:5px;font-size:.86rem;color:var(--ink-soft)}.stub:hover{background:var(--panel-2);color:var(--ink);text-decoration:none}.stub .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stub.missing{color:var(--accent);font-style:italic}.embed{position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden;background:#000;margin:12px 0}.embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.editor{display:flex;flex-direction:column;gap:12px}.field{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:start}.field>label{color:var(--ink-soft);font-size:.82rem;padding-top:7px}.field .hint{color:var(--ink-faint);font-size:.75rem;margin-top:3px}.token-input{display:flex;flex-wrap:wrap;gap:5px;padding:4px;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius)}.token-input input{border:none;padding:2px 4px;flex:1;min-width:90px;background:none}.token-input input:focus{outline:none}.token{display:inline-flex;align-items:center;gap:4px;background:var(--panel-2);border:1px solid var(--line);border-radius:20px;padding:1px 4px 1px 9px;font-size:.78rem}.token button{border:none;background:none;cursor:pointer;color:var(--ink-faint);padding:0 3px;line-height:1;font-size:.95rem}.token button:hover{color:var(--accent)}.suggestions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px}.bar .spacer{flex:1}.saved{color:var(--ok);font-size:.83rem}.error{color:var(--accent);font-size:.85rem}.months{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:14px}.month{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px;min-height:130px}.month.drag-over{border-color:var(--accent);background:var(--accent-soft)}.month h3{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);display:flex;justify-content:space-between}.slot{background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:6px 9px;font-size:.84rem;cursor:grab;display:flex;align-items:baseline;gap:7px}.slot:active{cursor:grabbing}.slot.dragging{opacity:.4}.slot .w{color:var(--ink-faint);font-size:.75rem;font-variant-numeric:tabular-nums}.slot .x{margin-left:auto;border:none;background:none;cursor:pointer;color:var(--ink-faint);padding:0 2px}.slot .x:hover{color:var(--accent)}.slot.gap{border-color:var(--warn)}.gap-note{color:var(--warn);font-size:.78rem}.pool{display:flex;flex-wrap:wrap;gap:6px}.tone-edge{border-left:3px solid var(--tone, var(--line))}.empty{color:var(--ink-faint);font-size:.88rem;padding:16px 0}.loading{color:var(--ink-faint);font-size:.88rem;padding:24px 0}.mono{font-family:var(--mono);font-size:.82rem;color:var(--ink-faint)}.pill-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}hr.sep{border:none;border-top:1px solid var(--line);margin:18px 0}@media (max-width: 1080px){.detail{grid-template-columns:1fr}.aside{position:static}}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.browse{grid-template-columns:1fr}.filters{position:static}.main{padding:18px 16px 60px}.field{grid-template-columns:1fr}.field>label{padding-top:0}}