:root{color-scheme:light;--bg: #fafaf7;--surface: #ffffff;--surface-2: #f3f2ec;--ink: #2a2a35;--muted: #6a6a78;--faint: #9a9aa6;--line: #e6e4da;--accent: #1f7a7a;--accent-ink: #0e5757;--accent-wash: #e7f1f0;--danger: #a04060;--k-node: #4a5a8a;--k-pattern: #208080;--k-mechanism: #7050a0;--k-skill: #806020;--k-framework: #6060c0;--k-diagnosis: #a04060;--k-experiential: #c08020;--radius: 14px;--radius-sm: 10px;--tap: 44px;--maxw: 760px;--nav-h: 58px;--shadow-1: 0 1px 2px rgba(40, 40, 53, .06), 0 2px 8px rgba(40, 40, 53, .05);--shadow-2: 0 6px 24px rgba(40, 40, 53, .14);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3{margin:0;font-weight:650;line-height:1.2}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.app{display:flex;flex-direction:column;height:100dvh;max-width:var(--maxw);margin:0 auto;background:var(--bg)}.app-main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px)}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}.topbar h1{font-size:19px}.topbar .sub{color:var(--muted);font-size:13px}.page{padding:14px 16px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:20}.nav-item{flex:1;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;height:var(--nav-h);color:var(--muted);text-decoration:none;font-size:11px;letter-spacing:.01em}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:14px}.card+.card{margin-top:10px}.card-title{font-size:15px;font-weight:650}.card-desc{color:var(--muted);font-size:13.5px;line-height:1.45;margin-top:4px}.section-title{font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin:18px 2px 8px}.muted{color:var(--muted)}.faint{color:var(--faint)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}.pill-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pill.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c, var(--muted))}.btn{min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.btn:active{transform:scale(.985)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.5;cursor:default}.placeholder{color:var(--muted);text-align:center;padding:48px 24px;line-height:1.5}.notice{background:#f7ece9;border:1px solid #e8cfc8;color:var(--danger);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;line-height:1.45;margin-bottom:12px}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card.tap{display:block;width:100%;text-align:left;font:inherit;cursor:pointer}.row{display:flex;align-items:center;gap:8px;justify-content:space-between}.counts{color:var(--faint);font-size:12.5px;margin-top:8px}.clamp{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lens-note{color:var(--muted);font-size:13px;margin:2px 2px 12px;line-height:1.45}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--c, var(--k-node))}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg: #16161a;--surface: #1e1e24;--surface-2: #26262e;--ink: #e4e3dc;--muted: #a3a3af;--faint: #74747f;--line: #34343d;--accent: #4fb0ab;--accent-ink: #7fcfca;--accent-wash: #1b2c2b;--danger: #d4889e;--k-node: #8a99c8;--k-pattern: #4fb0ab;--k-mechanism: #a98fd0;--k-skill: #c4a45a;--k-framework: #9090e0;--k-diagnosis: #d4889e;--k-experiential: #d0a85a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .32), 0 2px 8px rgba(0, 0, 0, .28);--shadow-2: 0 6px 24px rgba(0, 0, 0, .5)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}