:root{--bg:#faf8f4;--surface:#fff;--border:#e7e2d9;--text:#2b2a28;--muted:#6b6862;--accent:#2f6fdb;--accent-text:#fff;--accent-soft:#e8f0fc;--danger:#c0392b;--input:#fff;--empty:#ece8e0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Malgun Gothic,sans-serif;font-size:14px}:root[data-theme=dark]{--bg:#1c1d20;--surface:#25262a;--border:#34363b;--text:#ecebe8;--muted:#a3a19c;--accent:#6ea4ff;--accent-text:#0f1a2e;--accent-soft:#1e2a3d;--danger:#ff7b6e;--input:#1f2023;--empty:#303237;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}button,input{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.logo{color:var(--accent);letter-spacing:.5px;font-size:22px;font-weight:700}.muted{color:var(--muted)}.theme-btn{color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.page-loading,.setup-notice{max-width:640px;color:var(--muted);margin:0 auto;padding:48px 16px}.setup-notice h1{color:var(--accent)}.login{min-height:100vh;display:flex}.login-brand{background:var(--accent-soft);flex-direction:column;justify-content:center;width:46%;padding:48px 44px;display:flex}.login-brand h1{margin:26px 0 10px;font-size:30px;line-height:1.35}.login-brand p{color:var(--muted);margin:0;line-height:1.6}.chips{flex-wrap:wrap;gap:6px;margin:24px 0 0;padding:0;list-style:none;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px}.login-area{flex-direction:column;flex:1;padding:16px;display:flex}.login-top{justify-content:flex-end;display:flex}.login-form{width:100%;max-width:360px;margin:auto;padding:24px 0}.login-form h2{margin:0;font-size:20px}.tabs{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:20px 0 16px;padding:3px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 0}.tabs button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #00000014}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.field input{border:1px solid var(--border);background:var(--input);border-radius:8px;width:100%;padding:9px 11px}.field input::placeholder{color:var(--muted)}.field input.error{border-color:var(--danger)}.field-error,.form-message{margin:4px 0 0;font-size:12px;line-height:1.5}.field-error,.form-message.error{color:var(--danger)}.form-message{margin-bottom:12px}.form-message.info{color:var(--text);background:var(--accent-soft);border-radius:8px;padding:8px 10px}.btn-primary{background:var(--accent);width:100%;color:var(--accent-text);cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:10px;font-weight:600}.btn-primary:disabled{opacity:.7;cursor:progress}.divider{color:var(--muted);align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-outline{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;display:flex}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.google-logo{flex:none}.hint{text-align:center;color:var(--muted);margin:8px 0 0;font-size:12px}.shell{min-height:100vh;display:flex}.side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:2px;width:210px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0;overflow-y:auto}.side-logo{padding:0 8px 14px;text-decoration:none}.side-title{color:var(--muted);margin:12px 8px 4px;font-size:11px;font-weight:600}.nav-link{color:var(--text);border-radius:7px;padding:7px 8px;text-decoration:none}.nav-link:hover{background:var(--bg)}.nav-link.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 24px;display:flex;position:sticky;top:0}.topbar .logo{text-decoration:none}.grow{flex:1}.side .nav-link{align-items:center;gap:4px;display:flex}.nav-count{color:var(--muted);margin-left:auto;font-size:12px;font-weight:400}.nav-tag-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-icon{text-align:center;flex:none;width:18px}.nav-label{white-space:nowrap;min-width:0;overflow:hidden}.side-toggle{color:var(--muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;margin-top:auto;padding:7px 8px;font-size:12px}.side-toggle:hover{background:var(--bg);color:var(--text)}.side{transition:width .15s}.side.collapsed{width:60px;padding:16px 8px}.side.collapsed .side-logo{text-align:center;padding:0 0 14px}.side.collapsed .nav-link{justify-content:center}.side.collapsed .nav-label,.side.collapsed .nav-count{display:none}.side.collapsed .side-title{background:var(--border);color:#0000;height:1px;margin:10px 4px;overflow:hidden}.side.collapsed .side-toggle{text-align:center}.search-box{align-items:center;width:100%;max-width:360px;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;left:11px}.search-box input{border:1px solid var(--border);background:var(--input);border-radius:999px;width:100%;padding:7px 32px 7px 30px;font-size:13px}.search-box input::placeholder{color:var(--muted)}.search-box input::-webkit-search-cancel-button{display:none}.search-clear{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;font-size:11px;position:absolute;right:6px}.search-clear:hover{background:var(--bg);color:var(--text)}.inbox-search{max-width:none;margin-bottom:10px}.shell-content{flex:1}.page{max-width:960px;margin:0 auto;padding:24px}.page.wide{max-width:none;margin:0}.page-title{margin:0 0 6px;font-size:20px}.page>p{margin:0 0 8px}.btn-text{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 8px}.btn-small{background:var(--accent);color:var(--accent-text);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:7px 14px;font-weight:600}.btn-small:disabled{opacity:.7;cursor:progress}.btn-outline-small{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 14px}.btn-icon{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.empty-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;margin-top:20px;padding:32px 24px}.empty-card h2{margin:0 0 8px;font-size:16px}.empty-card p{color:var(--muted);margin:0}.bottom-nav{z-index:5;background:var(--surface);border-top:1px solid var(--border);padding:6px 0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-link{text-align:center;color:var(--muted);flex:1;padding:2px 0;font-size:11px}.bottom-nav .nav-link.on{background:0 0}.bottom-nav b{font-size:17px;font-weight:400;display:block}.fab{z-index:6;background:var(--accent);width:52px;height:52px;color:var(--accent-text);cursor:pointer;border:none;border-radius:50%;font-size:26px;line-height:1;position:fixed;bottom:72px;right:16px;box-shadow:0 4px 12px #0003}.toast-area{z-index:30;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:24px;left:0;right:0}.toast{background:var(--text);color:var(--bg);border-radius:10px;margin:0 16px;padding:10px 16px;font-size:13px;box-shadow:0 4px 14px #0003}.toast.error{background:var(--danger);color:#fff}.dialog-backdrop{z-index:20;background:#14120f73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;box-shadow:0 10px 30px #0003}.dialog-head{align-items:center;gap:8px;padding:16px 20px 8px;display:flex}.dialog-head h2{flex:1;margin:0;font-size:16px}.dialog-body{flex:1;padding:4px 20px 8px;overflow-y:auto}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}.title-row{gap:6px;display:flex}.title-row input{flex:1;min-width:0}.compose-page .field textarea,.compose-page .field select{border:1px solid var(--border);background:var(--input);width:100%;font:inherit;color:inherit;border-radius:8px;padding:9px 11px}.compose-page .field textarea{resize:vertical;line-height:1.6}.compose-page .field textarea.error,.compose-page .field select.error{border-color:var(--danger)}.tag-box{border:1px solid var(--border);background:var(--input);cursor:text;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:5px 8px;font-size:13px;display:flex}.tag-box:focus-within{outline:2px solid var(--accent);outline-offset:2px}.tag-box.error{border-color:var(--danger)}.tag-box .tag{align-items:center;gap:2px;padding:3px 4px 3px 9px;display:inline-flex}.tag-remove{width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;display:inline-flex}.tag-remove:hover{background:var(--accent);color:#fff}.compose-page .field .tag-box input{background:0 0;border:none;flex:1;width:auto;min-width:120px;padding:4px 2px}.compose-page .field .tag-box input:focus-visible{outline:none}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.inbox-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.inbox-head .page-title{margin:0}.inbox-count{color:var(--muted)}.inbox-filters{gap:6px;display:flex}.inbox-filters-mobile{margin-left:auto}.topbar-filters{display:flex}.inbox-filters select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.type-chips{gap:6px;margin:0 -16px 12px;padding:0 16px 2px;display:flex;overflow-x:auto}.type-chips a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;flex:none;padding:5px 12px;font-size:12px;text-decoration:none}.type-chips a.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.item-list,.card-grid{margin:0;padding:0;list-style:none}.item-list{background:var(--surface);border:1px solid var(--border);border-radius:12px}.item-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.item-row:last-child{border-bottom:none}.item-icon{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:12px;display:flex}.item-check{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex:none;margin:3px 4px 0}.item-body,.card-body{flex:1;min-width:0}.item-title,.card-title{overflow-wrap:anywhere;margin:0;font-weight:600}.item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-title.done{color:var(--muted);font-weight:400;text-decoration:line-through}.item-summary,.card-summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.row-thumb{aspect-ratio:16/9;background:var(--bg);border-radius:8px;flex:none;width:112px;position:relative;overflow:hidden}.row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.row-play{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;font-size:10px;display:flex;position:absolute;top:50%;left:50%}.item-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.due-over{color:var(--danger);font-weight:600}.tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:2px 8px}.btn-open{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:7px;padding:2px 8px;font-size:11px;text-decoration:none}.btn-open:hover{border-color:var(--accent);color:var(--accent)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.list-loading{color:var(--muted);margin:8px 2px;font-size:13px}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-thumb{aspect-ratio:16/9;background:var(--bg);position:relative}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-play{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;font-size:14px;display:flex;position:absolute;top:50%;left:50%}.card-thumb.broken{border-bottom:1px solid var(--border);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex}.card-broken-icon{font-size:20px}.card-body{padding:10px 12px 12px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.card-sub{color:var(--muted);margin:4px 0 0;font-size:11px}.more{text-align:center;margin-top:14px}.empty-action{margin-top:14px}.skeleton .skeleton-line{background:var(--border);border-radius:6px;height:12px;margin:4px 0 8px;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}.skeleton .skeleton-line.short{width:40%}.skeleton .card-thumb{animation:1.2s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{50%{opacity:.5}}.item-list{overflow:hidden}.item-row,.item-card{position:relative}.item-row:hover,.item-card:hover{background:var(--bg)}.item-card:hover{border-color:var(--accent)}.stretched-link{color:inherit;text-decoration:none}.stretched-link:after{content:"";position:absolute;inset:0}.stretched-link:focus-visible{outline:none}:is(.item-row:has(.stretched-link:focus-visible),.item-card:has(.stretched-link:focus-visible)){outline:2px solid var(--accent);outline-offset:-2px}.item-check,.btn-open{z-index:1;position:relative}a.btn-outline-small{color:var(--text);text-decoration:none;display:inline-block}.btn-outline-small.danger{color:var(--danger)}.btn-danger{background:var(--danger);color:#fff}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.detail{flex-direction:column;max-width:720px;margin:0 auto;display:flex}.detail-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.detail-back{color:var(--muted);font-size:13px;text-decoration:none}.detail-back:hover{color:var(--accent)}.detail-tags{margin:0 0 12px}.detail-task{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.detail-check{color:var(--text);cursor:pointer;align-items:center;gap:4px;font-weight:600;display:flex}.detail-actions{flex-wrap:wrap;gap:6px;display:flex}.content-view{flex-direction:column;gap:14px;display:flex}.content-view .detail-text a{color:var(--accent)}.content-link{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.content-link:hover{border-color:var(--accent)}.content-link-mark{color:var(--accent)}.content-link-url{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.content-link-site{color:var(--muted);flex:none;font-size:12px}.detail-media{background:var(--bg);border-radius:12px;overflow:hidden}.detail-media iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.detail-media.image img{object-fit:contain;max-width:100%;max-height:70vh;margin:0 auto;display:block}.detail-media.broken{aspect-ratio:16/9;border:1px solid var(--border);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.detail-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.dialog.confirm{max-width:380px}.dialog.confirm .dialog-body p{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.6}@media (width<=767px){.pc-only{display:none!important}.login{flex-direction:column;position:relative}.login-brand{width:100%;padding:22px 20px 20px}.login-brand h1{margin:12px 0 0;font-size:18px}.chips{margin-top:12px}.login-area{padding:0 20px}.login-top{position:absolute;top:18px;right:16px}.login-form{max-width:none;margin:0;padding:18px 0 32px}.topbar{padding:10px 16px}.page{padding:16px 16px 140px}.dialog-backdrop{padding:0}.dialog{border:none;border-radius:0;max-width:none;height:100%;max-height:none}.dialog-head{border-bottom:1px solid var(--border);padding:10px 12px}.dialog-head h2{text-align:center}.dialog-body{padding:14px 16px 24px}.toast-area{bottom:80px}.card-grid{grid-template-columns:1fr}.inbox-head .page-title{font-size:17px}.confirm-backdrop{padding:16px}.dialog.confirm{border:1px solid var(--border);border-radius:14px;height:auto}.dialog.confirm .dialog-head{border-bottom:none;padding:16px 20px 8px}.dialog.confirm .dialog-head h2{text-align:left}}@media (width>=768px){.mobile-only{display:none!important}}.dash-head{align-items:baseline;gap:8px;margin-bottom:14px;display:flex}.dash-head .page-title{margin:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:0;padding:14px 16px}.panel-title{align-items:center;gap:6px;margin:0 0 10px;font-size:13px;display:flex}.panel-count{color:var(--muted);font-size:12px;font-weight:400}.panel-more{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400;text-decoration:none}.panel-more:hover{color:var(--accent)}.panel-empty{color:var(--muted);margin:0;padding:4px 0 2px;font-size:12px}.dash-overview{align-items:stretch;gap:16px;margin-bottom:16px;display:flex}.dash-grass{flex:1}.dash-stats{flex-direction:column;flex:none;gap:10px;width:190px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;justify-content:center;padding:10px 14px;display:flex}.stat-value{font-size:22px;font-weight:700;line-height:1.2}.stat-label{color:var(--muted);font-size:11px}.stat.warn .stat-value{color:var(--danger)}.dash-cols{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.dash-stack,.dash-placeholder{flex-direction:column;gap:12px;display:flex}.dash-list{margin:0;padding:0;list-style:none}.dash-line{border-top:1px solid var(--border);align-items:flex-start;gap:9px;padding:7px 0;display:flex;position:relative}.dash-line:first-child{border-top:none;padding-top:0}.dash-line .item-check{margin:2px 2px 0}.dash-line .item-icon{width:24px;height:24px;font-size:11px}.dash-line .item-meta{margin-top:3px}.dash-line:has(.stretched-link:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.grass{grid-template-columns:auto minmax(0,1fr);column-gap:6px;display:grid}.grass-days{color:var(--muted);grid-template-rows:14px repeat(7,1fr);row-gap:3px;font-size:10px;display:grid}.grass-days span{align-items:center;line-height:1;display:flex}.grass-weeks{grid-template-rows:14px auto;row-gap:3px;display:grid}.grass-months{color:var(--muted);column-gap:3px;font-size:10px;display:grid}.grass-months span{white-space:nowrap}.grass-cells{grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:3px;display:grid}.grass-cell{aspect-ratio:1;background:var(--empty);border-radius:3px;display:block;position:relative}.grass-cell.l1{background:color-mix(in srgb, var(--accent) 30%, var(--surface))}.grass-cell.l2{background:color-mix(in srgb, var(--accent) 55%, var(--surface))}.grass-cell.l3{background:color-mix(in srgb, var(--accent) 78%, var(--surface))}.grass-cell.l4{background:var(--accent)}.grass-cell.future{border:1px dashed var(--border);background:0 0}.grass-cell.today{outline:2px solid var(--text);outline-offset:1px}.grass-tip{z-index:2;background:var(--text);color:var(--surface);white-space:nowrap;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.grass-tip.start{left:0;transform:none}.grass-tip.end{left:auto;right:0;transform:none}.grass-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:3px;margin-top:8px;font-size:10px;display:flex}.grass-legend .grass-cell{width:10px}.grass-legend span:first-child{margin-right:3px}.grass-legend span:last-child{margin-left:3px}@media (width<=767px){.dash-mstats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.dash-overview{margin-bottom:12px;display:block}.dash-cols{grid-template-columns:minmax(0,1fr);gap:12px}.dash .panel{padding:12px 14px}}.topbar{flex-wrap:wrap}.wake-notice{background:var(--accent-soft);color:var(--accent);border-bottom:1px solid var(--border);text-align:center;flex-basis:calc(100% + 48px);margin:10px -24px -10px;padding:8px 16px;font-size:13px;font-weight:600}.detail.skeleton .skeleton-line.detail-skeleton-title{width:70%;height:22px;margin:10px 0 18px}@media (width<=767px){.wake-notice{flex-basis:calc(100% + 32px);margin:10px -16px -10px}}.avatar{object-fit:cover;background:var(--accent-soft);color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.profile-menu{position:relative}.avatar-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:0;display:flex}.avatar-btn:hover,.avatar-btn.open{border-color:var(--accent)}.profile-dropdown{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:256px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 28px #00000038}.profile-dropdown-head{align-items:center;gap:10px;padding:10px;display:flex}.profile-dropdown-who{flex-direction:column;min-width:0;display:flex}.profile-dropdown-who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-dropdown hr{background:var(--border);border:none;width:100%;height:1px;margin:4px 0}.profile-dropdown a,.profile-dropdown button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--bg)}.profile-dropdown a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.photo-editor{flex:none;display:flex;position:relative}.photo-btn{border:2px solid var(--surface);background:var(--accent);width:28px;height:28px;color:var(--accent-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:-3px;right:-3px}.photo-busy{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite photo-spin}@keyframes photo-spin{to{transform:rotate(360deg)}}.photo-sheet-backdrop{z-index:10;position:absolute;top:calc(100% + 8px);left:0}.photo-sheet{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;width:260px;padding:10px;display:flex;box-shadow:0 10px 28px #00000038}.photo-sheet-title{margin:2px 4px 4px;font-weight:700}.photo-sheet button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;display:flex}.photo-sheet button:hover{border-color:var(--accent)}.photo-sheet button small{color:var(--muted);font-size:12px;display:block}.photo-sheet .photo-sheet-cancel{background:var(--bg);border-color:#0000;justify-content:center;font-weight:600}.profile-page,.settings-page{flex-direction:column;gap:12px;max-width:720px;margin:0;display:flex}.profile-card{align-items:center;gap:18px;padding:22px;display:flex}.profile-who{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-who b{font-size:18px}.profile-who>span{color:var(--muted);overflow-wrap:anywhere}.profile-who small{color:var(--muted);font-size:12px}.profile-badges{gap:6px;display:flex}.profile-heading{margin:8px 2px 0;font-size:15px}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.profile-stats li{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.profile-stats span{color:var(--muted);font-size:12px}.profile-stats b{font-size:22px}.settings-section{flex-direction:column;gap:10px;display:flex}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;display:grid}.segmented button{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:9px 0}.segmented button.on{background:var(--surface);color:var(--text);font-weight:700;box-shadow:0 1px 3px #0000001f}.settings-help{color:var(--muted);margin:0;font-size:12px}.switch-row{cursor:pointer;align-items:center;gap:10px;display:flex}.switch-row span{flex:1}.switch-row input{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;flex:none;width:44px;height:26px;margin:0;transition:background .15s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:after{transform:translate(18px)}.switch-row input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-list{flex-direction:column;margin-top:8px;padding:0;display:flex}.settings-list a{color:var(--text);align-items:center;gap:8px;padding:14px 16px;text-decoration:none;display:flex}.settings-list a+a{border-top:1px solid var(--border)}.settings-list a span{flex:1}.settings-list small,.settings-list i{color:var(--muted);font-style:normal}.settings-logout{color:var(--danger);font:inherit;cursor:pointer;background:0 0;border:none;padding:14px 16px;font-weight:600}.settings-back{align-self:flex-start;padding-left:0;text-decoration:none}@media (width<=767px){.profile-card{gap:14px;padding:16px}.profile-who b{font-size:17px}.profile-who small{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.profile-heading{color:var(--muted);margin-top:6px;font-size:12px;font-weight:600}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.profile-stats li{flex-direction:column-reverse;align-items:center;gap:2px;padding:10px}.profile-stats span{font-size:11px}.profile-stats b{font-size:17px}.photo-sheet-backdrop{z-index:30;background:#14120f73;align-items:flex-end;display:flex;position:fixed;inset:0}.photo-sheet{border:none;border-radius:18px 18px 0 0;width:100%;padding:14px 16px 22px}.photo-sheet-title{text-align:center}}.field-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.gender-picker button{padding:7px 0;font-size:13px}.gender-picker.error{border-color:var(--danger)}.signup-help{color:var(--muted);margin:-2px 0 14px;font-size:12px}.complete-profile{background:var(--bg);min-height:100vh;padding:16px;display:flex}.complete-profile h1{margin:18px 0 4px;font-size:19px}.complete-who{align-items:center;gap:12px;margin-top:18px;display:flex}.complete-who div{flex-direction:column;gap:2px;min-width:0;display:flex}.complete-who span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.complete-help{color:var(--muted);margin:0 0 16px;font-size:13px}.complete-logout{margin:10px auto 0;display:block}.account-list{padding:0;overflow:hidden}.account-row+.account-row{border-top:1px solid var(--border)}.account-row.open{background:var(--accent-soft)}.account-row-head{align-items:center;gap:8px;min-height:48px;padding:8px 22px;display:flex}.account-label{width:120px;color:var(--muted);flex:none}.account-value{overflow-wrap:anywhere;flex:1;min-width:0}.account-note{color:var(--muted);font-size:12px}.account-form{flex-direction:column;gap:8px;padding:0 22px 14px 150px;display:flex}.account-form input{border:1px solid var(--border);background:var(--input);border-radius:8px;width:100%;padding:9px 11px}.account-form input:focus{border-color:var(--accent)}.account-help{color:var(--muted);margin:0;font-size:12px}.account-actions{gap:8px;display:flex}.withdraw-link{align-self:flex-start;margin-top:8px;padding-left:2px;font-size:13px;text-decoration:underline}.withdraw-warning{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger);border-radius:10px;margin:0 0 12px;padding:12px 14px;font-size:13px;line-height:1.6}.dialog.withdraw .field{margin-bottom:0}@media (width<=767px){.account-row-head{padding:8px 14px}.account-label{width:auto;color:var(--text);flex:1}.account-value{max-width:55%;color:var(--muted);text-align:right;flex:none}.account-note{display:none}.account-form{padding:0 14px 14px}.account-actions button{flex:1}.withdraw-link{align-self:center}}.form-field .field-head{flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:5px;display:flex}.form-field .field-head label{color:var(--text);margin:0;font-size:13px;font-weight:600}.required-mark{color:var(--danger);margin-left:2px}.form-field .field-head .field-error{margin:0;font-size:12px}.birth-select{grid-template-columns:1.3fr 1fr 1fr;gap:8px;display:grid}.birth-select select{border:1px solid var(--border);background:var(--input);width:100%;min-width:0;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:9px 8px}.birth-select select.error{border-color:var(--danger)}.email-input{grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;display:grid}.email-input input,.email-input select{border:1px solid var(--border);background:var(--input);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px;padding:9px 8px}.email-input select{cursor:pointer}.email-input input.locked{background:var(--empty);color:var(--muted);cursor:default}.email-input .error{border-color:var(--danger)}.email-at{color:var(--muted);font-weight:600}.nickname-number{color:var(--muted);margin-left:2px;font-size:.85em;font-weight:400}.auth-done{text-align:center}.auth-done .logo{margin-bottom:8px}.auth-done-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:8px auto 14px;font-size:26px;font-weight:700;display:flex}.auth-done h2{margin:0 0 10px}.auth-done p{overflow-wrap:anywhere;margin:0 0 10px;line-height:1.6}.auth-done-help{color:var(--muted);font-size:13px}.auth-done .btn-primary{margin-top:10px}.topbar .search-box{flex:150px;width:auto;min-width:150px;max-width:360px}.topbar-more{flex:none;position:relative}.topbar-right{flex:none;align-items:center;gap:8px;display:flex}.more-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.more-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:30px;color:var(--muted);font:inherit;cursor:pointer;border-radius:8px;padding:0;font-size:16px;line-height:1;position:relative}.more-btn:hover,.more-btn.open{border-color:var(--accent);color:var(--text)}.more-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.more-panel{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;min-width:200px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 28px #00000038}.more-panel[hidden],.more-panel .topbar-filters:empty{display:none}.more-panel .inbox-filters{flex-direction:column}.more-panel .inbox-filters select{width:100%;padding:7px 10px}.more-panel .theme-btn{align-self:flex-start}.compose-page{flex-direction:column;gap:14px;display:flex}.compose-page .field{margin:0}.compose-head{align-items:center;gap:8px;display:flex}.compose-head .page-title{flex:1;margin:0}.kind-switch{border:1px solid var(--border);border-radius:8px;flex:none;display:flex;overflow:hidden}.kind-switch button{background:var(--input);cursor:pointer;border:none;padding:0 14px}.kind-switch button.on{background:var(--accent);color:var(--accent-text);font-weight:700}.compose-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.compose-pane-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.compose-page .compose-pane textarea,.compose-preview-box{width:100%;height:clamp(320px,55vh,640px);display:block}.compose-page .compose-pane textarea{resize:none}.compose-preview-box{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px;overflow-y:auto}.compose-preview-box .muted{margin:0}.cover-label{font-weight:600}.cover-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cover-box{aspect-ratio:16/9;border:1px dashed var(--border);background:var(--empty);width:112px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:20px;display:flex;overflow:hidden}.cover-box img{object-fit:cover;width:100%;height:100%;display:block}.cover-input{display:none}.cover-hint{color:var(--muted);flex:180px;font-size:13px}.compose-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.compose-tabs{border-bottom:1px solid var(--border);display:flex}.compose-tabs button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1}.compose-tabs button.on{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}@media (width<=767px){.composing .topbar,.composing .bottom-nav{display:none}.compose-page.page{padding-bottom:24px}.compose-head{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);margin:-16px -16px 0;padding:8px 12px;position:sticky;top:0}.compose-head .page-title{text-align:center;font-size:16px}.compose-panes{grid-template-columns:minmax(0,1fr)}.compose-pane{display:none}.compose-pane.on{display:block}.compose-pane .compose-pane-label{display:none}.row-thumb{width:84px}}.hero{color:#fff;background:#2f4a66;border-radius:12px;align-items:flex-end;height:240px;margin-bottom:14px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.hero.wide{border-radius:0;height:300px;margin:0;padding:28px 24px}.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero.has-image:after{content:"";background:#0a0e148c;position:absolute;inset:0}.hero-text{z-index:1;width:100%;min-width:0;position:relative}.hero.wide .hero-text{max-width:720px;margin:0 auto}.hero h1{overflow-wrap:anywhere;margin:0 0 8px;font-size:24px;line-height:1.35}.hero.wide h1{font-size:30px}.hero-sub{color:#e6e9ee;flex-wrap:wrap;gap:2px 12px;font-size:13px;display:flex}.public-mark{border:1px solid var(--accent);color:var(--accent);border-radius:999px;align-self:flex-start;padding:1px 7px;font-size:11px}.share-bar{border:1px solid var(--accent);background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;display:flex}.share-bar b{color:var(--accent)}.share-url{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:200px;font-size:13px;overflow:hidden}.scope-row{flex-wrap:wrap;gap:8px;display:flex}.scope-option{border:1px solid var(--border);background:var(--input);cursor:pointer;border-radius:8px;flex:240px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.scope-option.on{border-color:var(--accent);background:var(--accent-soft)}.compose-page .field .scope-option{color:inherit;margin:0;font-size:14px}.compose-page .field .scope-option input{width:auto;margin:3px 0 0}.scope-option b,.scope-option small{display:block}.scope-option b{font-weight:600}.scope-option small{color:var(--muted);margin-top:2px;font-size:12px}.shared-page{background:var(--bg);min-height:100vh;color:var(--text)}.shared-bar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.shared-bar .logo{text-decoration:none}.shared-body{max-width:720px;margin:0 auto;padding:28px 24px 64px}.shared-message{text-align:center;max-width:480px;margin:0 auto;padding:64px 24px}.shared-message h1{margin:0 0 10px;font-size:18px}.shared-message p{color:var(--muted);margin:0 0 16px;line-height:1.6}@media (width<=767px){.hero{height:200px;padding:18px 16px}.hero.wide{height:220px;padding:18px 16px}.hero h1,.hero.wide h1{font-size:21px}.shared-bar{padding:10px 16px}.shared-body{padding:18px 16px 48px}}.link-card{aspect-ratio:5;border:1px solid var(--border);background:var(--surface);width:100%;min-height:88px;color:inherit;border-radius:10px;text-decoration:none;display:flex;overflow:hidden}.link-card:hover{border-color:var(--accent)}.link-card img{object-fit:cover;background:var(--empty);flex:none;width:26%;min-width:88px}.link-card-text{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:10px 14px;display:flex}.link-card-text b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.link-card-description{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}@media (width<=767px){.link-card-description{-webkit-line-clamp:1}}.link-card-site{color:var(--accent);font-size:13px}.filter-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;border-radius:8px;margin-left:auto;padding:6px 14px;font-weight:600}.filter-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.filter-panel{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;margin-bottom:12px;padding:14px 16px;display:grid}.filter-head{grid-column:1/-1}.filter-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;display:grid}.filter-group{border:none;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.filter-label{color:var(--muted);font-size:12px;font-weight:600}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip,.filter-picked{border:1px solid var(--border);background:var(--surface);max-width:100%;color:var(--text);font:inherit;overflow-wrap:anywhere;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.filter-chip.on{border-color:var(--accent);background:var(--accent);color:var(--accent-text);font-weight:600}.filter-sites.open{max-height:150px;overflow-y:auto}.filter-site-search,.filter-dates input{box-sizing:border-box;border:1px solid var(--border);background:var(--input);color:var(--text);font:inherit;border-radius:8px;padding:6px 10px;font-size:13px}.filter-site-search{width:100%}.filter-dates{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-dates input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;min-width:0}@media (prefers-color-scheme:dark){.filter-dates input{--lightningcss-light: ;--lightningcss-dark:initial}}.filter-more{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:13px}.filter-note{color:var(--muted);margin:0;font-size:13px}.filter-error{color:var(--danger);margin:0;font-size:13px}.filter-actions{align-self:end;align-items:center;gap:12px;display:flex}.filter-reset,.filter-clear{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:none;padding:2px 0;font-size:13px}.filter-chosen{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-picked{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.filter-line{background:var(--border);flex:none;width:1px;height:16px}@media (width<=767px){.filter-btn{min-height:36px;margin-left:0}.filter-panel{z-index:40;border:none;border-radius:0;flex-direction:column;gap:16px;margin:0;padding:0 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.filter-head{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;margin:0 -16px;padding:6px 14px;display:flex;position:sticky;top:0}.filter-close{width:60px;min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.filter-head span{width:60px}.filter-grid{grid-template-columns:minmax(0,1fr);gap:16px}.filter-actions{background:var(--surface);border-top:1px solid var(--border);align-self:stretch;margin:auto -16px 0;padding:10px 16px;position:sticky;bottom:0}.filter-actions .btn-small{flex:1;min-height:44px}}.attach-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.attach-hint{color:var(--muted);font-size:12px}.detail-media.loading{background:var(--empty);min-height:160px}.detail-media video{background:#000;width:100%;max-height:70vh;display:block}.attached-missing{color:var(--muted);margin:0}.file-block{flex-direction:column;gap:4px;display:flex}.file-card{border:1px solid var(--border);background:var(--empty);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:16px;padding:18px 20px;display:flex}.file-card:hover:not(:disabled){border-color:var(--accent)}.file-card:disabled{cursor:default}.file-card-folder{flex:none;width:30px;height:26px}.file-card-down{flex:none;width:22px;height:22px}.file-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.file-card-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-card-size{color:var(--muted);font-size:12px}.folder-new{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;border-radius:8px;margin-left:auto;padding:6px 14px;font-weight:600}.folder-new+.filter-btn{margin-left:0}.folder-tile{--folder:#f6c04a;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;min-width:0;display:flex}.folder-tile.over{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px}.folder-tile a{max-width:100%;color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:12px;text-decoration:none;display:flex}.folder-tile a:hover{background:var(--accent-soft)}.folder-icon{--folder:#f6c04a;width:112px;height:90px}.folder-back{fill:color-mix(in srgb, var(--folder) 78%, #000)}.folder-paper{fill:#fff}.folder-front{fill:var(--folder)}.folder-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.folder-count{color:var(--muted);font-size:12px}.folder-row{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.folder-row .folder-tile{width:124px}.folder-row .folder-icon{width:80px;height:64px}.folder-note{color:var(--muted);align-self:center;list-style:none}.folder-crumb{color:var(--accent);border-radius:6px;text-decoration:none}.folder-crumb.over{background:var(--accent-soft);outline:2px dashed var(--accent)}.folder-crumb-mark{color:var(--muted);font-weight:400}.context-menu{z-index:45;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:200px;padding:6px 0;position:fixed;box-shadow:0 8px 24px #0003}.context-menu hr{border:none;border-top:1px solid var(--border);margin:4px 0}.context-menu>button,.context-menu>div>button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 14px;display:flex}.context-menu>button:hover,.context-menu>button:focus-visible,.context-menu>div>button:hover,.context-menu>div>button:focus-visible{background:var(--accent-soft);outline:none}.context-menu button.danger{color:var(--danger)}.context-icon{text-align:center;width:16px}.context-more{color:var(--muted);margin-left:auto}.color-grid{grid-template-columns:repeat(6,22px);gap:6px;padding:6px 14px 8px;display:grid}.color-dot{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:22px;height:22px;padding:0}.color-reset{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;grid-column:1/-1;padding:3px 0;font-size:12px}.folder-name-input{box-sizing:border-box;border:1px solid var(--border);background:var(--input);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:9px 12px}.folder-options{flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.folder-options label{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.folder-options label.on{background:var(--accent-soft)}.folder-info{grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:0;display:grid}.folder-info dt{color:var(--muted)}.folder-info dd{overflow-wrap:anywhere;margin:0}@media (width<=767px){.folder-new{min-height:36px;margin-left:0}.folder-icon{width:88px;height:70px}.folder-row .folder-tile{width:100px}.folder-row .folder-icon{width:68px;height:54px}.card-grid:has(.folder-tile){grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid:has(.folder-tile) .item-card{grid-column:1/-1}}[data-picked]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.pick-box{z-index:44;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);pointer-events:none;position:fixed}.picking{-webkit-user-select:none;user-select:none}[data-cut]{opacity:.5}.nav-trash{margin-top:auto}.nav-trash+.side-toggle{margin-top:0}.filter-btn{align-items:center;gap:6px;display:inline-flex}.filter-icon{flex:none;width:14px;height:14px}.view-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;display:inline-flex;overflow:hidden}.view-toggle button{min-width:40px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:5px 12px}.view-toggle button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.inbox-head>.view-toggle{margin-left:auto}.inbox-head>.folder-new+.view-toggle,.inbox-head>.view-toggle+.filter-btn{margin-left:0}.trash-note{color:var(--muted);font-size:13px}.trash-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.trash-tools select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:6px 10px;font-size:13px}.more-dots{z-index:1;width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;padding:0;font-size:18px;line-height:1;position:relative}.more-dots:hover{background:var(--accent-soft);color:var(--text)}.trash-row{align-items:center}.trash-thumb{background:var(--empty);justify-content:center;align-items:center;display:flex}.trash-thumb .folder-icon{width:96px;height:78px}.trash-thumb img{opacity:.75}.trash-card .more-dots{position:absolute;bottom:6px;right:6px}@media (width<=767px){.trash-tools{width:100%;margin-left:0}.inbox-head>.view-toggle{margin-left:0}}.save-page{box-sizing:border-box;background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.save-card{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.save-card .page-title{margin:0}.save-card input,.save-card textarea{box-sizing:border-box;width:100%}.save-card textarea{border:1px solid var(--border);background:var(--input);color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:9px 12px}.save-count{color:var(--muted);justify-content:flex-end;gap:10px;margin:4px 0 0;font-size:12px;display:flex}.save-link{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.save-actions{gap:8px;display:flex}.export-progress{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-bar{width:100%;height:8px;accent-color:var(--accent)}.export-result{flex-direction:column;gap:6px;display:flex}.export-result p{overflow-wrap:anywhere;margin:0}.export-missing{max-height:160px;color:var(--muted);overflow-wrap:anywhere;margin:0;padding-left:18px;font-size:12px;overflow-y:auto}.save-bookmark{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.save-bookmark a{cursor:grab;text-decoration:none}.guide-dialog{max-width:460px}.guide-count{color:var(--muted);font-size:13px}.guide-picture{background:var(--bg);border-radius:10px;flex-direction:column;align-items:center;gap:8px;min-height:190px;padding:14px;display:flex}.guide-browser{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;max-width:340px;font-size:12px;overflow:hidden}.guide-address{color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:6px 8px;display:flex}.guide-address span{background:var(--border);border-radius:50%;width:8px;height:8px}.guide-bar{background:var(--accent-soft);border-bottom:1px solid var(--border);align-items:center;min-height:30px;padding:4px 8px;display:flex}.guide-bar-empty{color:var(--accent);font-weight:600}.guide-bookmark{border:1px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:6px;padding:2px 8px;font-weight:600;position:relative}.guide-bookmark.pointed{background:var(--accent);color:var(--accent-text)}.guide-bookmark i{font-size:18px;font-style:normal;position:absolute;top:12px;right:-18px}.guide-page{flex-direction:column;justify-content:center;gap:8px;min-height:84px;padding:10px;display:flex}.guide-line{background:var(--empty);border-radius:4px;width:60%;height:8px}.guide-line.wide{width:90%}.guide-line.short{width:40%}.guide-keys{color:var(--muted);margin:0;font-size:13px}.guide-keys kbd{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:6px;padding:2px 8px;font-weight:600}.guide-drag{flex-direction:column;align-items:center;gap:6px;display:flex}.guide-drag b{background:var(--accent);color:var(--accent-text);border-radius:8px;padding:5px 12px}.guide-drag i{color:var(--accent);font-style:normal;font-weight:600}.guide-save{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;gap:6px;width:100%;max-width:240px;padding:10px;font-size:12px;display:flex}.guide-field{border:1px solid var(--border);background:var(--input);color:var(--muted);border-radius:6px;padding:5px 8px}.guide-field.tall{min-height:34px}.guide-button{background:var(--accent);color:var(--accent-text);border-radius:6px;align-self:flex-start;padding:4px 12px;font-weight:600}.guide-title{margin:14px 0 6px;font-size:15px}.guide-text,.guide-note{margin:0;line-height:1.6}.guide-note{color:var(--muted);margin-top:8px;font-size:13px}.pin-btn{z-index:1;width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.pin-btn svg{width:18px;height:18px}.item-row .pin-btn{align-self:center}.pin-btn:hover{background:var(--accent-soft)}.pin-btn.on{color:#ef9f27}.pin-btn.on-card{z-index:2;color:#fff;background:#00000080;position:absolute;top:8px;right:8px}.pin-btn.on-card.on{color:#ffd976}.pick-bar{box-sizing:border-box;background:var(--accent-soft);min-width:0;min-height:33px;color:var(--accent);border-radius:999px;flex-wrap:wrap;flex:1;align-items:center;gap:8px;padding:3px 12px;font-weight:600;display:flex}.pick-bar .btn-outline-small{padding:2px 12px}.pick-bar .btn-icon{padding:0 6px}.pick-bar .grow{flex:1}.trash-row,.trash-card{cursor:default}