:root{color:#183127;font-synthesis:none;text-rendering:optimizelegibility;--ink:#183127;--muted:#6d7d75;--line:#dfe6e1;--surface:#fff;--surface-soft:#f5f8f5;--green:#176347;--green-2:#25835e;--green-soft:#e1f2e9;--amber:#e2a62f;--shadow:0 18px 55px #1c3a2b17;background:#edf1ed;font-family:Inter,Noto Sans SC,Noto Sans JP,Hiragino Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#edf1ed;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.icon{flex:none;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding-bottom:100px}.topbar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafcfaf0;border-bottom:1px solid #cedad3e0;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:210px;text-decoration:none;display:flex}.brand-button{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-mark{color:#fff;background:linear-gradient(145deg,#22795a,#104a34);border-radius:11px;place-items:center;width:36px;height:36px;font:800 19px/1 Noto Serif JP,serif;display:grid;box-shadow:inset 0 -8px 12px #00000021}.brand>span:last-child{line-height:1.08;display:grid}.brand strong{letter-spacing:-.02em;font-size:15px}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin-top:3px;font-size:9px}.topbar-status{align-items:center;gap:13px;display:flex}.api-status{color:#577067;align-items:center;gap:7px;font-size:12px;display:inline-flex}.api-status i{background:#2ea46f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2ea46f1f}.topbar-status button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.mobile-sentences-button{position:relative;display:none!important}.mobile-history-button{display:none!important}.mobile-sentences-button em{background:var(--green);color:#fff;border:2px solid #fafcfa;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:7px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.auth-control{position:relative}.topbar-status .auth-trigger{color:#50665b;align-items:center;gap:7px;width:auto;max-width:170px;padding:0 10px;display:flex}.auth-trigger>img{object-fit:cover;border-radius:50%;width:24px;height:24px}.auth-trigger>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.auth-trigger.is-signed-in{background:#f5f9f6;padding-left:5px}.auth-popover{z-index:85;background:#fff;border:1px solid #d7e1db;border-radius:15px;width:274px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 55px #142d2133}.auth-title{color:#30463c;margin:0;font-size:14px;font-weight:800}.auth-description,.auth-loading{color:#76867e;margin:6px 0 14px;font-size:10px;line-height:1.55}.google-signin-slot{min-height:44px;overflow:hidden}.auth-error{color:#9a4b40;margin:10px 0 0;font-size:9px;line-height:1.5}.auth-profile{align-items:center;gap:10px;display:flex}.auth-profile>img,.auth-profile>span{background:var(--green-soft);width:38px;height:38px;color:var(--green);object-fit:cover;border-radius:50%;flex:none;place-items:center;display:grid}.auth-profile p{gap:3px;min-width:0;margin:0;display:grid}.auth-profile strong,.auth-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-profile strong{font-size:12px}.auth-profile small{color:#78877f;font-size:9px}.auth-sync-note{color:#78877f;margin:13px 0 9px;font-size:9px}.auth-signout{color:#5f7268;min-height:35px;font-size:9px;background:#f8faf8!important;border-color:#dae3de!important;width:100%!important}.workspace{grid-template-columns:230px minmax(420px,1fr) 340px;align-items:start;min-height:calc(100vh - 68px);display:grid}.sidebar,.inspector{scrollbar-width:thin;height:calc(100vh - 167px);position:sticky;top:68px;overflow-y:auto}.sidebar{border-right:1px solid var(--line);background:#f7f9f7;padding:22px 14px}.nav-label{color:#8a9891;letter-spacing:.14em;text-transform:uppercase;margin:0 9px 8px;font-size:10px;font-weight:800}.nav-link{color:#586a61;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:42px;margin-bottom:3px;padding:0 11px;font-size:13px;text-decoration:none;display:flex}.nav-link span{flex:1}.nav-link em{color:#687a70;background:#e8eeea;border-radius:20px;padding:2px 7px;font-size:10px;font-style:normal}.nav-link.is-active{color:var(--green);background:var(--green-soft);font-weight:750}.current-material{border-top:1px solid var(--line);margin-top:29px;padding-top:18px}.material-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e2dc;border-radius:13px;grid-template-columns:56px minmax(0,1fr);gap:10px;width:100%;padding:8px;display:grid;box-shadow:0 5px 16px #2541330d}.material-card img{object-fit:cover;background:#e7ece8;border-radius:9px;width:56px;height:56px}.material-card>span{min-width:0}.material-card strong{color:#284037;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.material-card small{color:#7c8c84;margin-top:6px;font-size:9px;display:block}.material-card b{color:var(--green)}.recent-material-label{margin-top:15px}.recent-material-card{box-shadow:none;background:#fbfcfb}.material-card-image{color:#819188;background:#e7ece8;border-radius:9px;place-items:center;width:56px;height:56px;font:800 17px/1 Noto Serif JP,serif;display:grid;position:relative;overflow:hidden}.material-card-image img{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.recent-material-empty{color:#829087;border:1px dashed #d5dfd9;border-radius:10px;margin:0;padding:9px 10px;font-size:9px;line-height:1.55}.history-sidebar-button{width:100%;min-height:39px;color:var(--green);cursor:pointer;background:#edf5f0;border:1px solid #cfddd5;border-radius:11px;align-items:center;gap:8px;margin-top:10px;padding:0 10px;font-size:11px;font-weight:750;display:flex}.history-sidebar-button span{text-align:left;flex:1}.history-sidebar-button:hover,.history-sidebar-button:focus-visible{background:#e2f1e8;border-color:#9dc5af}.private-notice{color:#6a7a72;background:#edf2ee;border-radius:11px;align-items:center;gap:9px;margin-top:18px;padding:10px;display:flex}.private-notice>span{width:27px;height:27px;color:var(--green);background:#d8e6de;border-radius:8px;place-items:center;font-size:11px;font-weight:900;display:grid}.private-notice p{gap:2px;margin:0;display:grid}.private-notice strong{font-size:10px}.private-notice small{font-size:9px}.reader{background:var(--surface);min-width:0;padding:27px clamp(26px,4vw,70px) 70px}.warning-banner{color:#76591a;background:#fff8e7;border:1px solid #efd59e;border-radius:11px;max-width:820px;margin:0 auto 18px;padding:11px 14px;font-size:12px;line-height:1.5}.catalog-shell{padding-bottom:0}.catalog-workspace{background:#f4f6f3;grid-template-columns:230px minmax(0,1fr)}.catalog-shell .sidebar{height:calc(100vh - 68px)}.catalog-side-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#536a5f;align-items:center;gap:10px;margin-top:28px;padding:13px 11px;display:flex}.catalog-side-guide>span{width:32px;height:32px;color:var(--green);background:#dff0e7;border-radius:10px;flex:none;place-items:center;display:grid}.catalog-side-guide p{gap:3px;margin:0;display:grid}.catalog-side-guide strong{font-size:10px}.catalog-side-guide small{color:#819087;font-size:8px;line-height:1.45}.catalog-page{min-width:0;min-height:calc(100vh - 68px);padding:39px clamp(24px,4vw,62px) 70px}.history-page{background:#f4f6f3;min-width:0;min-height:calc(100vh - 68px);padding:39px clamp(24px,4vw,62px) 70px}.history-hero{justify-content:space-between;align-items:end;gap:30px;max-width:1120px;margin:0 auto 27px;display:flex}.history-hero h1{color:#19352a;letter-spacing:-.035em;margin:8px 0 7px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(30px,3vw,43px)}.history-hero p{color:#74847c;margin:0;font-size:11px}.history-summary{gap:8px;display:flex}.history-summary span{color:#76867e;background:#fff;border:1px solid #dbe4df;border-radius:13px;gap:3px;min-width:86px;padding:11px 14px;font-size:9px;display:grid;box-shadow:0 7px 20px #223d2f0a}.history-summary strong{color:var(--green);font-size:20px;line-height:1}.history-toolbar{background:#fff;border:1px solid #dce5df;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;max-width:1120px;min-height:48px;margin:0 auto 14px;padding:6px 9px;display:flex}.history-toolbar>span{color:#849089;padding-right:8px;font-size:9px}.history-filter{gap:4px;display:flex}.history-filter button{color:#66786f;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.history-filter button.is-active{background:var(--green-soft);color:var(--green)}.history-list{gap:11px;max-width:1120px;margin:0 auto;display:grid}.history-card{cursor:pointer;background:#fff;border:1px solid #dce5df;border-radius:15px;grid-template-columns:190px minmax(0,1fr) 36px;align-items:center;gap:19px;min-height:154px;padding:12px 17px 12px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 25px #1a38290b}.history-card:hover,.history-card:focus-visible{border-color:#b8d0c2;outline:0;transform:translateY(-1px);box-shadow:0 13px 34px #1a382917}.history-card-image{color:#8a9a91;background:#e6ece8;border-radius:11px;place-items:center;width:190px;height:130px;font:800 29px/1 Noto Serif JP,serif;display:grid;position:relative;overflow:hidden}.history-card-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.history-card-content{min-width:0}.history-card-meta{color:#89958f;flex-wrap:wrap;align-items:center;gap:7px;font-size:8px;display:flex}.history-card-meta i{background:#b7c1bb;border-radius:50%;width:3px;height:3px}.history-card-meta .history-level{background:var(--green);color:#fff;border-radius:6px;padding:3px 7px;font-weight:800}.history-card h2{color:#263e34;text-overflow:ellipsis;white-space:nowrap;margin:9px 0 5px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:18px;line-height:1.55;overflow:hidden}.history-card-content>p{color:#74857c;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;line-height:1.5;overflow:hidden}.history-card-footer{color:#849189;align-items:center;gap:12px;margin-top:13px;font-size:8px;display:flex}.history-card-footer b{color:var(--green);align-items:center;gap:4px;font-weight:750;display:inline-flex}.history-card-footer b .icon{fill:currentColor}.history-card-arrow{color:#769083}.history-empty{color:#698176;text-align:center;background:#ffffffb3;border:1px dashed #d4dfd8;border-radius:17px;align-content:center;place-items:center;gap:9px;max-width:1120px;min-height:350px;margin:0 auto;padding:40px 20px;display:grid}.history-empty h2{color:#40584d;margin:3px 0 0;font-size:15px}.history-empty p{color:#829087;max-width:400px;margin:0;font-size:10px;line-height:1.6}.history-empty button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:36px;margin-top:7px;padding:0 15px;font-size:10px;font-weight:750}.catalog-hero{justify-content:space-between;align-items:end;gap:30px;max-width:1320px;margin:0 auto 28px;display:flex}.catalog-eyebrow{color:var(--green-2);letter-spacing:.2em;font-size:9px;font-weight:850}.catalog-hero h1{color:#19352a;letter-spacing:-.035em;margin:8px 0 6px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(29px,3vw,44px);line-height:1.25}.catalog-hero>div:first-child>p{color:#75867d;margin:0;font-size:12px}.catalog-controls{background:#fff;border:1px solid #dce4df;border-radius:15px;align-items:center;gap:12px;max-width:1320px;min-height:52px;margin:0 auto;padding:7px;display:flex;box-shadow:0 7px 30px #213d300d}.catalog-mode-label{min-height:38px;color:var(--green);white-space:nowrap;background:#edf4ef;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.catalog-search{border-left:1px solid var(--line);color:#87958e;flex:1;align-items:center;gap:8px;height:38px;padding-left:10px;display:flex}.catalog-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:12px}.catalog-search input::placeholder{color:#a0aaa5}.catalog-search button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;align-self:stretch;padding:0 15px;font-size:10px;font-weight:750}.refresh-button{border:1px solid var(--line);color:#61756b;cursor:pointer;background:#f8faf8;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.refresh-button.is-loading .icon{animation:.8s linear infinite catalog-spin}.catalog-filters{align-items:center;gap:13px;max-width:1320px;margin:14px auto 24px;display:flex}.level-filter{gap:4px;display:flex}.level-filter button{color:#718078;cursor:pointer;background:#fff;border:1px solid #dce5df;border-radius:8px;min-width:40px;height:29px;padding:0 8px;font-size:9px}.level-filter button.is-active{color:var(--green);background:#e4f2ea;border-color:#82b39b;font-weight:800}.catalog-filters label{color:#849189;align-items:center;gap:6px;font-size:9px;display:flex}.catalog-filters select{color:#5d7066;background:#fff;border:1px solid #dce5df;border-radius:8px;outline:0;height:29px;padding:0 24px 0 9px;font-size:9px}.reading-status-filter{background:#fff;border:1px solid #dce5df;border-radius:9px;gap:3px;padding:3px;display:inline-flex}.reading-status-filter button{color:#74837b;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:43px;height:23px;padding:0 8px;font-size:8px}.reading-status-filter button.is-active{background:var(--green-soft);color:var(--green);font-weight:800}.live-note{color:#819087;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:inline-flex}.live-note i{background:#2e9d6d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2e9d6d1c}.catalog-error{color:#85534a;background:#fff2ef;border:1px solid #efd2cc;border-radius:11px;align-items:center;gap:9px;max-width:1320px;margin:14px auto 20px;padding:11px 13px;font-size:10px;display:flex}.catalog-error strong{font-size:11px}.catalog-error span{flex:1}.catalog-error button{color:#85534a;cursor:pointer;background:#fff;border:1px solid #e4bbb2;border-radius:7px;padding:5px 10px;font-size:9px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1320px;margin:0 auto;display:grid}.article-card{cursor:pointer;background:#fff;border:1px solid #dce5df;border-radius:17px;outline:0;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .18s;position:relative;overflow:hidden;box-shadow:0 10px 33px #1e3c2d0e}.article-card:hover,.article-card:focus-visible{border-color:#9cbdac;transform:translateY(-3px);box-shadow:0 16px 40px #1e3c2d1a}.article-card:focus-visible{box-shadow:0 0 0 3px #2a966a2e,0 16px 40px #1e3c2d1a}.article-card.is-disabled{cursor:wait;opacity:.62;transform:none}.article-card.is-opening{cursor:wait}.article-card.is-read{background:#fbfcfb;border-color:#d9e1dc}.article-card-image{background:#e5ebe7;height:170px;position:relative;overflow:hidden}.article-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.article-card:hover .article-card-image>img{transform:scale(1.025)}.article-card-placeholder{color:#91a099;place-items:center;width:100%;height:100%;font:800 35px/1 Noto Serif JP,serif;display:grid}.article-card-badges{gap:5px;display:flex;position:absolute;top:11px;left:11px}.article-card-badges b,.article-card-badges span{color:#5a6d63;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:7px;align-items:center;min-height:23px;padding:0 8px;font-size:8px;font-weight:750;display:inline-flex}.article-card-badges b{color:#fff;background:#166246f0}.article-read-status{color:#61736a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:7px;align-items:center;gap:4px;min-height:23px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex;position:absolute;top:11px;right:11px}.article-read-status.is-read{color:#fff;background:#1e694be6}.article-card-body{flex-direction:column;min-height:225px;padding:16px;display:flex}.article-card-meta{color:#89968f;flex-wrap:wrap;align-items:center;gap:6px;font-size:8px;display:flex}.article-card-meta i{background:#b2bcb7;border-radius:50%;width:3px;height:3px}.article-card h3{color:#263d34;letter-spacing:-.018em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 6px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:18px;line-height:1.75;display:-webkit-box;overflow:hidden}.article-card h3 rt{font-size:.42em}.article-card-translation{color:#60756a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:10px;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.article-card-description{color:#829087;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-loading{color:var(--green);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8fbf9e0;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}.button-spinner{border:2px solid #b6cec1;border-top-color:var(--green);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite catalog-spin}.catalog-pagination{justify-content:center;align-items:center;gap:16px;max-width:1320px;margin:27px auto 0;display:flex}.catalog-pagination button{color:#536b5f;cursor:pointer;background:#fff;border:1px solid #d7e1db;border-radius:9px;min-width:78px;height:34px;font-size:9px}.catalog-pagination button:disabled{cursor:default;opacity:.42}.catalog-pagination span{color:#819087;font-size:9px}.catalog-pagination strong{color:var(--green)}.catalog-empty{text-align:center;background:#ffffff8c;border:1px dashed #ccd8d1;border-radius:18px;justify-items:center;max-width:720px;margin:55px auto;padding:45px;display:grid}.catalog-empty>span{width:48px;height:48px;color:var(--green);background:#e3eee7;border-radius:15px;place-items:center;font:800 22px/1 Noto Serif JP,serif;display:grid}.catalog-empty h3{margin:15px 0 5px;font-size:15px}.catalog-empty p{color:#819087;margin:0;font-size:10px}.article-card-skeleton{height:450px;padding:15px;animation:1.3s ease-in-out infinite catalog-pulse}.article-card-skeleton span{background:#e6ece8;border-radius:9px;margin-bottom:13px;display:block}.article-card-skeleton span:first-child{border-radius:0;height:170px;margin:-15px -15px 24px}.article-card-skeleton span:nth-child(2){width:85%;height:25px}.article-card-skeleton span:nth-child(3){height:60px}@keyframes catalog-spin{to{transform:rotate(360deg)}}@keyframes catalog-pulse{0%,to{opacity:.6}50%{opacity:1}}.reader-breadcrumb{color:#8a9891;align-items:center;gap:8px;max-width:820px;margin:0 auto 24px;font-size:11px;display:flex}.reader-breadcrumb b{font-weight:400}.reader-breadcrumb strong{color:#496058}.article-head{max-width:820px;margin:0 auto}.article-kicker{align-items:center;gap:7px;margin-bottom:12px;display:flex}.article-kicker span{color:#63766c;background:#eef3ef;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:750}.article-kicker span:first-child{background:var(--green);color:#fff}.article-head h1{color:#192e26;letter-spacing:-.035em;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(29px,3.1vw,44px);font-weight:700;line-height:1.55}ruby{ruby-align:center}rt{color:#2c8260;letter-spacing:0;font-family:Inter,Noto Sans JP,sans-serif;font-size:.43em;font-weight:600}.furigana-hidden rt{visibility:hidden}.title-translation{color:#718279;margin:11px 0 0;font-size:14px;line-height:1.55}.article-meta{color:#7a8981;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:11px;display:flex}.article-meta i{background:#aeb9b3;border-radius:50%;width:3px;height:3px}.article-meta button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.article-cover{max-width:820px;box-shadow:var(--shadow);background:#eef2ef;border:1px solid #e1e7e3;border-radius:15px;margin:25px auto 0;overflow:hidden}.article-cover img{aspect-ratio:16/7.7;object-fit:cover;width:100%;display:block}.article-cover figcaption{color:#829088;background:#fafbfa;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 13px;font-size:9px;display:flex}.article-cover figcaption button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:9px}.article-body{max-width:820px;margin:20px auto 0;padding:4px 0 max(50vh,360px)}.reading-sentence{cursor:pointer;border-left:3px solid #0000;border-radius:5px 12px 12px 5px;grid-template-columns:31px minmax(0,1fr) 65px;align-items:start;gap:10px;margin:2px 0;padding:10px 8px 10px 4px;transition:background .16s,border-color .16s;display:grid;position:relative}.reading-sentence:hover{background:#f3f8f4}.reading-sentence.is-selected{background:#f0f6f2}.reading-sentence.is-active{background:#e8f5ed;border-left-color:#2a966a;box-shadow:0 7px 20px #23805b14}.reading-sentence.is-active .sentence-number{color:var(--green)}.sentence-number{color:#a1ada7;text-align:center;padding-top:10px;font:700 9px/1.2 Inter,sans-serif}.sentence-content{min-width:0}.sentence-japanese{color:#263b33;letter-spacing:.005em;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(18px,1.65vw,22px);line-height:2.08}.sentence-translation{color:#75857c;margin:4px 0 0;font-size:12px;line-height:1.65}.sentence-actions{grid-template-columns:repeat(2,30px);gap:5px;width:65px;padding-top:6px;display:grid}.sentence-play,.sentence-chatgpt,.sentence-save{box-sizing:border-box;color:#789087;cursor:pointer;opacity:.45;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:30px;height:30px;text-decoration:none;transition:all .15s;display:grid}.sentence-chatgpt{color:#315c4a;letter-spacing:.025em;opacity:.62;font:850 7px/1 Inter,sans-serif}.reading-sentence:hover .sentence-play,.reading-sentence:hover .sentence-chatgpt,.reading-sentence:hover .sentence-save,.reading-sentence.is-selected .sentence-play,.reading-sentence.is-selected .sentence-chatgpt,.reading-sentence.is-selected .sentence-save,.sentence-play:focus-visible,.sentence-chatgpt:focus-visible,.sentence-save:focus-visible{color:var(--green);opacity:1;background:#fff;border-color:#cfddd5}.sentence-chatgpt:hover,.sentence-chatgpt:focus-visible{color:#1f6045!important;background:#eaf4ee!important;border-color:#87ac99!important}.sentence-save.is-saved{color:var(--green);opacity:1;background:#dff1e7;border-color:#8bb9a1}.saved-sentences-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12241c6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.saved-sentences-dialog{background:#f9fbf9;border:1px solid #d6e1da;border-radius:19px;flex-direction:column;width:min(640px,100%);max-height:min(760px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 90px #11281d47}.saved-sentences-dialog>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 15px 12px 18px;display:flex}.saved-sentences-dialog>header>div{align-items:center;gap:10px;display:flex}.saved-sentences-dialog>header>div>span{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:10px;place-items:center;font-family:Noto Serif JP,serif;font-weight:800;display:grid}.saved-sentences-dialog header p{gap:3px;margin:0;display:grid}.saved-sentences-dialog header strong{font-size:14px}.saved-sentences-dialog header small{color:#7c8b83;font-size:9px;font-weight:500}.saved-sentences-dialog>header>button{border:1px solid var(--line);color:#63766c;cursor:pointer;background:#f7f9f7;border-radius:10px;width:34px;height:34px;font-size:21px}.saved-sentences-list{gap:10px;padding:14px;display:grid;overflow-y:auto}.saved-sentences-list article{background:#fff;border:1px solid #dce5df;border-radius:13px;padding:14px 112px 14px 15px;position:relative}.saved-sentence-meta{color:#788981;align-items:center;gap:8px;font-size:9px;display:flex}.saved-sentence-meta span{text-overflow:ellipsis;white-space:nowrap;max-width:330px;overflow:hidden}.saved-sentence-meta small{color:var(--green);background:#edf3ef;border-radius:5px;flex:none;padding:2px 6px;font-size:8px}.saved-sentences-list article>p{color:#263d34;margin:9px 0 4px;font-family:Noto Serif JP,serif;font-size:16px;line-height:1.75}.saved-sentences-list article>div:not(.saved-sentence-meta){color:#7b8a82;font-size:10px;line-height:1.55}.saved-sentences-list article>button{color:#62766b;cursor:pointer;background:#f8faf8;border:1px solid #dae4de;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:inline-flex;position:absolute;top:14px;right:14px}.saved-sentences-empty{color:#85928c;text-align:center;align-content:center;place-items:center;gap:8px;min-height:250px;padding:40px;display:grid}.saved-sentences-empty .icon{color:#5f8573}.saved-sentences-empty strong{color:#50645a;font-size:13px}.saved-sentences-empty span{font-size:10px}.reading-word{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #23805b40;padding:0 1px 1px;display:inline}.reading-word:hover,.reading-word.is-selected{background:#56b58421;border-bottom-color:#1e805a;border-radius:4px}.reading-word.is-speaking,.reading-token.is-speaking{background:#ffe6a6;border-bottom-color:#d39d1d;border-radius:4px;box-shadow:0 0 0 2px #ffe6a68c}.inspector{border-left:1px solid var(--line);background:#f8faf8;min-width:0}.inspector-tabs{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8faf8f5;grid-template-columns:repeat(3,1fr);height:51px;padding:7px 12px 0;display:grid;position:sticky;top:0}.inspector-tabs button{color:#7b8a82;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:11px;position:relative}.inspector-tabs button.is-active{border-bottom-color:var(--green-2);color:var(--green);font-weight:800}.inspector-tabs button span{background:#e1eae4;border-radius:10px;margin-left:4px;padding:1px 5px;font-size:8px}.inspector-close{display:none}.dictionary-card,.notes-panel{padding:24px 21px}.panel-eyebrow{color:#88968f;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:9px;font-weight:800}.dictionary-title{align-items:end;gap:9px;display:flex}.dictionary-title strong{font-family:Noto Serif JP,serif;font-size:32px;line-height:1.1}.dictionary-title>span{color:#297e5d;padding-bottom:3px;font-size:12px}.dictionary-tags{gap:5px;margin-top:10px;display:flex}.dictionary-tags span{color:#66776e;background:#e6eee9;border-radius:5px;padding:3px 7px;font-size:9px}.dictionary-meaning{color:#2e4139;margin:20px 0 15px;font-size:14px;font-weight:650;line-height:1.7}.dictionary-example{background:#edf3ef;border-left:3px solid #72ad91;border-radius:3px 9px 9px 3px;padding:12px 13px}.dictionary-example p{margin:0;font-family:Noto Serif JP,serif;font-size:13px;line-height:1.65}.dictionary-example span{color:#78877f;margin-top:3px;font-size:10px;line-height:1.5;display:block}.save-word{width:100%;min-height:38px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #cddbd3;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:11px;font-weight:700;display:flex}.save-word.is-saved{background:var(--green-soft);border-color:#bddac9}.article-vocabulary{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.article-vocabulary>div{flex-wrap:wrap;gap:6px;display:flex}.article-vocabulary button{color:#566b60;cursor:pointer;background:#fff;border:1px solid #dae4de;border-radius:7px;padding:5px 8px;font-size:10px}.source-panel{padding:18px 15px 24px}.source-summary{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px;display:grid}.source-summary span{color:#728179;text-align:center;background:#edf3ef;border-radius:9px;gap:2px;padding:8px 5px;font-size:8px;display:grid}.source-summary strong{color:#2c634c;font-size:15px}.source-list{gap:8px;display:grid}.source-record{background:#fff;border:1px solid #dde5e0;border-radius:11px;padding:11px}.source-record-head{justify-content:space-between;align-items:start;gap:7px;display:flex}.source-record-head strong{font-size:11px;line-height:1.4}.ownership{color:#6f7e76;background:#edf0ee;border-radius:5px;flex:none;padding:3px 6px;font-size:7px;font-weight:750}.ownership-todaii{color:#536d93;background:#e7edf7}.ownership-original-source{color:#39765a;background:#e2f1e8}.ownership-derived{color:#806b3e;background:#f4eddd}.ownership-unknown{color:#8d5d56;background:#f5e7e5}.source-record p{color:#78877f;margin:8px 0;font-size:9px;line-height:1.55}.source-record-meta{color:#8b9791;justify-content:space-between;gap:8px;font-size:8px;display:flex}.source-record-meta a{color:var(--green);text-decoration:none}.notes-panel textarea{resize:vertical;width:100%;min-height:230px;color:var(--ink);background:#fff;border:1px solid #d8e2dc;border-radius:11px;outline:none;padding:13px;font-size:12px;line-height:1.7}.notes-panel textarea:focus{border-color:#71a98d;box-shadow:0 0 0 3px #4c9a721a}.notes-panel>p:not(.panel-eyebrow){color:#8a9790;margin:7px 2px 18px;font-size:8px}.selected-sentence-note{background:#eaf1ed;border-radius:10px;gap:7px;padding:11px;display:grid}.selected-sentence-note span{color:#77867e;font-size:8px}.selected-sentence-note strong{font-family:Noto Serif JP,serif;font-size:11px;line-height:1.65}.reader-player{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfdfcf7;border-top:1px solid #d8e1dc;min-height:99px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 35px #1c372a1a}.reader-player audio{display:none}.player-range{--player-progress:0%;appearance:none;background:linear-gradient(to right, #27875f var(--player-progress), #dbe4de var(--player-progress));cursor:pointer;border:0;border-radius:0;width:100%;height:4px;margin:0;position:absolute;top:-2px;left:0}.player-range::-webkit-slider-thumb{appearance:none;background:#1d7c56;border:3px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 5px #0000002e}.player-range::-moz-range-thumb{background:#1d7c56;border:3px solid #fff;border-radius:50%;width:8px;height:8px}.player-inner{max-width:1500px;min-height:98px;padding:13px 24px env(safe-area-inset-bottom);grid-template-columns:minmax(180px,1fr) auto minmax(280px,1fr);align-items:center;gap:24px;margin:0 auto;display:grid}.player-context{gap:5px;min-width:0;display:grid}.player-label{color:#8a9790;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:750}.player-context strong{color:#41554c;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Serif JP,serif;font-size:11px;font-weight:600;overflow:hidden}.player-controls{justify-content:center;align-items:center;gap:11px;display:flex}.player-controls button,.player-options button,.player-options a{color:#53675d;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.player-controls>button:not(.primary-play){border-radius:50%;width:34px;height:34px}.player-controls>button:not(.primary-play):hover{background:#edf3ef}.player-controls .primary-play{background:var(--green);color:#fff;border-radius:50%;width:48px;height:48px;box-shadow:0 7px 17px #17634742}.primary-play .icon{margin-left:2px}.player-options{justify-content:flex-end;align-items:center;gap:13px;display:flex}.player-time{color:#72827a;font-variant-numeric:tabular-nums;min-width:78px;font-size:9px}.player-options button,.player-options a{white-space:nowrap;border-radius:8px;gap:5px;min-height:32px;padding:0 8px;font-size:9px}.player-options button.is-on{background:var(--green-soft);color:var(--green)}.player-save-article.is-on .icon{fill:currentColor}.player-options a:hover,.player-options a:focus-visible{color:var(--green);background:#edf3ef}.player-gpt-badge{color:#fff;letter-spacing:.04em;background:#254f3f;border-radius:5px;place-items:center;min-width:25px;height:18px;font:800 7px/1 Inter,sans-serif;display:grid}.rate-select select{color:#52675c;background:#fff;border:1px solid #d7e0db;border-radius:8px;outline:0;height:31px;padding:0 23px 0 8px;font-size:10px}@media (width<=1180px){.workspace{grid-template-columns:205px minmax(390px,1fr) 300px}.catalog-workspace{grid-template-columns:205px minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader{padding-left:35px;padding-right:35px}.dictionary-card,.notes-panel{padding-left:16px;padding-right:16px}.player-inner{grid-template-columns:minmax(140px,1fr) auto minmax(230px,1fr)}}@media (width<=920px){.app-shell{padding-bottom:112px}.catalog-shell{padding-bottom:0}.workspace{display:block}.sidebar{display:none}.mobile-history-button,.mobile-sentences-button{display:grid!important}.reader{padding:24px max(20px, env(safe-area-inset-left)) 35px}.inspector{z-index:55;border:1px solid var(--line);opacity:0;pointer-events:none;background:#f8faf8;border-radius:16px;height:auto;max-height:min(58vh,520px);margin:0;transition:transform .22s,opacity .16s;position:fixed;inset:auto 20px 112px;overflow-y:auto;transform:translateY(calc(100% + 130px));box-shadow:0 22px 75px #142b203d}.inspector.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.inspector-tabs{border-radius:14px 14px 0 0;grid-template-columns:repeat(3,1fr) 34px;position:sticky}.inspector-close{place-items:center;display:grid;color:#64766d!important;border-bottom:0!important;font-size:19px!important}.source-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page,.history-page{min-height:calc(100vh - 68px);padding:28px 20px 55px}.catalog-hero{display:block}.player-inner{min-height:108px;padding:13px 18px calc(9px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:14px}.player-context{grid-area:1/1/auto/-1}.player-controls{grid-area:2/1;justify-content:flex-start}.player-options{grid-area:2/2}}@media (width<=600px){.app-shell{padding-bottom:105px}.catalog-shell{padding-bottom:0}.topbar{height:58px;padding:0 13px}.brand{min-width:0}.brand-mark{border-radius:9px;width:32px;height:32px;font-size:17px}.brand small,.api-status{display:none}.topbar-status{gap:8px}.topbar-status button{width:32px;height:32px}.topbar-status .auth-trigger{justify-content:center;width:32px;padding:0}.auth-trigger>span{display:none}.auth-popover{width:min(274px,100vw - 26px);position:fixed;top:66px;right:13px}.reader{padding:18px 13px 25px}.catalog-page,.history-page{min-height:calc(100vh - 58px);padding:22px 13px 42px}.history-hero{margin-bottom:18px;display:block}.history-hero h1{margin-top:6px;font-size:29px}.history-hero p{line-height:1.6}.history-summary{margin-top:15px}.history-summary span{flex:1;min-width:0}.history-toolbar{align-items:stretch;padding:5px}.history-toolbar>span{display:none}.history-filter{width:100%}.history-filter button{flex:1;justify-content:center}.history-card{grid-template-columns:112px minmax(0,1fr);gap:12px;min-height:0;padding:9px}.history-card-image{width:112px;height:94px}.history-card h2{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:14px;line-height:1.5;display:-webkit-box}.history-card-content>p,.history-card-meta span:nth-last-child(-n+2),.history-card-meta i{display:none}.history-card-footer{margin-top:8px}.history-card-footer>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-card-arrow{display:none}.catalog-hero{margin-bottom:20px}.catalog-hero h1{margin-top:6px;font-size:29px;line-height:1.3}.catalog-controls{grid-template-columns:1fr 36px;gap:7px;padding:6px;display:grid}.catalog-mode-label{grid-column:1/-1;justify-content:center}.catalog-search{border-left:0;height:36px}.catalog-search button{padding:0 12px}.refresh-button{width:36px;height:36px}.catalog-filters{flex-wrap:wrap;align-items:start;gap:9px;margin:11px 0 18px}.level-filter{grid-template-columns:repeat(6,1fr);width:100%;display:grid}.level-filter button{min-width:0;padding:0 3px}.live-note{margin-left:auto;padding-top:7px}.reading-status-filter{order:3}.catalog-grid{grid-template-columns:1fr;gap:13px}.article-card-image{height:178px}.article-card-body{min-height:220px;padding:14px}.article-card h3{font-size:19px}.catalog-pagination{gap:10px;margin-top:20px}.catalog-empty{margin-top:30px;padding:35px 20px}.reader-breadcrumb{margin-bottom:17px}.article-kicker{margin-bottom:8px}.article-head h1{font-size:27px;line-height:1.7}.title-translation{font-size:12px}.article-meta{gap:7px;font-size:9px}.article-meta i:last-of-type,.article-meta>span:last-child{display:none}.article-cover{border-radius:12px;margin-top:19px}.article-cover img{aspect-ratio:16/9}.reading-sentence{grid-template-columns:22px minmax(0,1fr) 60px;gap:4px;padding:9px 3px 9px 0}.sentence-number{padding-top:12px;font-size:7px}.sentence-japanese{font-size:18px;line-height:2.15}.sentence-translation{font-size:11px}.sentence-actions{grid-template-columns:repeat(2,28px);gap:4px;width:60px;padding-top:6px}.sentence-play,.sentence-chatgpt,.sentence-save{opacity:.68;width:28px;height:28px}.sentence-save.is-saved{opacity:1}.saved-sentences-overlay{align-items:end;padding:10px}.saved-sentences-dialog{border-radius:17px;max-height:min(78vh,680px)}.saved-sentences-list article{padding-bottom:48px;padding-right:14px}.saved-sentences-list article>button{top:auto;bottom:11px;right:12px}.inspector{bottom:105px;left:13px;right:13px}.dictionary-card,.notes-panel{padding:19px 15px}.source-panel{padding:14px 10px}.source-summary{gap:4px}.source-summary span{font-size:7px}.reader-player{min-height:96px}.player-inner{min-height:95px;padding:10px 10px calc(7px + env(safe-area-inset-bottom));justify-content:space-between;gap:8px;display:flex}.player-context{display:none}.player-controls{gap:5px}.player-controls .primary-play{width:44px;height:44px}.player-controls>button:not(.primary-play){width:29px;height:29px}.player-options{gap:3px}.player-time{display:none}.player-options button,.player-options a{width:31px;padding:0}.player-options button span,.player-action-label{display:none}.player-options .player-furigana{width:48px;padding:0 4px;font-size:8px}.rate-select select{width:52px;padding-left:5px;padding-right:4px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}