:root{--ink:#152438;--ink-soft:#506579;--paper:#f5fbfd;--paper-bright:#fff;--paper-deep:#e7f3f7;--persimmon:#d41491;--persimmon-dark:#9c0868;--moss:#007b91;--gold:#667300;--lavender:#7455d9;--line:#1066803d;--shadow:0 18px 48px #1843571a, 0 2px 10px #147d940f;--sans:"DM Sans", "Aptos", "Segoe UI", sans-serif;--serif:"Noto Serif JP", "Yu Mincho", serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility}html[data-theme=dark]{--ink:#f2fcff;--ink-soft:#bdd3dc;--paper:#05070d;--paper-bright:#0b1020;--paper-deep:#11182a;--persimmon:#ff2bd6;--persimmon-dark:#ff91eb;--moss:#58efff;--gold:#e5ff65;--lavender:#ad91ff;--line:#53e2ff47;--shadow:0 18px 55px #00eaff17, 0 0 30px #ff2bd60d}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.12;z-index:10;background-image:linear-gradient(#00eaff3d 1px,#0000 1px),linear-gradient(90deg,#00eaff3d 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e15d4352}.app-frame{grid-template:76px 1fr/224px minmax(0,1fr);min-height:100vh;display:grid}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f3e9e6;grid-column:1/-1;grid-template-columns:224px minmax(280px,560px) 1fr;align-items:center;height:76px;display:grid;position:sticky;top:0}.brand{border-right:1px solid var(--line);align-items:center;gap:10px;height:100%;padding:0 24px;text-decoration:none;display:flex}.brand-mark{border:1px solid var(--moss);background:#090d19;border-radius:8px 15px;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden;transform:skew(-5deg);box-shadow:0 0 14px #00eaff61,inset 0 0 18px #ff2bd624}.brand-mark:before,.brand-mark:after{content:"";background:var(--persimmon);width:23px;height:1px;box-shadow:0 0 7px var(--persimmon);position:absolute;transform:rotate(45deg)}.brand-mark:after{transform:rotate(-45deg)}.brand-mark i{z-index:1;border:1px solid var(--moss);background:#05070d;border-radius:50%;width:17px;height:9px;position:relative;box-shadow:0 0 8px #00eaffcc}.brand-mark i:after{content:"";background:var(--gold);width:4px;height:4px;box-shadow:0 0 7px var(--gold);border-radius:50%;position:absolute;top:2px;left:6px}.brand-word{font:700 22px var(--serif);letter-spacing:.04em}.brand-dot{color:var(--ink-soft);font-size:10px;display:none}.global-search{border:1px solid var(--line);color:#788586;background:#fffdf7b8;border-radius:12px;align-items:center;gap:10px;max-width:520px;height:42px;margin-left:28px;padding:0 12px;transition:all .2s;display:flex}.global-search:focus-within{background:var(--paper-bright);border-color:#e15d4380;box-shadow:0 0 0 4px #e15d4314}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.global-search input::placeholder{color:#879293}kbd{border:1px solid var(--line);background:var(--paper);color:#7c8887;font:600 11px var(--sans);border-bottom-width:2px;border-radius:6px;padding:3px 7px}.top-actions{justify-content:flex-end;align-items:center;gap:10px;padding-right:24px;display:flex}.capture-button,.primary-button{color:#fff;background:var(--persimmon);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 7px 16px #b83f2c33}.capture-button{height:40px;padding:0 17px}.capture-button:hover,.primary-button:hover{background:var(--persimmon-dark);transform:translateY(-1px)}.profile-button,.mobile-menu,.icon-button{border:1px solid var(--line);cursor:pointer;background:#fffdf7b3;border-radius:10px;place-items:center;display:grid}.profile-button{width:40px;height:40px}.user-chip{border:1px solid var(--line);height:40px;color:var(--ink-soft);cursor:pointer;background:#0b1020e0;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.user-chip:hover{border-color:var(--persimmon);color:var(--persimmon-dark);box-shadow:0 0 15px #ff2bd61f}.mobile-menu{width:40px;height:40px;display:none}.sidebar{border-right:1px solid var(--line);background:#efe9d975;flex-direction:column;height:calc(100vh - 76px);padding:28px 18px;display:flex;position:sticky;top:76px}.sidebar nav{gap:6px;display:grid}.sidebar nav a{color:#536466;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.sidebar nav a.router-link-active{color:var(--ink);background:var(--paper-bright);box-shadow:0 3px 12px #202c280d}.sidebar nav a.router-link-active svg{color:var(--persimmon)}.sidebar-note{border:1px solid var(--line);background:var(--paper-bright);border-radius:14px;margin-top:auto;padding:17px;position:relative;overflow:hidden;box-shadow:0 10px 30px #212c280d}.note-kicker,.eyebrow{color:var(--persimmon-dark);letter-spacing:.14em;font-size:10px;font-weight:800}.sidebar-note strong{font:600 15px var(--serif);margin-top:8px;display:block}.sidebar-note p{color:var(--ink-soft);font:500 16px var(--serif);margin:5px 0 12px}.thread-line{align-items:center;display:flex}.thread-line i{border:2px solid var(--paper-bright);background:var(--persimmon);border-radius:50%;width:8px;height:8px}.thread-line i+i{background:var(--moss);margin-left:15px}.thread-line i+i:before{content:"";background:#aeb8b3;width:17px;height:1px;margin:2px 0 0 -17px;position:absolute}.thread-line i+i+i{background:var(--gold)}.capture-hint{text-align:center;color:#778483;margin:18px 0 0;font-size:11px}.capture-hint kbd{margin-right:5px}.main-content{min-width:0}.page-shell{width:min(1220px,100%);margin:0 auto;padding:50px 48px 80px}h1,h2,p{margin-top:0}h1{font:600 clamp(36px, 4.1vw, 62px)/1.08 var(--serif);letter-spacing:-.035em;margin-bottom:18px}h1 em{color:var(--persimmon);font-style:normal}h2{font:600 23px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:0}.section-block{margin-top:58px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading>div{align-items:center;gap:14px;display:flex}.section-heading p{color:#708081;margin:4px 0 0;font-size:13px}.section-heading>a{color:var(--persimmon-dark);align-items:center;gap:5px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.section-number{border:1px solid var(--line);width:34px;height:34px;color:var(--persimmon-dark);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.type-label{color:var(--persimmon-dark);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag-row span{border:1px solid var(--line);color:#5d6e6e;background:#ffffff73;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700}.welcome-block{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:50px;display:grid}.welcome-block h1{margin-top:15px}.welcome-block>div:first-child>p{max-width:570px;color:var(--ink-soft);margin:0;font-size:17px;line-height:1.65}.today-card{border:1px solid var(--line);background:var(--paper-bright);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:48px 1fr 1px 1fr;align-items:center;gap:16px;padding:20px;display:grid}.today-seal{border:2px solid var(--persimmon);width:46px;height:46px;color:var(--persimmon);font:700 15px var(--serif);border-radius:50%;place-items:center;display:grid;transform:rotate(-7deg)}.today-card div{flex-direction:column;display:flex}.today-card strong{font:700 23px var(--serif)}.today-card div span{color:#788585;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.today-card>i{background:var(--line);width:1px;height:34px}.today-card p{border-top:1px solid var(--line);color:var(--moss);grid-column:1/-1;align-items:center;gap:7px;margin:3px 0 0;padding-top:13px;font-size:11px;font-weight:600;display:flex}.encounter-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.encounter-card{border:1px solid var(--line);background:var(--paper-bright);border-radius:16px;min-height:315px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 9px 28px #212c280d}.encounter-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.source-stripe{height:4px;position:absolute;inset:0 0 auto}.encounter-card header{grid-template-columns:32px 1fr auto;align-items:center;gap:10px;display:grid}.source-icon{color:#fff;background:var(--ink);width:30px;height:30px;font:600 12px var(--serif);border-radius:8px;place-items:center;display:grid}.encounter-card header div{display:grid}.encounter-card header strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.encounter-card header span,.encounter-card time{color:#819091;font-size:9px}.encounter-japanese{font:600 24px/1.55 var(--serif);margin:24px 0 8px}.translation{color:var(--ink-soft);margin:0;font-size:12px}.encounter-note{border-left:2px solid var(--gold);color:#667576;margin:18px 0;padding-left:12px;font-size:11px;line-height:1.55}.encounter-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;inset:auto 20px 17px}.encounter-card footer>span,.time-chip{color:#7d8989;align-items:center;gap:4px;font-size:10px;display:inline-flex}.linked-chips{gap:5px;display:flex}.linked-chips a{color:var(--persimmon-dark);font:600 11px var(--serif);background:#f6e4df;border-radius:6px;padding:4px 7px;text-decoration:none}.auto-link{color:inherit;text-underline-offset:4px;-webkit-text-decoration:underline #e15d437a;text-decoration:underline #e15d437a;text-decoration-thickness:2px;transition:color .15s}.split-section{grid-template-columns:1.05fr .95fr;gap:38px;display:grid}.compact-heading{margin-bottom:18px}.favorite-list{border:1px solid var(--line);background:var(--paper-bright);border-radius:16px;overflow:hidden}.favorite-row{grid-template-columns:65px 1fr auto;align-items:center;gap:15px;min-height:90px;padding:12px 18px;text-decoration:none;transition:background .18s;display:grid}.favorite-row+.favorite-row{border-top:1px solid var(--line)}.favorite-glyph{font:600 30px var(--serif);text-align:center}.favorite-row div{gap:3px;display:grid}.favorite-row strong{font:600 13px var(--serif)}.favorite-row small{color:#7b898a}.favorite-row svg{color:var(--persimmon)}.graph-block{min-width:0}.mini-graph{border:1px solid var(--line);background:radial-gradient(circle at 20% 20%, #e15d4314, transparent 35%), linear-gradient(#42665a0b 1px, transparent 1px), linear-gradient(90deg, #42665a0b 1px, transparent 1px), var(--paper-bright);background-size:auto,24px 24px,24px 24px,auto;border-radius:16px 16px 0 0;height:292px;position:relative;overflow:hidden}.graph-node{z-index:2;border:1px solid var(--line);background:var(--paper-bright);border-radius:50%;place-items:center;width:82px;height:82px;text-decoration:none;display:grid;position:absolute;box-shadow:0 7px 18px #212c281a}.graph-node b{font:600 28px var(--serif)}.graph-node small{color:#798786;font-size:8px}.node-nan{border-color:#e15d4380;top:42px;left:56px}.node-kan{border-color:#42665a80;top:150px;left:43%}.node-water{border-color:#d1a34bb3;top:45px;right:43px}.graph-line{z-index:1;transform-origin:0;background:#a6b2ad;height:1px;position:absolute}.line-a{width:135px;top:105px;left:127px;transform:rotate(35deg)}.line-b{width:118px;top:161px;left:57%;transform:rotate(-35deg)}.line-c{background:0 0;border-top:1px dashed #d2b7af;width:54%;top:90px;left:135px;transform:rotate(-2deg)}.graph-label{z-index:3;background:var(--paper);color:#7b8887;border-radius:5px;padding:3px 6px;font-size:8px;position:absolute}.label-a{top:110px;left:33%;transform:rotate(5deg)}.label-b{top:118px;right:26%}.graph-cta{border:1px solid var(--line);background:var(--paper-bright);color:var(--moss);border-top:0;border-radius:0 0 16px 16px;align-items:center;gap:7px;padding:13px 16px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.graph-cta svg:last-child{margin-left:auto}.insight-ribbon{background:#f7edcf;border:1px solid #d1a34b61;border-radius:14px;grid-template-columns:46px 1fr auto;align-items:center;gap:16px;margin-top:44px;padding:18px 22px;display:grid}.insight-icon{color:#fff;background:var(--gold);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.insight-ribbon p{color:var(--ink-soft);font:500 13px/1.5 var(--serif);margin:4px 0 0}.insight-ribbon a{color:var(--persimmon-dark)}.page-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-bottom:34px;display:flex}.page-intro h1{margin-top:13px}.page-intro p{max-width:660px;color:var(--ink-soft);margin-bottom:0;line-height:1.65}.library-intro h1 em{color:#879392;margin-left:12px;font-size:.45em}.library-count{align-items:center;gap:12px;padding-right:10px;display:flex}.library-count strong{color:var(--persimmon);font:700 46px var(--serif)}.library-count span{color:#798687;text-transform:uppercase;font-size:10px;line-height:1.3}.intro-actions{align-items:center;gap:22px;display:flex}.new-article-form>.field{margin-top:14px}.library-toolbar{justify-content:space-between;gap:20px;margin-top:27px;display:flex}.library-search{border:1px solid var(--line);background:var(--paper-bright);color:#7e8c8c;border-radius:10px;align-items:center;gap:9px;width:340px;height:42px;padding:0 13px;display:flex}.library-search input{background:0 0;border:0;outline:0;width:100%}.filter-pills{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.filter-pills button{border:1px solid var(--line);color:#607172;cursor:pointer;background:0 0;border-radius:99px;padding:8px 12px;font-size:11px}.filter-pills button.active{border-color:var(--ink);color:#fff;background:var(--ink)}.result-line{color:#819090;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin:30px 0 14px;font-size:10px;display:flex}.result-line span{color:var(--persimmon-dark);font-weight:800}.result-line i{background:var(--line);flex:1;height:1px}.article-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.article-card{border:1px solid var(--line);background:var(--paper-bright);border-radius:15px;flex-direction:column;min-height:300px;padding:19px;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.article-card:before{content:"";background:var(--persimmon);opacity:.75;height:3px;position:absolute;inset:0 0 auto}.article-card.kind-component:before{background:var(--gold)}.article-card.kind-grammar:before,.article-card.kind-expression:before{background:var(--moss)}.article-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.article-card header{color:var(--persimmon);justify-content:space-between;display:flex}.article-card-main{grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:23px;display:grid}.card-glyph{min-width:64px;font:600 42px var(--serif);text-align:center}.article-card-main .reading{color:#7b8a8b;font:500 11px var(--serif)}.article-card-main h2{margin-top:5px;font-size:15px;line-height:1.35}.personal-snippet{color:#607171;font:500 11px/1.55 var(--serif);margin:20px 0}.article-card .tag-row{margin-top:auto}.article-card footer{border-top:1px solid var(--line);color:#829090;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;font-size:9px;display:flex}.article-card footer span{align-items:center;gap:5px;display:flex}.article-card footer svg:last-child{color:var(--persimmon)}.back-link{color:#687979;align-items:center;gap:6px;margin-bottom:23px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.article-hero{border:1px solid var(--line);background:var(--paper-bright);border-radius:20px;grid-template-columns:180px 1fr auto;align-items:center;gap:35px;padding:30px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 40px #212c280f}.article-hero:after{content:"";border:24px solid #e15d430e;border-radius:50%;width:190px;height:190px;position:absolute;inset:auto -60px -80px auto}.hero-glyph-wrap{aspect-ratio:1;border:1px solid var(--line);background:#fbf7ed;border-radius:15px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-glyph{z-index:2;font:600 clamp(54px, 7vw, 86px) var(--serif);position:relative}.stroke-grid{opacity:.42;background:linear-gradient(45deg,#0000 49.6%,#cbd0c8 49.8% 50.2%,#0000 50.4%),linear-gradient(-45deg,#0000 49.6%,#cbd0c8 49.8% 50.2%,#0000 50.4%),linear-gradient(90deg,#0000 49.6%,#cbd0c8 49.8% 50.2%,#0000 50.4%),linear-gradient(#0000 49.6%,#cbd0c8 49.8% 50.2%,#0000 50.4%);position:absolute;inset:0}.hero-meta{color:#738282;align-items:center;gap:7px;font-size:10px;display:flex}.status-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.hero-copy h1{margin:9px 0 0;font-size:clamp(44px,6vw,72px)}.hero-reading{color:#6c7c7d;font:500 13px var(--serif);margin:0 0 9px}.hero-summary{font:600 17px var(--serif);margin:0 0 15px}.hero-actions{z-index:2;align-self:start;gap:8px;display:flex;position:relative}.icon-button{width:38px;height:38px}.secondary-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 13px;font-size:11px;font-weight:700;display:flex}.article-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:25px;display:grid}.article-primary{gap:20px;display:grid}.personal-panel,.content-panel,.aside-panel{border:1px solid var(--line);background:var(--paper-bright);border-radius:16px}.personal-panel,.content-panel{padding:25px}.panel-title,.aside-heading{align-items:center;gap:11px;display:flex}.ink-dot{background:var(--persimmon);border:3px solid #f5b6a9;border-radius:50%;width:12px;height:12px}.personal-lead{color:var(--ink);font:500 17px/1.75 var(--serif);margin:22px 0}.memory-hook{border-left:3px solid var(--gold);background:#f8efd8;border-radius:0 10px 10px 0;gap:12px;padding:15px;display:flex}.memory-hook svg{color:#b07e25;flex:none}.memory-hook span{color:#a27325;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800}.memory-hook p{font:500 12px/1.5 var(--serif);margin:4px 0 0}.first-seen{color:#7a8888;align-items:center;gap:7px;margin-top:17px;font-size:10px;display:flex}.first-seen strong{color:var(--ink-soft);margin-left:auto}.content-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.content-heading h2{margin-top:4px}.text-button{color:var(--persimmon-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.decomposition{padding:23px 12px 5px;position:relative}.decomposition-root{background:#fff9f2;border:1px solid #e15d4366;border-radius:50%;place-items:center;width:90px;height:90px;margin:auto;display:grid;box-shadow:0 7px 20px #212c2812}.decomposition-root span{font:600 39px var(--serif)}.decomposition-root small{color:#879291;font-size:8px}.branch-line{background:#bfc7c1;width:1px;height:28px;margin:0 auto}.component-nodes{grid-template-columns:repeat(2,1fr);gap:13px;display:grid;position:relative}.component-nodes:before{content:"";background:#bfc7c1;height:1px;position:absolute;top:-1px;left:25%;right:25%}.component-node{border:1px solid var(--line);color:inherit;background:var(--paper);border-radius:11px;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:13px;text-decoration:none;display:grid;position:relative}.component-node:before{content:"";background:#bfc7c1;width:1px;height:13px;position:absolute;bottom:100%;left:50%}.component-glyph{font:600 29px var(--serif);text-align:center}.component-node div{display:grid}.component-node strong{font:600 11px var(--serif)}.component-node small{color:#7c8989;font-size:8px}.origin-badge{color:var(--moss);text-transform:uppercase;background:#e2eee9;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:800}.component-caption{color:#849090;text-align:center;margin:15px 0 0;font-size:9px}.grammar-meaning{font:500 17px var(--serif);margin:22px 0}.register-badge,.count-badge{color:var(--moss);background:#e5eee9;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800}.formation-list{gap:8px;display:grid}.formation-list div{background:var(--paper);border-radius:9px;grid-template-columns:45px 1fr;align-items:center;padding:11px;display:grid}.formation-list span{color:#899493;font-size:8px;font-weight:800}.formation-list code{font:500 12px var(--serif)}.nuance-note{border-left:2px solid var(--moss);color:#5e706e;background:#eef2ea;gap:10px;margin:17px 0 0;padding:13px;font-size:11px;line-height:1.5;display:flex}.article-encounters>article{grid-template-columns:38px 1fr;gap:13px;padding:20px 0;display:grid}.article-encounters>article+article{border-top:1px solid var(--line)}.encounter-source-mark{color:#fff;width:36px;height:36px;font:600 13px var(--serif);border-radius:9px;place-items:center;display:grid}.encounter-source-line{align-items:center;gap:8px;display:flex}.encounter-source-line strong{font-size:11px}.encounter-source-line span,.encounter-source-line time{color:#839090;font-size:9px}.encounter-source-line time{margin-left:auto}.encounter-body .encounter-japanese{margin:13px 0 2px}.reading-line{color:#829090;font:500 10px var(--serif);margin:0 0 7px}.encounter-body .encounter-note{margin-bottom:9px}.inline-empty{color:#869191;text-align:center;padding:25px 0 5px;font-size:11px}.article-aside{align-content:start;gap:18px;display:grid}.aside-panel{padding:19px}.aside-heading{border-bottom:1px solid var(--line);padding-bottom:15px}.aside-heading svg{color:var(--persimmon)}.aside-heading h2{margin-top:3px;font-size:16px}.relationship-card{padding:16px 0;text-decoration:none;display:block}.relationship-card+.relationship-card{border-top:1px solid var(--line)}.relationship-type{color:var(--persimmon-dark);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.relationship-card>div{grid-template-columns:40px 1fr;align-items:center;gap:9px;margin-top:8px;display:grid}.relationship-card b{font:600 27px var(--serif);text-align:center}.relationship-card div span{display:grid}.relationship-card strong{font:600 11px var(--serif)}.relationship-card small{color:#7c8989;font-size:9px}.relationship-card p{color:#60706f;font:500 10px/1.5 var(--serif);margin:11px 0 7px}.origin-label{color:#8b9695;font-size:8px}.add-link-button{width:100%;height:37px;color:var(--moss);cursor:pointer;background:0 0;border:1px dashed #b7c0bb;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.reference-panel dl{margin:5px 0 0}.reference-panel dl div{border-bottom:1px solid var(--line);grid-template-columns:76px 1fr;gap:10px;padding:10px 0;display:grid}.reference-panel dt{color:#7f8c8c;font-size:9px}.reference-panel dd{font:500 11px/1.5 var(--serif);margin:0}.reference-panel>p{color:#929b99;text-align:center;margin:13px 0 0;font-size:8px}.sources-intro .primary-button{flex:none}.primary-button{min-height:40px;padding:0 16px}.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.new-source-form{border:1px solid var(--line);background:var(--paper-bright);box-shadow:var(--shadow);border-radius:16px;margin-top:22px;padding:23px}.new-source-form footer{justify-content:flex-end;gap:12px;margin-top:17px;display:flex}.source-stats{border:1px solid var(--line);background:#fffdf7a6;border-radius:13px;grid-template-columns:auto 1px auto 1fr;align-items:center;gap:25px;margin:30px 0;padding:17px 21px;display:grid}.source-stats div{display:grid}.source-stats strong{font:700 25px var(--serif)}.source-stats span{color:#819090;text-transform:uppercase;font-size:9px}.source-stats i{background:var(--line);width:1px;height:34px}.source-stats p{color:#6f7d7d;font:500 11px var(--serif);margin:0 0 0 auto}.source-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.source-card{border:1px solid var(--line);background:var(--paper-bright);border-radius:16px;min-height:290px;position:relative;overflow:hidden}.source-cover{color:#fff;justify-content:space-between;align-items:flex-end;height:105px;padding:18px;display:flex}.source-cover span{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.source-card-body{padding:19px}.source-card-body h2{margin-top:8px;font-size:17px}.source-card-body>p{color:#7b8989;min-height:32px;margin:6px 0 16px;font-size:11px}.source-card-body>div{border-top:1px solid var(--line);align-items:baseline;gap:6px;padding-top:14px;display:flex}.source-card-body>div strong{font:700 20px var(--serif)}.source-card-body>div span{color:#849190;font-size:9px}.source-card>a{color:var(--persimmon);position:absolute;bottom:15px;right:14px}.practice-stamp{border:2px solid var(--persimmon);width:105px;height:105px;color:var(--persimmon-dark);border-radius:49% 45% 51% 47%;place-items:center;display:grid;transform:rotate(5deg)}.practice-stamp strong{font:700 25px var(--serif)}.practice-stamp span{text-transform:uppercase;font-size:8px;font-weight:800}.practice-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:30px;display:grid}.quiz-card,.practice-queue{border:1px solid var(--line);background:var(--paper-bright);border-radius:17px}.quiz-card{padding:25px}.quiz-card>header{justify-content:space-between;align-items:center;display:flex}.quiz-progress{background:var(--paper-deep);border-radius:4px;height:4px;margin:16px 0 35px;overflow:hidden}.quiz-progress i{background:var(--persimmon);height:100%;transition:width .3s;display:block}.quiz-instruction{color:#768586;margin-bottom:10px;font-size:12px}.quiz-prompt{font:600 44px var(--serif);margin-bottom:28px;display:block}.quiz-answer{gap:7px;display:grid}.quiz-answer span,.field>span,.article-picker legend{color:#536566;letter-spacing:.04em;font-size:10px;font-weight:800}.quiz-answer input{border:1px solid var(--line);background:var(--paper);height:57px;font:500 22px var(--serif);border-radius:10px;outline:0;padding:0 15px}.answer-feedback{color:var(--persimmon-dark);background:#f8e6df;border-radius:10px;gap:12px;margin-top:15px;padding:14px;display:flex}.answer-feedback>span{place-items:center;display:grid}.answer-feedback strong{font:600 13px var(--serif)}.answer-feedback p{color:var(--ink-soft);margin:3px 0 0;font-size:10px}.quiz-card>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:23px;padding-top:17px;display:flex}.quiz-card>footer>span{color:#899493;font-size:9px}.practice-queue{padding:22px}.practice-queue h2{margin:6px 0 20px}.queue-item{border-radius:10px;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:11px;display:grid}.queue-item+.queue-item{margin-top:7px}.queue-item.active{background:#f6e5df}.queue-item>span{background:var(--paper);width:38px;height:38px;font:600 17px var(--serif);border-radius:9px;place-items:center;display:grid}.queue-item div{display:grid}.queue-item strong{font:600 11px var(--serif)}.queue-item small{color:#7d8b8b;font-size:9px}.practice-queue>p{border-top:1px solid var(--line);color:#7d8a8a;font:500 10px/1.5 var(--serif);margin:22px 0 0;padding-top:16px}.capture-dialog{width:min(720px,100vw - 30px);max-height:calc(100vh - 30px);color:var(--ink);background:var(--paper-bright);border:0;border-radius:20px;padding:0;overflow:auto;box-shadow:0 30px 90px #0f1e1f57}.capture-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1222239e}.capture-panel{padding:27px}.capture-panel>header{justify-content:space-between;align-items:start;margin-bottom:23px;display:flex}.capture-panel h2{margin-top:5px;font-size:27px}.field{gap:7px;min-width:0;display:grid}.field small{color:#95a09f;font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);border-radius:9px;outline:0;transition:all .18s}.field input,.field select{height:42px;padding:0 12px}.field textarea{resize:vertical;padding:11px 12px;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{background:#fffdf8;border-color:#e15d438c;box-shadow:0 0 0 4px #e15d4312}.featured-field textarea{font:500 24px/1.5 var(--serif)}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.form-row .compact{grid-template-columns:minmax(0,.55fr)}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;padding-right:35px}.select-wrap svg{pointer-events:none;position:absolute;top:13px;right:11px}.capture-panel>.field{margin-top:14px}.article-picker{border:0;margin:18px 0 0;padding:0}.article-picker legend small{color:#95a09f;margin-left:7px;font-weight:500}.selected-chips{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.selected-chips button{border:1px solid var(--line);background:var(--paper);color:#6e7c7c;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:9px;display:flex}.selected-chips button span{font:600 13px var(--serif)}.selected-chips button.selected{color:var(--persimmon-dark);background:#fae9e3;border-color:#e15d4380}.connection-summary{color:#748181;margin:10px 0 0;font-size:9px}.connection-summary span{color:var(--persimmon-dark);font-weight:800}.capture-panel>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:22px;padding-top:18px;display:flex}.capture-panel>footer p{color:#899493;align-items:center;gap:5px;margin:0;font-size:9px;display:flex}.save-celebration{min-height:300px;color:var(--moss);place-items:center;display:grid}.save-celebration strong{font:600 20px var(--serif);margin-top:10px}.form-error{color:var(--persimmon-dark);margin:12px 0 0;font-size:10px}.loading-page,.error-state,.empty-state{text-align:center;align-content:center;place-items:center;min-height:60vh;padding:40px;display:grid}.loading-monster,.error-state>span,.empty-state>span{color:var(--persimmon);font:600 54px var(--serif);animation:1.8s ease-in-out infinite breathe}.loading-page p,.error-state p,.empty-state p{color:#718080}.error-state h1{margin:14px 0 8px;font-size:32px}.error-state a{color:var(--persimmon-dark)}.empty-state{grid-column:1/-1;min-height:300px}.empty-state h2{margin:12px 0 5px}@keyframes breathe{50%{opacity:.72;transform:scale(1.08)rotate(-3deg)}}@media (width<=1050px){.app-frame{grid-template-columns:190px minmax(0,1fr)}.topbar{grid-template-columns:190px minmax(240px,1fr) auto}.brand{padding:0 18px}.global-search{margin-left:20px}.page-shell{padding-inline:30px}.encounter-grid,.article-grid,.source-grid{grid-template-columns:repeat(2,1fr)}.encounter-card:nth-child(3){display:none}.article-layout{grid-template-columns:minmax(0,1fr) 270px}.article-hero{grid-template-columns:150px 1fr}.hero-actions{grid-column:2}.split-section{grid-template-columns:1fr}}@media (width<=760px){.app-frame{display:block}.topbar{grid-template-columns:1fr auto;height:66px}.brand{border:0}.global-search{z-index:28;max-width:none;margin:0;display:none;position:fixed;top:76px;left:15px;right:15px}.capture-button{width:40px;padding:0;font-size:0}.profile-button{display:none}.mobile-menu{display:grid}.top-actions{padding-right:14px}.sidebar{z-index:27;visibility:hidden;width:100%;height:calc(100vh - 66px);transition:all .25s;position:fixed;top:66px;left:0;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:translate(0)}.page-shell{padding:33px 18px 70px}.welcome-block,.page-intro,.practice-layout{grid-template-columns:1fr;display:grid}.today-card{max-width:360px}.encounter-grid,.article-grid,.source-grid{grid-template-columns:1fr}.encounter-card:nth-child(3){display:block}.section-heading{align-items:start}.library-toolbar{display:grid}.library-search{width:100%}.filter-pills{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:5px;overflow-x:auto}.article-layout{grid-template-columns:1fr}.article-hero{grid-template-columns:100px 1fr;gap:18px;padding:20px}.hero-actions{grid-column:1/-1}.hero-glyph-wrap{width:100px}.article-aside{grid-row:2}.component-nodes{grid-template-columns:1fr}.component-nodes:before{width:1px;height:15px;left:50%;right:auto}.component-node:before{display:none}.source-stats{grid-template-columns:auto 1px auto}.source-stats p{display:none}.practice-stamp{width:85px;height:85px}.form-row{grid-template-columns:1fr}.capture-panel{padding:21px}.capture-panel>footer{flex-direction:column;align-items:stretch}.capture-panel>footer .primary-button{width:100%}.encounter-source-line{flex-wrap:wrap}.encounter-source-line time{width:100%;margin-left:0}}@media (width<=430px){.brand-word{font-size:19px}.top-actions{gap:7px}.welcome-block h1{font-size:39px}.today-card{grid-template-columns:42px 1fr 1px 1fr;gap:10px;padding:15px}.article-hero{text-align:center;grid-template-columns:1fr}.hero-glyph-wrap{width:120px;margin:auto}.hero-meta,.tag-row,.hero-actions{justify-content:center}.component-node{grid-template-columns:40px 1fr}.component-node .origin-badge{grid-column:2;justify-self:start}.favorite-row{grid-template-columns:49px 1fr auto;padding-inline:12px}.quiz-card,.practice-queue{padding:19px}}.favorite-indicator{z-index:2;color:var(--persimmon-dark);background:#f8e5df;border-radius:8px;align-self:start;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:800;display:flex;position:relative}.link-form{border-top:1px solid var(--line);gap:10px;margin-top:12px;padding-top:12px;display:grid}.link-form .field input,.link-form .field select{height:36px;font-size:10px}.link-form .field textarea{font-size:10px}.link-form>div{justify-content:flex-end;gap:7px;display:flex}.link-form .primary-button{min-height:34px;font-size:10px}.checkbox-field{color:#6d7b7b;align-items:center;gap:6px;font-size:9px;display:flex}body{background:radial-gradient(circle at 82% 0%, #9f78ff1f, transparent 30%), radial-gradient(circle at 12% 35%, #ff2bd614, transparent 28%), var(--paper)}.topbar{background:#05070de8;border-color:#00eaff3b;box-shadow:0 1px 20px #00eaff0f}.brand{border-color:var(--line)}.brand-word{color:var(--ink);text-shadow:0 0 14px #00eaff59}.brand-dot{color:var(--moss)}.global-search,.profile-button,.mobile-menu,.icon-button,.secondary-button{border-color:var(--line);color:var(--ink);background:#0b1020e0}.global-search:focus-within{border-color:var(--moss);background:#0b1020;box-shadow:0 0 0 3px #00eaff14,0 0 22px #00eaff1f}kbd{color:var(--moss);background:#090d19;border-color:#00eaff4d}.capture-button,.primary-button{color:#05070d;background:linear-gradient(110deg, var(--persimmon), #ff74e4);box-shadow:0 0 18px #ff2bd640}.capture-button:hover,.primary-button:hover{color:#05070d;background:var(--moss);box-shadow:0 0 22px #00eaff59}.sidebar{border-color:var(--line);background:#070a12e6}.sidebar nav a{color:#91acb6}.sidebar nav a:hover{color:var(--ink);background:#00eaff0f}.sidebar nav a.router-link-active{color:var(--ink);box-shadow:inset 3px 0 var(--moss), 0 0 18px #00eaff0f;background:linear-gradient(90deg,#00eaff1c,#ff2bd60a);border:1px solid #00eaff33}.sidebar-note{background:linear-gradient(145deg,#0c1122,#0a0d18);border-color:#ff2bd647;box-shadow:0 0 24px #ff2bd612}.eyebrow,.note-kicker,.type-label{color:var(--persimmon-dark);text-shadow:0 0 9px #ff2bd640}.section-number{border-color:var(--moss);color:var(--moss);box-shadow:0 0 11px #00eaff26}.today-card,.encounter-card,.favorite-list,.article-card,.source-card,.quiz-card,.practice-queue,.article-hero,.personal-panel,.content-panel,.aside-panel,.new-source-form,.edit-article-panel{border-color:var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#0f1629f5,#080c17fa)}.today-seal,.practice-stamp{border-color:var(--persimmon);color:var(--persimmon-dark);box-shadow:0 0 17px #ff2bd62e,inset 0 0 15px #ff2bd60f}.source-icon{color:#05070d;background:var(--moss);box-shadow:0 0 11px #00eaff40}.linked-chips a{color:var(--persimmon-dark);background:#ff2bd61a}.auto-link{-webkit-text-decoration-color:var(--moss);text-decoration-color:var(--moss)}.auto-link:hover{color:var(--moss)}.favorite-row:hover{background:#00eaff0d}.mini-graph{border-color:var(--line);background:radial-gradient(circle at 20% 20%,#ff2bd61c,#0000 35%),linear-gradient(#00eaff0f 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#00eaff0f 1px,#0000 1px) 0 0/24px 24px,#080c17}.graph-node{border-color:var(--moss);background:#0b1020;box-shadow:0 0 17px #00eaff26}.graph-label{color:var(--ink-soft);background:#080c17}.graph-cta{border-color:var(--line);color:var(--moss);background:#0b1020}.insight-ribbon{box-shadow:inset 3px 0 var(--gold);background:#dfff3f0f;border-color:#dfff3f52}.insight-icon{color:#05070d;background:var(--gold);box-shadow:0 0 14px #dfff3f40}.library-search,.field input,.field textarea,.field select,.quiz-answer input{color:var(--ink);background:#080c17;border-color:#00eaff38}.field input:focus,.field textarea:focus,.field select:focus,.quiz-answer input:focus{border-color:var(--moss);background:#0a0f1d;box-shadow:0 0 0 3px #00eaff12,0 0 17px #00eaff14}.field>span,.article-picker legend,.quiz-answer span{color:#a9c8d1}.filter-pills button{border-color:var(--line);color:#9eb8c2}.filter-pills button.active{border-color:var(--moss);color:#05070d;background:var(--moss);box-shadow:0 0 13px #00eaff40}.article-card:before{background:var(--persimmon);box-shadow:0 0 12px var(--persimmon)}.article-card.kind-component:before{background:var(--gold);box-shadow:0 0 12px var(--gold)}.article-card.kind-grammar:before,.article-card.kind-expression:before{background:var(--moss);box-shadow:0 0 12px var(--moss)}.hero-glyph-wrap,.decomposition-root{background:#070b15;border-color:#00eaff4d;box-shadow:inset 0 0 30px #00eaff0d,0 0 22px #00eaff0f}.stroke-grid{opacity:.17}.ink-dot{background:var(--persimmon);box-shadow:0 0 10px var(--persimmon);border-color:#ff2bd64d}.memory-hook{border-color:var(--gold);background:#dfff3f0e}.memory-hook svg,.memory-hook span{color:var(--gold)}.component-node,.formation-list div{border-color:var(--line);background:#080c17}.branch-line,.component-nodes:before,.component-node:before{background:#00eaff59}.origin-badge,.register-badge,.count-badge{color:var(--moss);background:#00eaff1a}.origin-badge.personal{color:var(--persimmon-dark);background:#ff2bd61a}.nuance-note{color:var(--ink-soft);background:#00eaff0f}.relationship-card:hover{color:var(--moss)}.add-link-button{color:var(--moss);border-color:#00eaff66}.favorite-indicator{color:var(--persimmon-dark);background:#ff2bd61a;box-shadow:0 0 14px #ff2bd614}.source-stats{border-color:var(--line);background:#0b1020b8}.queue-item.active{background:#ff2bd614;border:1px solid #ff2bd640}.queue-item>span{background:#080c17}.answer-feedback{color:var(--persimmon-dark);background:#ff2bd614}.answer-feedback.correct{color:var(--moss);background:#00eaff14}.capture-dialog{color:var(--ink);background:#080c17;border:1px solid #00eaff47;box-shadow:0 0 70px #00eaff1f,0 30px 90px #000000b8}.capture-dialog::backdrop{background:#010308cc}.selected-chips button{border-color:var(--line);color:#9eb9c2;background:#0b1020}.selected-chips button.selected{border-color:var(--persimmon);color:var(--persimmon-dark);background:#ff2bd61a;box-shadow:0 0 10px #ff2bd614}.jlpt-badge{min-height:19px;color:var(--gold);font:800 9px var(--sans);letter-spacing:.06em;text-shadow:0 0 8px #dfff3f59;background:#dfff3f12;border:1px solid #dfff3f73;border-radius:5px;align-items:center;margin-left:6px;padding:2px 6px;display:inline-flex}.edit-article-panel{margin-top:20px;padding:24px}.edit-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.edit-panel-heading h2{margin-top:5px}.edit-article-panel>.field{margin-top:14px}.edit-article-panel footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;display:flex}.rich-field{margin-top:14px}.rich-editor{background:#070b15;border:1px solid #00eaff3d;border-radius:11px;overflow:hidden}.rich-editor:focus-within{border-color:var(--moss);box-shadow:0 0 0 3px #00eaff0f,0 0 20px #00eaff14}.rich-editor-toolbar{border-bottom:1px solid var(--line);background:#0c1222;flex-wrap:wrap;align-items:center;gap:3px;padding:7px;display:flex}.rich-editor-toolbar button{color:#92aeb8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.rich-editor-toolbar button:hover,.rich-editor-toolbar button.active{color:var(--moss);background:#00eaff14;border-color:#00eaff47}.rich-editor-toolbar button:disabled{opacity:.3;cursor:default}.rich-editor-toolbar i{background:var(--line);width:1px;height:19px;margin:0 3px}.rich-editor-content{min-height:180px;color:var(--ink);font:400 14px/1.7 var(--sans);outline:0;padding:16px}.rich-editor-content p{margin:0 0 10px}.rich-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#5e747d;pointer-events:none;height:0}.rich-editor-content h2,.rich-editor-content h3{color:var(--ink);margin:17px 0 8px}.rich-editor-content h2{font-size:21px}.rich-editor-content h3{font-size:17px}.rich-editor-content blockquote{border-left:2px solid var(--persimmon);color:var(--ink-soft);margin:14px 0;padding-left:13px}.rich-editor-content a,.rich-rendered a{color:var(--moss)}.rich-editor-content mark,.rich-rendered mark{color:var(--ink);background:#dfff3f47}.rich-rendered{color:var(--ink-soft);padding-top:18px;font-size:14px;line-height:1.75}.rich-rendered h2,.rich-rendered h3{color:var(--ink)}.rich-rendered code{color:var(--gold)}.rich-rendered blockquote{border-left:2px solid var(--persimmon);margin-left:0;padding-left:14px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.login-page{grid-template-columns:minmax(0,610px) minmax(300px,520px);justify-content:center;align-items:center;gap:clamp(40px,8vw,130px);min-height:100vh;padding:48px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";border:1px solid #00eaff29;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-330px;left:-260px;box-shadow:0 0 100px #00eaff14,inset 0 0 100px #ff2bd60a}.login-card{z-index:1;background:linear-gradient(145deg,#0f1629f7,#060912fa);border:1px solid #00eaff47;border-radius:24px;padding:clamp(28px,5vw,58px);position:relative;box-shadow:0 35px 100px #00000080,0 0 55px #00eaff14}.login-card:after{content:"";pointer-events:none;border:1px solid #ff2bd614;border-radius:16px;position:absolute;inset:12px}.login-brand{z-index:1;align-items:center;gap:13px;margin-bottom:48px;display:flex;position:relative}.login-brand>div{display:grid}.login-brand strong{font:700 25px var(--serif);letter-spacing:.05em;text-shadow:0 0 14px #00eaff59}.login-brand span{color:var(--moss);letter-spacing:.15em;font-size:9px;font-weight:800}.login-mark{width:44px;height:44px}.login-copy{z-index:1;position:relative}.login-copy h1{margin-top:12px;font-size:clamp(40px,5vw,62px)}.login-copy p{max-width:460px;color:var(--ink-soft);line-height:1.65}.login-card form{z-index:1;gap:15px;margin-top:30px;display:grid;position:relative}.password-control{display:block;position:relative}.password-control input{padding-right:46px}.password-control button{width:32px;height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.password-control button:hover{color:var(--moss);background:#00eaff14}.login-submit{width:100%;min-height:48px;margin-top:6px}.login-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.login-error{color:var(--persimmon-dark);background:#ff2bd612;border:1px solid #ff2bd640;border-radius:8px;align-items:center;gap:7px;margin:0;padding:10px 12px;font-size:11px;display:flex}.login-card>footer{z-index:1;border-top:1px solid var(--line);color:#78929c;align-items:center;gap:7px;margin-top:26px;padding-top:18px;font-size:9px;display:flex;position:relative}.login-card>footer svg{color:var(--gold)}.login-signal{aspect-ratio:1;background:radial-gradient(circle,#ff2bd61a,#05070d33 55%,#0000 70%);border:1px solid #00eaff2e;border-radius:50%;place-items:center;width:min(430px,38vw);display:grid;position:relative;box-shadow:inset 0 0 80px #00eaff0a}.login-signal:before,.login-signal:after{content:"";border:1px dashed #dfff3f33;border-radius:50%;animation:32s linear infinite orbit;position:absolute;inset:13%}.login-signal:after{border-color:#ff2bd647;animation-duration:20s;animation-direction:reverse;inset:29%}.login-signal>span{color:var(--moss);letter-spacing:.2em;font-size:9px;font-weight:800;position:absolute;top:8%}.login-signal>strong{z-index:2;border:1px solid var(--persimmon);width:105px;height:105px;color:var(--ink);font:700 54px var(--serif);background:#080c17;border-radius:26px;place-items:center;display:grid;position:absolute;box-shadow:0 0 35px #ff2bd62e}.login-signal>b{z-index:2;border:1px solid var(--moss);width:55px;height:55px;color:var(--ink);font:600 25px var(--serif);background:#080c17;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 20px #00eaff29}.login-signal>b:first-of-type{top:17%;right:12%}.login-signal>b:nth-of-type(2){bottom:16%;left:13%}.login-signal>i{background:linear-gradient(90deg, transparent, var(--moss), transparent);opacity:.6;width:34%;height:1px;position:absolute;transform:rotate(-39deg)translate(45px,20px)}.login-signal>i:nth-of-type(2){transform:rotate(-39deg)translate(-55px,-15px)}.login-signal>small{color:#79949e;font:500 11px var(--serif);letter-spacing:.06em;position:absolute;bottom:5%}@keyframes orbit{to{transform:rotate(360deg)}}@media (width<=900px){.login-page{grid-template-columns:minmax(0,610px)}.login-signal{display:none}}@media (width<=600px){.login-page{padding:16px}.login-card{border-radius:18px;padding:25px 21px}.login-brand{margin-bottom:34px}.user-chip span:not(.sr-only){display:none}.user-chip{justify-content:center;width:40px;padding:0}}.theme-toggle{border:1px solid var(--line);height:40px;color:var(--ink-soft);background:var(--paper-bright);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:10px;font-weight:800;transition:border-color .18s,color .18s,background .18s,box-shadow .18s;display:inline-flex}.theme-toggle:hover{border-color:var(--moss);color:var(--moss);box-shadow:0 0 0 3px #007b9114}.login-theme-toggle{z-index:4;position:absolute;top:24px;right:24px}.tag-row span{color:#264b5b;background:#e7f6fa;border-color:#00698047}html[data-theme=dark] .theme-toggle{color:#d0e6ed;background:#0b1020}html[data-theme=dark] .theme-toggle:hover{color:var(--moss);background:#101b2c;box-shadow:0 0 16px #00eaff1f}html[data-theme=dark] .tag-row span{color:#e1faff;background:#173140;border-color:#58efff6b}html[data-theme=dark] .encounter-card header span,html[data-theme=dark] .encounter-card time,html[data-theme=dark] .hero-meta,html[data-theme=dark] .hero-reading,html[data-theme=dark] .first-seen,html[data-theme=dark] .encounter-source-line span,html[data-theme=dark] .encounter-source-line time,html[data-theme=dark] .reading-line,html[data-theme=dark] .origin-label,html[data-theme=dark] .component-caption{color:#a9c2cc}html[data-theme=dark] .encounter-note,html[data-theme=dark] .personal-snippet,html[data-theme=dark] .relationship-card p{color:#c1d3d9}html[data-theme=light] body{background:radial-gradient(circle at 88% 0%, #7455d91a, transparent 31%), radial-gradient(circle at 10% 38%, #d4149112, transparent 28%), var(--paper)}html[data-theme=light] body:before{opacity:.23;background-image:linear-gradient(#00849a24 1px,#0000 1px),linear-gradient(90deg,#00849a24 1px,#0000 1px)}html[data-theme=light] button:focus-visible,html[data-theme=light] a:focus-visible,html[data-theme=light] input:focus-visible,html[data-theme=light] textarea:focus-visible,html[data-theme=light] select:focus-visible{outline-color:#007b9173}html[data-theme=light] .topbar{border-color:var(--line);background:#ffffffe8;box-shadow:0 1px 18px #1e4d6014}html[data-theme=light] .brand-word{color:var(--ink);text-shadow:none}html[data-theme=light] .brand-dot{color:var(--moss)}html[data-theme=light] .global-search,html[data-theme=light] .profile-button,html[data-theme=light] .mobile-menu,html[data-theme=light] .icon-button,html[data-theme=light] .secondary-button,html[data-theme=light] .user-chip{border-color:var(--line);color:var(--ink);background:#ffffffeb}html[data-theme=light] .global-search{color:#526a78}html[data-theme=light] .global-search:focus-within{border-color:var(--moss);background:#fff;box-shadow:0 0 0 3px #007b911c}html[data-theme=light] kbd{color:#006c80;background:#edf8fb;border-color:#0069804d}html[data-theme=light] .capture-button,html[data-theme=light] .primary-button{color:#fff;background:linear-gradient(110deg,#b70c7b,#dc248f);box-shadow:0 8px 20px #b70c7b33}html[data-theme=light] .capture-button:hover,html[data-theme=light] .primary-button:hover{color:#fff;background:#00788e;box-shadow:0 8px 22px #00788e38}html[data-theme=light] .user-chip:hover{border-color:var(--persimmon);color:var(--persimmon-dark);box-shadow:0 0 0 3px #d4149114}html[data-theme=light] .sidebar{border-color:var(--line);background:#ecf7fae0}html[data-theme=light] .sidebar nav a{color:#425d6c}html[data-theme=light] .sidebar nav a:hover{color:var(--ink);background:#ffffffb8}html[data-theme=light] .sidebar nav a.router-link-active{color:#14283a;background:linear-gradient(90deg,#00aec624,#d414910f);border:1px solid #007b913d;box-shadow:inset 3px 0 #008ba1,0 6px 18px #18556714}html[data-theme=light] .sidebar-note{background:linear-gradient(145deg,#fff,#f7f1fb);border-color:#b70c7b3d;box-shadow:0 12px 28px #373a6414}html[data-theme=light] .eyebrow,html[data-theme=light] .note-kicker,html[data-theme=light] .type-label{color:#9c0868;text-shadow:none}html[data-theme=light] .section-number{color:#006c80;box-shadow:none;border-color:#007b91}html[data-theme=light] .today-card,html[data-theme=light] .encounter-card,html[data-theme=light] .favorite-list,html[data-theme=light] .article-card,html[data-theme=light] .source-card,html[data-theme=light] .quiz-card,html[data-theme=light] .practice-queue,html[data-theme=light] .article-hero,html[data-theme=light] .personal-panel,html[data-theme=light] .content-panel,html[data-theme=light] .aside-panel,html[data-theme=light] .new-source-form,html[data-theme=light] .edit-article-panel{border-color:var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#f8fcfe)}html[data-theme=light] .today-seal,html[data-theme=light] .practice-stamp{color:#8d075e;border-color:#b70c7b;box-shadow:inset 0 0 18px #d414910d}html[data-theme=light] .source-icon{color:#052b34;background:#45d4e4;box-shadow:0 4px 12px #007b912e}html[data-theme=light] .linked-chips a{color:#8d075e;background:#f9e4f2}html[data-theme=light] .auto-link{text-decoration-color:#008ba1}html[data-theme=light] .auto-link:hover{color:#006c80}html[data-theme=light] .favorite-row:hover{background:#edf9fb}html[data-theme=light] .mini-graph{border-color:var(--line);background:radial-gradient(circle at 20% 20%,#d4149117,#0000 35%),linear-gradient(#007b9114 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#007b9114 1px,#0000 1px) 0 0/24px 24px,#f8fdff}html[data-theme=light] .graph-node{background:#fff;border-color:#008ba1;box-shadow:0 7px 20px #1b4e601f}html[data-theme=light] .graph-label{color:#435d69;background:#f5fbfd}html[data-theme=light] .graph-cta{border-color:var(--line);color:#006c80;background:#fff}html[data-theme=light] .insight-ribbon{background:#f7f9d9;border-color:#6673004d;box-shadow:inset 3px 0 #798500}html[data-theme=light] .insight-icon{color:#fff;box-shadow:none;background:#758000}html[data-theme=light] .library-search,html[data-theme=light] .field input,html[data-theme=light] .field textarea,html[data-theme=light] .field select,html[data-theme=light] .quiz-answer input{color:var(--ink);background:#fff;border-color:#00698047}html[data-theme=light] .field input:focus,html[data-theme=light] .field textarea:focus,html[data-theme=light] .field select:focus,html[data-theme=light] .quiz-answer input:focus{background:#fff;border-color:#007b91;box-shadow:0 0 0 3px #007b911c}html[data-theme=light] .field>span,html[data-theme=light] .article-picker legend,html[data-theme=light] .quiz-answer span{color:#334f5e}html[data-theme=light] .filter-pills button{border-color:var(--line);color:#354f5c}html[data-theme=light] .filter-pills button.active{color:#fff;background:#007b91;border-color:#007b91;box-shadow:0 5px 14px #007b912e}html[data-theme=light] .hero-glyph-wrap,html[data-theme=light] .decomposition-root{background:#f3fbfd;border-color:#007b9152;box-shadow:inset 0 0 28px #007b910d}html[data-theme=light] .stroke-grid{opacity:.3}html[data-theme=light] .memory-hook{background:#f7f9dc;border-color:#758000}html[data-theme=light] .memory-hook svg,html[data-theme=light] .memory-hook span{color:#5f6900}html[data-theme=light] .component-node,html[data-theme=light] .formation-list div{border-color:var(--line);background:#f7fbfd}html[data-theme=light] .branch-line,html[data-theme=light] .component-nodes:before,html[data-theme=light] .component-node:before{background:#007b9161}html[data-theme=light] .origin-badge,html[data-theme=light] .register-badge,html[data-theme=light] .count-badge{color:#00687b;background:#dcf3f7}html[data-theme=light] .origin-badge.personal{color:#920662;background:#f8e1ef}html[data-theme=light] .nuance-note{color:#354f5c;background:#e9f6f8}html[data-theme=light] .relationship-card:hover{color:#006c80}html[data-theme=light] .add-link-button{color:#006c80;border-color:#007b9173}html[data-theme=light] .favorite-indicator{color:#8d075e;box-shadow:none;background:#f9e3f1}html[data-theme=light] .source-stats{border-color:var(--line);background:#ffffffd1}html[data-theme=light] .queue-item.active{background:#fbeaf5;border:1px solid #b70c7b3d}html[data-theme=light] .queue-item>span{background:#edf7fa}html[data-theme=light] .answer-feedback{color:#8d075e;background:#f9e5f2}html[data-theme=light] .answer-feedback.correct{color:#006c80;background:#e1f4f7}html[data-theme=light] .capture-dialog{color:var(--ink);background:#fff;border:1px solid #007b914d;box-shadow:0 30px 90px #132f3f40}html[data-theme=light] .capture-dialog::backdrop{background:#1125347a}html[data-theme=light] .selected-chips button{border-color:var(--line);color:#3c5663;background:#f4fafc}html[data-theme=light] .selected-chips button.selected{color:#8d075e;box-shadow:none;background:#fae6f3;border-color:#b70c7b}html[data-theme=light] .jlpt-badge{color:#556100;text-shadow:none;background:#f0f5c4;border-color:#6673006b}html[data-theme=light] .rich-editor{background:#fff;border-color:#007b914d}html[data-theme=light] .rich-editor:focus-within{border-color:#007b91;box-shadow:0 0 0 3px #007b911a}html[data-theme=light] .rich-editor-toolbar{border-color:var(--line);background:#edf7fa}html[data-theme=light] .rich-editor-toolbar button{color:#3d5967}html[data-theme=light] .rich-editor-toolbar button:hover,html[data-theme=light] .rich-editor-toolbar button.active{color:#006c80;background:#dff2f6;border-color:#007b914d}html[data-theme=light] .rich-editor-content a,html[data-theme=light] .rich-rendered a{color:#006c80}html[data-theme=light] .rich-editor-content mark,html[data-theme=light] .rich-rendered mark{color:#172739;background:#eef49b}html[data-theme=light] .rich-rendered code{color:#596500}html[data-theme=light] .login-page:before{border-color:#007b912e;box-shadow:0 0 100px #007b9114,inset 0 0 100px #d414910a}html[data-theme=light] .login-card{background:linear-gradient(145deg,#fffffffa,#f3fafdfa);border-color:#007b914d;box-shadow:0 30px 90px #1a405229,0 0 48px #007b910f}html[data-theme=light] .login-card:after{border-color:#d414911a}html[data-theme=light] .login-brand strong{color:var(--ink);text-shadow:none}html[data-theme=light] .login-brand span{color:#006c80}html[data-theme=light] .password-control button:hover{color:#006c80;background:#e5f5f8}html[data-theme=light] .login-error{color:#8d075e;background:#fae8f4;border-color:#b70c7b47}html[data-theme=light] .login-card>footer{color:#526a78}html[data-theme=light] .login-card>footer svg{color:#667300}html[data-theme=light] .login-signal{background:radial-gradient(circle,#d4149114,#edf8fbbf 58%,#0000 72%);border-color:#007b913d;box-shadow:inset 0 0 80px #007b910d}html[data-theme=light] .login-signal:before{border-color:#6673004d}html[data-theme=light] .login-signal:after{border-color:#b70c7b47}html[data-theme=light] .login-signal>span{color:#006c80}html[data-theme=light] .login-signal>strong,html[data-theme=light] .login-signal>b{color:var(--ink);background:#fff}html[data-theme=light] .login-signal>small{color:#48626f}@media (width<=760px){.theme-toggle{width:40px;padding:0}.theme-toggle span{display:none}.login-theme-toggle{top:16px;right:16px}}