:root{color-scheme:light dark;--bg: #f6f5f2;--card: #fff;--card-hover: #fbfaf8;--fg: #1d1d1f;--muted: #6e6e73;--line: #e5e3de;--line-strong: #d8d5ce;--hover: rgba(0, 0, 0, .035);--accent: #2f6fde;--accent-fg: #fff;--accent-soft: #e8effc;--warn-bg: #fff4e0;--warn-fg: #8a5300;--danger: #b82e30;--nav: rgba(255, 255, 255, .94);--shadow: 0 6px 18px rgba(0, 0, 0, .12);font:15px/1.5 -apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,system-ui,sans-serif;background:var(--bg);color:var(--fg)}@media(prefers-color-scheme:dark){:root{--bg: #171719;--card: #232326;--card-hover: #2a2a2e;--fg: #f1f1f3;--muted: #a6a6ae;--line: #38383d;--line-strong: #48484e;--hover: rgba(255, 255, 255, .05);--accent: #8bb4ff;--accent-fg: #0d1a2e;--accent-soft: #263b5c;--warn-bg: #392d18;--warn-fg: #f4c678;--danger: #ff9393;--nav: rgba(35, 35, 38, .95);--shadow: 0 6px 18px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;overflow:hidden}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:8px 12px}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,textarea,select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{min-height:100px;resize:vertical}label{display:block;font-size:13px;margin:10px 0 5px;color:var(--muted)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:13px;color:var(--muted);padding:8px 0}form button{margin-top:10px}h1,h2,h3,p,blockquote{overflow-wrap:anywhere}h1{font-size:30px;line-height:1.3;margin:0 0 18px;font-weight:800;letter-spacing:-.01em}h2{font-size:17px;margin:12px 0}small{font-size:12px}.muted{color:var(--muted);font-size:12px}p.muted{margin:8px 0;line-height:1.65}.brand{font-weight:800;font-size:26px;color:var(--fg);letter-spacing:-.5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:650}.danger{color:var(--danger)}.text-button{background:none;border:0;color:var(--accent);padding:6px 0;font-size:13px;display:inline-flex;gap:4px;align-items:center;min-height:36px}.icon-button{display:inline-grid;place-items:center;padding:0;width:44px;height:44px;border-radius:50%;flex-shrink:0}.app-shell{height:100vh;height:100dvh}.sidebar{display:none}.mobile-nav{position:fixed;inset:auto 0 0;z-index:10;pointer-events:none}.nav-fade{position:absolute;bottom:0;left:0;right:0;height:118px;background:linear-gradient(transparent,var(--bg) 70%);pointer-events:none}.tabbar{position:absolute;left:12px;right:84px;bottom:calc(16px + env(safe-area-inset-bottom));height:60px;border:1px solid var(--line);border-radius:32px;background:var(--nav);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-around;padding:0 5px;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:5px 10px;border-radius:24px;font-size:10.5px;color:var(--fg)}.tabbar a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:700}.search-button,.fab{position:absolute;right:12px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--nav);box-shadow:var(--shadow);color:var(--fg);pointer-events:auto;bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-button[aria-current=page]{background:var(--accent-soft);color:var(--accent);border-color:transparent}.fab{bottom:calc(92px + env(safe-area-inset-bottom));width:54px;height:54px;right:15px}.fab svg{width:28px;height:28px}.page{height:100vh;height:100dvh;overflow:auto;overscroll-behavior-y:contain;padding:calc(20px + env(safe-area-inset-top)) 14px calc(170px + env(safe-area-inset-bottom));scrollbar-gutter:stable;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 4px 16px}.page-heading h1{margin:0;min-width:0}.page-heading h1 small{font-size:14px;color:var(--muted);font-weight:500}.page-heading .text-button{white-space:nowrap}.item-list{min-width:0}.item-card{display:block;color:var(--fg);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:8px}.item-title{font-size:16px;font-weight:650;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.item-card.pending .item-title{color:var(--muted);font-weight:500}.item-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.meta{display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;margin-top:6px;font-size:12px;color:var(--muted)}.meta .source{flex-shrink:1;min-width:0;max-width:130px;overflow:hidden;text-overflow:ellipsis}.meta time,.kind,.badge,.tag{flex-shrink:0}.kind{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:5px;background:#111;color:#fff}.kind.web{background:#5b6b7f}.tag{color:var(--accent)}.badge{font-size:11px;border-radius:999px;padding:1px 7px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}.empty{padding:40px 15px;text-align:center;color:var(--muted)}.empty svg{width:32px;height:32px}.load-more{text-align:center;padding:20px}.list-end{font-size:12px;color:var(--muted);text-align:center;margin-top:20px}.banner,.note{background:var(--warn-bg);color:var(--warn-fg);border-radius:12px;padding:10px 12px;font-size:12px;margin:0 0 10px;overflow-wrap:anywhere}.banner{display:flex;gap:10px;align-items:center;justify-content:space-between}.banner small,.note small{display:block;margin-top:4px}.banner button{flex-shrink:0;color:inherit;text-decoration:underline;min-height:32px}.segments{display:flex;gap:6px;margin:12px 0}.segments button{border-radius:999px;min-height:36px;font-size:12px;padding:6px 12px}.segments button[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.rows{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 14px}.rows:empty{display:none}.collection-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:12px 0;color:var(--fg);border-bottom:1px solid var(--line);min-width:0}.collection-row>div{min-width:0;overflow-wrap:anywhere}.collection-row small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.collection-row .list-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.collection-row>.muted{white-space:nowrap}.collection-row:last-child{border-bottom:0}.list-row{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row .collection-row{flex:1;border:0}.list-row .icon-button{border:0;color:var(--muted);width:36px;min-height:44px}.back-link{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);margin-bottom:10px;min-height:40px}.search-form{margin:0 0 16px}.search-field{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding-left:10px}.search-field input{border:0;padding-left:0;font-size:14px;flex:1;width:0}.search-field input:focus{outline:none}.search-field:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft)}.search-field button{border:0;margin:0;color:var(--accent);white-space:nowrap;background:none}.detail-pane{display:flex;flex-direction:column;height:100vh;height:100dvh;min-width:0;background:var(--bg)}.detail-pane:focus{outline:none}.detail-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior-y:contain;padding:calc(10px + env(safe-area-inset-top)) 18px 28px}.detail-content{min-width:0}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 -3px 12px;position:relative;z-index:4}.detail-toolbar .icon-button{width:38px;min-height:38px;height:38px}.detail-content h1{font-size:20px;line-height:1.45;font-weight:700;margin:8px 0}.detail-meta{flex-wrap:wrap;white-space:normal;font-size:11.5px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.chip{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--fg)}.list-chip{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:600}.source-url{font-size:12px;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.source-url a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.source-label{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:1px}.detail-content h2{font-size:12px;color:var(--muted);font-weight:700;margin:22px 0 7px;letter-spacing:.04em}.points{padding-left:20px;font-size:14.5px;line-height:1.7;margin:0}.points li{margin:5px 0}.summary-text{font-size:14px;line-height:1.85;white-space:pre-wrap;margin:0}.summary-empty{margin-top:16px}.quote{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:0 0 8px;padding:12px;font-size:13px;overflow-wrap:anywhere}.quote strong{display:block;color:var(--muted);font-size:12px}.quote p,.original-text p{white-space:pre-wrap;overflow-wrap:anywhere}.quote a{font-size:12px}.source-title p{font-size:13px;color:var(--muted)}.original-text{margin:24px 0 8px;font-size:13px;color:var(--muted)}.original-text summary{min-height:44px;cursor:pointer}.detail-bottom{flex:none;padding:10px 18px calc(14px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.with-detail>.browse{display:none}.open-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:14px;font-weight:700;font-size:15px;min-height:48px;max-width:740px;margin:0 auto}.x-button{background:var(--fg);color:var(--bg)}.item-menu>summary{list-style:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:var(--card);cursor:pointer}.item-menu>summary::-webkit-details-marker{display:none}.menu{position:absolute;z-index:8;right:0;top:calc(100% + 6px);width:210px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.menu button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;font-size:14px;min-height:44px}.menu button:last-child{border-bottom:0}.detail-placeholder{display:none}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:560px;max-height:90vh;max-height:90dvh;margin:0 auto;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:22px 22px 0 0;padding:10px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow);overscroll-behavior:contain;overflow:auto}.sheet::backdrop{background:#00000061}.grab{width:40px;height:5px;border-radius:3px;background:var(--line-strong);margin:0 auto 10px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-heading h2{font-size:17px;margin:0}.sheet .primary{display:block;width:100%;margin-top:14px}.sheet .check-row{display:flex;align-items:center;gap:10px;color:var(--fg);min-height:44px;margin:0}.check-row input{width:20px;height:20px;min-height:0;accent-color:var(--accent)}.message{border-radius:10px;padding:10px 12px;background:var(--accent-soft);color:var(--accent);font-size:13px;overflow-wrap:anywhere}.error{background:var(--warn-bg);color:var(--warn-fg)}.settings-page>h1{margin:0 4px 18px}.group-title{font-size:12px;font-weight:700;color:var(--muted);margin:18px 5px 6px;letter-spacing:.04em}.group{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 14px;margin-bottom:12px}.group label{font-size:12px}.plain-list{list-style:none;padding:0;margin:0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;min-height:48px;overflow-wrap:anywhere}.settings-row:last-child{border-bottom:0}.settings-row>div{min-width:0}.settings-row small{display:block;font-size:11px;color:var(--muted)}.settings-row button{flex-shrink:0}.settings-details{border-top:1px solid var(--line);padding:6px 0;font-size:13px}.settings-details summary{padding:8px 0;cursor:pointer;min-height:40px}.settings-details summary span{float:right}.group>details{font-size:13px}.group>details>summary{padding:10px 0;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:8px}.usage-row{padding:10px 0}.usage-row>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.usage-row .muted{font-variant-numeric:tabular-nums}progress{display:block;width:100%;height:6px;border:none;border-radius:3px;overflow:hidden;margin-top:6px;background:var(--line);accent-color:var(--accent)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.status-text{font-size:12px;color:var(--muted)}.guide-links{padding:10px 0}.guide-links a{display:block;font-size:12px;min-height:36px;padding:8px 0}.export-link{color:var(--accent);font-size:13px}.token-result{border:1px solid var(--line);border-radius:12px;padding:10px;margin:10px 0;font-size:13px}.token-result textarea{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.auth-shell{max-width:460px;height:100vh;height:100dvh;overflow:auto;margin:auto;padding:calc(70px + env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom));text-align:center;display:flex;flex-direction:column;justify-content:center}.auth-shell .brand{font-size:34px}.auth-card{margin-top:28px}.auth-card form{text-align:left}.auth-card h1{font-size:22px;text-align:center}.auth-card .primary{display:block;width:100%}.update-banner{position:fixed;top:calc(12px + env(safe-area-inset-top));left:12px;right:12px;max-width:500px;margin:auto;z-index:100;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px}@media(min-width:600px)and (max-width:767px){.page{max-width:600px;margin:0 auto;padding-left:24px;padding-right:24px}.detail-pane{max-width:600px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.tabbar{left:50%;transform:translate(-50%);right:auto;width:390px}.search-button{right:calc(50% - 216px)}.fab{right:calc(50% - 213px)}.nav-fade{left:50%;transform:translate(-50%);width:600px}}@media(min-width:768px){.app-shell{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1680px;margin:0 auto}.sidebar{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:auto;padding:24px 12px;border-right:1px solid var(--line);background:var(--bg)}.sidebar .brand{display:block;margin:0 12px 24px;font-size:24px}.sidebar nav{flex:none}.sidebar nav a{display:flex;align-items:center;gap:10px;color:var(--fg);padding:10px 12px;border-radius:10px;margin-bottom:2px;font-size:14px;min-height:42px}.sidebar nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:650}.sidebar-save{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;margin-top:20px;font-size:13px}.sidebar h2{font-size:11px;font-weight:500;color:var(--muted);margin:26px 12px 6px}.sidebar-tags a{display:block;padding:6px 12px;font-size:12px;color:var(--accent);overflow-wrap:anywhere;border-radius:8px}.mobile-nav{display:none}.page{max-width:none;margin:0;height:100vh;height:100dvh;padding:30px 30px 48px;border-right:1px solid var(--line)}.page-heading h1{font-size:30px}.detail-scroll{padding:18px 32px 28px}.detail-toolbar,.detail-content{max-width:720px;margin-left:auto;margin-right:auto}.detail-toolbar{margin-bottom:14px}.detail-bottom{padding:12px 32px calc(16px + env(safe-area-inset-bottom))}.detail-bottom .open-button{max-width:720px}.with-detail>.browse{display:block}.with-detail>.detail-pane{position:fixed;inset:0;z-index:30;height:100vh;height:100dvh;box-shadow:var(--shadow)}.sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 48px));max-height:82vh;max-height:82dvh;border-radius:20px;padding-bottom:24px}.grab{display:none}.settings-page{max-width:780px;margin:0 auto;border-right:0}}@media(min-width:1024px){.detail-back{display:none}.detail-toolbar{justify-content:flex-end}.app-shell{grid-template-columns:220px minmax(340px,420px) minmax(0,1fr)}.browse{border-right:1px solid var(--line)}.with-detail>.detail-pane{position:relative;inset:auto;z-index:auto;height:100vh;height:100dvh;box-shadow:none}.detail-pane{height:100vh;height:100dvh}.detail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--muted);font-size:13px}.detail-placeholder svg{width:36px;height:36px;opacity:.5}.detail-scroll{padding:26px 36px 32px}.detail-toolbar,.detail-content{max-width:740px}.detail-bottom{padding:12px 36px 18px}.menu{top:calc(100% + 6px)}.settings-mode{grid-template-columns:220px minmax(0,1fr)}.settings-mode .settings-page{grid-column:2;justify-self:center;width:min(780px,100%);border-right:0;padding:36px 32px 60px}}@media(min-width:1280px){.app-shell{grid-template-columns:240px minmax(380px,460px) minmax(0,1fr)}.settings-mode{grid-template-columns:240px minmax(0,1fr)}.page{padding-left:26px;padding-right:26px}.detail-scroll,.detail-bottom{padding-left:48px;padding-right:48px}}@media(hover:hover){button:hover:not(:disabled){background:var(--card-hover);border-color:var(--line-strong)}.primary:hover:not(:disabled){background:var(--accent);border-color:transparent;filter:brightness(1.05)}.text-button:hover:not(:disabled){background:none;text-decoration:underline}.item-card:hover{background:var(--card-hover);border-color:var(--line-strong)}.item-card.selected:hover{border-color:var(--accent)}.sidebar nav a:hover,.sidebar-tags a:hover,.tabbar a:hover{background:var(--hover)}.collection-row:hover{color:var(--accent)}.chip:hover{border-color:var(--accent)}.menu button:hover:not(:disabled){background:var(--card-hover)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}