@font-face{font-family:NookSystem;src:local('Segoe UI')}*{box-sizing:border-box} :root{color-scheme:dark;--bg:#202126;--side:#1c1d21;--list:#23242a;--surface:#2c2d32;--line:#36373e;--text:#ecebf0;--muted:#92939e;--purple:#b8a1ef;--gold:#e6b95f;--radius:10px}body{margin:0;background:var(--bg);color:var(--text);font:14px NookSystem,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:var(--surface);padding:9px 13px;border-radius:8px;transition:background .15s,opacity .15s}button:hover{background:#38383f}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}button.primary{background:var(--purple);color:#241b35;border-color:transparent;font-weight:600}button.primary:hover{background:#c6b2f5}.quiet{background:transparent;border-color:transparent}.link{background:transparent;border:0;padding:4px;color:#8cafe7}.danger{color:#d99090}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border:0;background:transparent;min-width:34px;min-height:34px}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.small{width:14px;height:14px}input,textarea,select{color:var(--text);background:#292a31;border:1px solid var(--line);padding:10px 12px;border-radius:8px;min-width:0}input::placeholder,textarea::placeholder{color:#737580}textarea{resize:vertical;line-height:1.65}select{height:39px}.muted{color:var(--muted)}.tiny{font-size:11px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:28px;font-weight:600;letter-spacing:-.8px}.brand img{width:38px;height:38px}.brand.large{font-size:43px;gap:13px}.brand.large img{width:60px;height:60px}.shell{display:grid;grid-template-columns:204px 296px minmax(0,1fr);grid-template-rows:38px minmax(0,1fr) 28px;height:100dvh;overflow:hidden}.titlebar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#191a1e;color:#92919c;font-size:11px}.build-pill{font-size:10px;letter-spacing:.2px}.sidebar{grid-column:1;grid-row:2;background:var(--side);border-right:1px solid #2c2d33;padding:25px 15px 16px;display:flex;flex-direction:column;gap:18px;overflow:auto}.sidebar .caption{font-size:11px;color:#7d7f89;margin:10px 0 0}.nav{display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;gap:10px;background:transparent;border:0;text-align:left;padding:11px;border-radius:9px}.nav button:hover{background:#2b2b31}.nav button.active{background:#33303d}.nav button[data-space=note] .icon{color:#d9b56d}.nav button[data-space=password] .icon{color:#b6a0ed}.nav button[data-space=knowledge] .icon{color:#82c2b0}.nav button[data-space=reminder] .icon{color:#dd9d89}.nav button span:nth-child(2){flex:1}.nav .count{font-size:11px;color:#92909c}.folder-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#85838e}.folder-list{display:flex;flex-direction:column;gap:3px}.folder-list button{text-align:left;background:transparent;border:0;font-size:12px;padding:9px 11px}.folder-list button.active{background:#2e2c36}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:5px}.side-bottom button{font-size:12px}.side-bottom .tiny{font-size:10px}.space-list{grid-column:2;grid-row:2;border-right:1px solid #32333a;background:var(--list);display:flex;flex-direction:column;min-height:0;padding:24px 17px 16px}.list-heading{display:flex;align-items:center;justify-content:space-between}.space-list h1{font-size:23px;font-weight:600;margin:4px 0 8px;letter-spacing:-.3px}.list-count{font-size:11px;color:#85858f;margin:0 0 18px}.search-label{font-size:10px;color:#9a99a5;margin-bottom:7px}.search{width:100%;margin-bottom:14px}.space-list .new{margin-bottom:17px}.entry-list{overflow:auto;flex:1}.entry-card{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;padding:13px 12px;margin-bottom:6px}.entry-card.active{background:#37313f;border-color:#4c435a}.entry-card:hover{background:#2d2b34}.entry-card strong{display:block;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.entry-card .snippet{font-size:12px;color:#a6a3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.entry-card .meta{font-size:10px;color:#84818f}.workspace{grid-column:3;grid-row:2;overflow:auto;padding:28px 36px 40px}.footer{grid-column:1/-1;grid-row:3;background:#1b1c20;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:#8c8b96;gap:12px}.footer .state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px;margin-bottom:22px}.editor-top .date{font-size:11px;color:#8e8c95}.editor-top .actions{display:flex;align-items:center;gap:5px}.note-title{display:block;width:100%;font-size:29px;font-weight:600;border:0;padding:5px 0;background:transparent;margin:0 0 12px;outline-offset:7px}.note-body{display:block;width:100%;font-size:17px;background:transparent;border:0;padding:0;min-height:420px;resize:none;outline-offset:8px;line-height:1.6}.note-title:focus,.note-body:focus{outline:none}.note-actions{margin-top:25px;display:flex;gap:13px;align-items:center;font-size:10px;color:#7d7c87}.note-actions .icon-btn,.move-knowledge{color:var(--gold)}.attachments{margin-top:16px;border-top:1px solid var(--line);padding-top:10px}.file-row{display:flex;align-items:center;gap:10px;padding:9px 0}.file-row .filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-row .filesize{font-size:10px;color:var(--muted)}.file-preview{max-width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin-top:10px}.empty{max-width:460px;margin:75px auto;text-align:left}.empty .icon{width:38px;height:38px;color:var(--purple);margin-bottom:20px}.empty h2{font-size:29px;font-weight:600;letter-spacing:-.5px}.empty p{color:var(--muted);line-height:1.7;margin-bottom:24px}.password-space .space-list{display:none}.password-space .workspace{grid-column:2/-1}.password-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:16px}.password-heading h1{font-size:27px;font-weight:500;margin:4px 0}.password-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:27px}.password-tools input{width:260px;margin-right:5px}.table-scroll{overflow:auto}.password-table{border-collapse:collapse;width:100%;table-layout:fixed}.password-table th{font-size:10px;text-align:left;letter-spacing:.7px;color:#b8b7c1;font-weight:600;height:40px;padding:10px 12px}.password-table td{height:44px;border-bottom:1px solid #2b2d32;padding:10px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#cfccd7}.password-table th:first-child{width:33%}.password-table th:nth-child(2){width:24%}.password-table th:nth-child(3){width:25%}.password-table tbody tr{cursor:pointer}.password-table tbody tr:hover{background:#2d2e36}.password-table tbody tr.selected{background:#33323d}.password-table td a{color:#83a8e3;text-decoration:none}.initial{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;font-size:11px;font-weight:700;color:#24252b;margin-right:10px;vertical-align:middle}.color-0{background:#ff6268}.color-1{background:#ff9f43}.color-2{background:#ffd451}.color-3{background:#a1d568}.color-4{background:#46c7a0}.color-5{background:#42bde2}.color-6{background:#4f8bde}.color-7{background:#ae8ce8}.color-8{background:#eb83c6}.color-9{background:#dbb18d}.color-10{background:#92969f}dialog{border:1px solid #3c3c44;border-radius:16px;background:#28292d;color:var(--text);padding:0;max-height:calc(100dvh - 40px);width:min(520px,calc(100vw - 28px));box-shadow:0 22px 100px #0007;overflow:auto}dialog::backdrop{background:#08090bad;backdrop-filter:blur(3px)}.dialog-body{padding:27px 30px 26px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.dialog-header h2{font-size:22px;font-weight:600;margin:0}.dialog-header .close{font-size:25px;color:#b0adb7}.dialog-subtitle{font-size:11px;color:#898792;margin:0 0 23px}.field-label{font-size:11px;color:#96949e;display:flex;align-items:center;gap:12px;margin-top:14px}.line-field{display:flex;border-bottom:1px solid #414147;gap:8px;align-items:center}.line-field input{flex:1;width:100%;border:0;border-radius:0;background:transparent;padding:12px 0 10px;min-width:0;font-size:15px}.line-field input:focus{outline:0}.line-field button{color:#aaa8b4;flex:none}.password-settings{font-size:11px;color:#9995a4;margin:12px 0}.password-settings .options{display:flex;gap:13px;align-items:center;margin-top:9px}.password-settings select{width:80px}.password-settings label{display:flex;gap:6px;align-items:center}.color-picker{display:flex;gap:11px;margin:15px 0 18px;flex-wrap:wrap}.swatch{width:18px;height:18px;border-radius:50%;padding:0;border:0}.swatch:hover{filter:brightness(1.15)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px #e5e3e9,0 0 0 4px #28292d}.optional{border-top:1px solid #3d3d43;padding-top:12px;margin-top:7px}.optional details{font-size:12px;color:#9995a4;margin-bottom:13px}.optional summary{cursor:pointer;list-style:none}.optional summary::before{content:'＋';display:inline-block;margin-right:7px;color:#888692}.optional details[open] summary::before{content:'−'}.optional input,.optional textarea,.optional select{width:100%;margin-top:9px;font-size:13px}.optional textarea{min-height:80px}.password-save{margin-top:7px;min-width:165px}.generator-hint{font-size:10px;color:#8f8a99;margin-top:9px}.reminder-sheet{max-width:580px;background:#f2f1f7;color:#1e1e25;border-radius:24px;padding:24px 27px;margin:0 auto;color-scheme:light}.reminder-sheet .sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.reminder-sheet h2{font-size:22px;margin:0;font-weight:650}.confirm-circle{background:#dfd9ed;color:#584270;border:0;border-radius:50%;width:38px;height:38px;padding:5px;font-size:24px}.reminder-card{background:white;border-radius:18px;padding:20px;margin-bottom:20px}.reminder-card input,.reminder-card textarea{background:transparent;border:0;border-radius:0;color:#1d1d24;padding:7px 0;display:block;width:100%}.reminder-title{font-size:27px;font-weight:600}.reminder-card textarea{font-size:16px;min-height:75px;resize:none;line-height:1.6}.reminder-card input::placeholder,.reminder-card textarea::placeholder{color:#b9b7c0}.reminder-card .reminder-url{font-size:13px}.section-label{font-size:11px;color:#8d8994;letter-spacing:.4px;margin:0 0 12px}.reminder-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0 16px;border-bottom:1px solid #ecebf0;margin-bottom:10px;min-height:58px}.reminder-row:last-child{border:0;margin:0;padding-bottom:0}.reminder-row .label{display:flex;align-items:center;gap:10px;font-size:16px}.reminder-row .icon{color:#777480}.reminder-row .subcontrol{display:block;margin:6px 0 0 28px;color:#4085cb;width:155px;font-size:16px;padding:0;border:0}.reminder-row .time-control{width:115px;font-size:21px}.switch{position:relative;flex:none;width:47px;height:27px}.switch input{opacity:0;position:absolute;width:100%;height:100%;z-index:1;margin:0;cursor:pointer}.switch .track{display:block;position:absolute;inset:0;background:#d0cfd5;border-radius:17px;transition:background .15s}.switch .track::after{content:'';position:absolute;width:23px;height:23px;left:2px;top:2px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch input:checked+.track{background:#34c866}.switch input:checked+.track::after{transform:translateX(20px)}.switch input:focus-visible+.track{outline:2px solid #6e9fd5;outline-offset:3px}.reminder-zone{font-size:13px;color:#8d8994}.reminder-sheet .done{display:flex;align-items:center;gap:7px;color:#797380;font-size:13px;margin:0 5px 16px}.reminder-sheet .done input{accent-color:#a68bc9}.reminder-sheet .bottom-actions{display:flex;gap:10px;align-items:center}.reminder-sheet .export{background:#e6e0ef;color:#70578e;border:0;font-size:12px}.reminder-sheet .tiny{color:#918a9a;font-size:10px;line-height:1.6;margin-top:14px}.knowledge-title{width:100%;font-size:29px;font-weight:600;background:transparent;border:0;padding:6px 0;margin-bottom:15px}.properties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:8px}.properties label{font-size:11px;color:var(--muted)}.properties input,.properties select{display:block;width:100%;margin-top:6px}.pin{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin:12px 0 18px}.pin input{accent-color:var(--purple)}.markdown{font-size:16px;line-height:1.8;color:#d5d1dd}.markdown h1{font-size:27px;color:#eeebf3;line-height:1.3;margin:18px 0 14px}.markdown h2{font-size:21px;color:#eeebf3;margin:24px 0 12px}.markdown h3{font-size:17px;color:#eeebf3}.markdown p{margin:12px 0}.markdown ul{padding-left:22px}.markdown li{margin:7px 0}.markdown pre{padding:16px;background:#1b1b21;color:#c4b1e1;border-radius:8px;overflow:auto;line-height:1.7;font-size:12px}.markdown code{font-family:Consolas,monospace;color:#c4b1e1}.markdown table{border-collapse:collapse;width:100%;font-size:13px;margin:18px 0}.markdown th,.markdown td{text-align:left;padding:9px 11px;border-bottom:1px solid #40394a;background:#29262f}.markdown th{background:#37313f}.markdown blockquote{border-left:3px solid #8a71b3;padding-left:15px;color:#a8a0b2;margin-left:0}.wiki{border:0;background:transparent;color:#bba4ee;padding:0;display:inline;font:inherit}.kb-edit{width:100%;min-height:360px;background:transparent;border:0;padding:0;font:14px/1.8 Consolas,monospace}.format-tools{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.format-tools button{font-size:11px;padding:6px 9px}.backlinks{margin-top:26px;font-size:11px;color:var(--muted)}.backlinks button{margin:8px 5px 0 0;font-size:12px}.due-banner{padding:10px 13px;background:#3b2f2d;border-radius:8px;color:#dcae9b;margin-bottom:20px;font-size:12px}.sign-in{min-height:100dvh;display:grid;place-items:center;padding:30px}.sign-in .panel{width:min(440px,100%)}.sign-in h1{font-size:30px;font-weight:500;letter-spacing:-.4px;margin:25px 0 9px}.sign-in p{line-height:1.7;color:#9997a3;font-size:14px;margin-bottom:23px}.auth-tabs{display:flex;gap:6px;margin-bottom:23px}.auth-tabs button{flex:1;background:transparent;border-color:transparent;color:#8b8996;font-size:12px}.auth-tabs button.active{background:#302c3a;color:#c6b3e9}.auth-fields label{display:block;font-size:12px;color:#adabb6;margin:17px 0 8px}.auth-fields input:not([type=checkbox]){display:block;width:100%}.auth-trust{display:flex!important;align-items:center;gap:8px;font-size:12px!important;margin:18px 0!important}.auth-trust input{accent-color:var(--purple)}.auth-actions{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 7px}.auth-actions .primary{flex:1}.demo-link{display:block;width:100%;margin-top:17px;background:transparent;border:1px dashed #41404a;color:#aaa3b9}.auth-footer{font-size:10px!important;margin-top:19px!important;line-height:1.6!important;color:#77747f!important}.error{color:#e3a39e;font-size:12px;line-height:1.5;margin-top:12px}.utility-form{display:flex;flex-direction:column;gap:12px}.utility-form label{font-size:12px;color:#aaa6b4}.utility-form input,.utility-form textarea{width:100%;margin-top:6px}.utility-form p{font-size:13px;line-height:1.6;color:#9e99a9}.recovery-key{font:13px/1.7 Consolas,monospace;word-break:break-all;padding:14px;background:#202026;border-radius:8px;color:#d5c5ee;user-select:all}.device-item{border-top:1px solid var(--line);padding:15px 0}.device-item strong{display:block;margin-bottom:6px}.device-item .muted{font-size:11px;line-height:1.7}.device-item button{margin-top:10px}.mobile-back,.mobile-menu{display:none}#toast{position:fixed;bottom:44px;left:50%;transform:translateX(-50%) translateY(10px);max-width:min(520px,90vw);background:#3b3449;color:#e9e1f4;border:1px solid #584865;padding:12px 19px;border-radius:10px;box-shadow:0 8px 35px #0003;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}[hidden]{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#4c4558;border-radius:8px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1500px){.workspace>.note-editor,.workspace>.knowledge-editor{max-width:970px;margin:auto}}@media(max-width:1100px){.shell{grid-template-columns:180px 255px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.workspace{padding:24px}.brand{font-size:25px}.password-tools button{font-size:11px}.reminder-sheet{padding:20px}}@media(max-width:760px){.shell{grid-template-columns:260px minmax(0,1fr)}.sidebar{position:fixed;top:38px;bottom:28px;left:0;width:230px;transform:translateX(-100%);z-index:20;box-shadow:20px 0 80px #0005;transition:transform .2s}.mobile-nav-open .sidebar{transform:translateX(0)}.space-list{grid-column:1}.workspace{grid-column:2;padding:22px}.mobile-menu{display:inline-flex;padding:0;min-height:28px;color:#bab5c6}.titlebar{padding:0 14px;gap:10px}.titlebar .crumb{flex:1}.password-space .workspace{grid-column:1/-1}.reminder-sheet{padding:18px 16px}.reminder-title{font-size:24px}.reminder-card{padding:16px}.properties{grid-template-columns:1fr}.build-pill{font-size:9px}.footer{font-size:9px;padding:0 12px}.note-title{font-size:25px}}@media(max-width:580px){.shell{display:grid;grid-template-columns:1fr}.space-list{grid-column:1}.workspace{grid-column:1;display:none}.detail-open .workspace{display:block}.detail-open .space-list{display:none}.password-space .workspace{display:block}.mobile-back{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#c5b0ef;margin-bottom:18px;padding:0;min-height:25px}.password-space .mobile-back{display:none}.workspace{padding:18px}.note-title{font-size:27px}.note-body{min-height:calc(100dvh - 300px);font-size:17px}.editor-top{gap:4px}.editor-top .actions button{font-size:11px;padding:7px}.editor-top .date{font-size:10px}.entry-card{padding:14px}.space-list{padding:22px 18px}.password-heading h1{font-size:25px}.password-heading .primary{font-size:12px;padding:9px}.password-tools input{width:100%;margin:0}.password-tools{gap:6px;margin-bottom:16px}.password-tools>button{flex:1;font-size:10px;padding:8px 5px}.password-table th:nth-child(3),.password-table td:nth-child(3),.password-table th:nth-child(4),.password-table td:nth-child(4){display:none}.password-table th:first-child{width:55%}.password-table th:nth-child(2){width:45%}.password-table td{padding:11px 8px;font-size:12px}.initial{margin-right:7px}.dialog-body{padding:23px}.reminder-sheet{border-radius:20px;padding:18px 16px}.reminder-sheet h2{font-size:20px}.reminder-card{border-radius:15px;padding:17px}.reminder-sheet .sheet-heading{margin-bottom:18px}.reminder-title{font-size:24px}.footer .build-status{display:none}.sign-in{padding:26px}.color-picker{gap:12px}.brand.large{font-size:37px}.brand.large img{width:52px;height:52px}}

:root{--accent-ink:#241b35;--selection:#37313f;--hover:#33323b;--input:#292a31}
:root[data-tone=midnight]{--bg:#101727;--side:#0d1321;--list:#151e30;--surface:#1b263b;--line:#2b3851;--input:#172237;--selection:#27354d;--hover:#25324a}
:root[data-tone=forest]{--bg:#192321;--side:#131c1a;--list:#1d2926;--surface:#26332f;--line:#374840;--input:#212e29;--selection:#32463d;--hover:#304138}
:root[data-tone=plum]{--bg:#251f2a;--side:#1b1720;--list:#2b2431;--surface:#352c3b;--line:#493b51;--input:#2f2735;--selection:#46364e;--hover:#433649}
:root[data-accent=blue]{--purple:#91b9f5;--accent-ink:#172a46}
:root[data-accent=mint]{--purple:#89d4b5;--accent-ink:#16382b}
:root[data-accent=amber]{--purple:#edc781;--accent-ink:#402e12}
:root[data-accent=rose]{--purple:#e9a0bd;--accent-ink:#421d2e}
button:hover{background:var(--hover)}button.primary{color:var(--accent-ink)}button.primary:hover{background:var(--purple);filter:brightness(1.08)}input,textarea,select{background:var(--input)}input[type=checkbox]{accent-color:var(--purple)}.titlebar,.footer{background:var(--side)}.sidebar,.space-list{border-color:var(--line)}.nav button.active,.folder-list button.active,.entry-card.active,.password-table tbody tr.selected{background:var(--selection)}.nav button:hover,.entry-card:hover,.password-table tbody tr:hover{background:var(--hover)}.entry-card.active{border-color:var(--line)}dialog{background:var(--surface);border-color:var(--line)}.password-table td{border-color:var(--line)}.auth-tabs button.active{color:var(--purple);background:var(--selection)}.wiki,.mobile-back{color:var(--purple)}.markdown{color:#d4d2db}.markdown pre,.recovery-key{background:var(--side)}.markdown th{background:var(--selection)}.markdown td{background:var(--surface);border-color:var(--line)}
.reminder-sheet{background:var(--list);color:var(--text);color-scheme:dark;border:1px solid var(--line);box-shadow:0 15px 50px #0002}.reminder-card{background:var(--surface)}.reminder-card input,.reminder-card textarea{color:var(--text);background:transparent}.reminder-card input::placeholder,.reminder-card textarea::placeholder{color:#797984}.reminder-row{border-color:var(--line)}.reminder-row .subcontrol{color:var(--purple)}.reminder-row .icon{color:var(--muted)}.reminder-sheet .confirm-circle,.reminder-sheet .export{background:var(--selection);color:var(--purple)}.reminder-sheet .done,.reminder-sheet .tiny,.section-label,.reminder-zone{color:var(--muted)}.switch .track{background:#56565f}.switch input:checked+.track{background:var(--purple)}.reminder-sheet .done input{accent-color:var(--purple)}
.board-space .space-list{display:none}.board-space .workspace{grid-column:2/-1}.board-space .mobile-back{display:none}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.board-heading h1{font-size:30px;font-weight:600;letter-spacing:-.7px;margin:10px 0 8px}.board-heading p{margin:0;color:var(--muted);font-size:12px}.board-heading .primary{flex:none}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.board-tools input{width:280px}.board-tools>span{font-size:11px;color:var(--muted)}.knowledge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;align-items:start}.knowledge-tile{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:22px;min-height:223px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.knowledge-tile:hover{transform:translateY(-2px);border-color:var(--muted);box-shadow:0 12px 24px #0002}.knowledge-tile:focus-visible{outline:2px solid var(--purple);outline-offset:4px}.tile-top{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}.tile-symbol{display:inline-flex;width:33px;height:33px;align-items:center;justify-content:center;background:var(--selection);border-radius:9px;color:var(--purple)}.tile-pin{margin-left:auto;font-size:9px}.knowledge-tile h2{font-size:18px;font-weight:600;margin:22px 0 12px;letter-spacing:-.25px}.tile-excerpt{color:#a9a7b2;font-size:13px;line-height:1.7;margin:0 0 23px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:65px}.tile-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:10px;padding-top:14px;border-top:1px solid var(--line)}.tile-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta span:last-child{flex:none}.knowledge-tile.previewing{grid-column:span 2;cursor:default;border-color:var(--purple);background:var(--list)}.knowledge-tile.previewing:hover{transform:none}.tile-preview{max-height:330px;overflow:auto;font-size:14px;margin:15px 0 20px;cursor:zoom-in}.tile-preview h1{font-size:23px}.tile-preview-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tile-preview-actions button{font-size:11px}.board-empty{padding:65px 20px;color:var(--muted);line-height:1.8;text-align:center}.article-dialog{width:min(960px,calc(100vw - 28px))}.article-dialog .dialog-body{padding:32px 42px}.article-dialog .dialog-header h2{font-size:27px}.expanded-meta{font-size:11px;color:var(--muted);margin:15px 0 28px}.expanded-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.preview-files{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.preview-files button{display:inline-flex;align-items:center;gap:8px;font-size:12px}.article-window header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 28px;border-bottom:1px solid var(--line);background:var(--side);position:sticky;top:0;z-index:2}.article-window header>span{font-size:18px;font-weight:600}.article-window header .muted{font-size:12px;font-weight:400}.article-window header>div{display:flex;align-items:center;gap:12px}.article-window header #child-status{font-size:10px;color:var(--muted)}.article-window article{max-width:920px;margin:40px auto;padding:0 32px 50px}.article-window .kb-edit{min-height:52dvh;font-size:15px;line-height:1.9}.child-files{padding:20px 0;border-top:1px solid var(--line);font-size:12px}.attach-label{position:relative;display:inline-flex;padding:10px 15px;background:var(--surface);border-radius:8px;cursor:pointer;color:var(--purple)}.attach-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.clipboard-board{max-width:1060px;margin:auto}.local-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 12px;border-radius:20px;color:var(--muted);font-size:11px}.clipboard-composer{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px;margin-bottom:28px}.clipboard-composer textarea{width:100%;min-height:90px;resize:vertical;border:0;padding:0;background:transparent;outline:none;font-size:15px}.composer-bottom{border-top:1px solid var(--line);padding-top:12px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:15px}.composer-bottom>div{display:flex;align-items:center;gap:8px}.composer-bottom .quiet{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.pending-files{display:flex;flex-wrap:wrap;gap:6px}.pending-files>span{display:flex;align-items:center;font-size:11px;color:var(--purple);background:var(--selection);padding-left:10px;border-radius:8px;max-width:100%;overflow:hidden}.clip-filters{display:flex;gap:6px}.clip-filters button{font-size:12px;padding:8px 12px;border-radius:20px;background:transparent}.clip-filters .active{background:var(--purple);color:var(--accent-ink);border-color:transparent}.clipboard-item{display:flex;gap:15px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:11px}.clip-type{flex:none;color:var(--purple);background:var(--selection);width:33px;height:33px;border-radius:10px;display:flex;align-items:center;justify-content:center}.clip-content{flex:1;min-width:0}.clipboard-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;max-height:240px;overflow:auto}.clipboard-text a{color:var(--purple)}.clipboard-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:10px;display:block;margin-bottom:14px}.clip-content>strong{display:block;font-size:13px;overflow-wrap:anywhere}.clip-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:10px;margin-top:18px}.clip-meta span{color:#737b89}.clip-actions{display:flex;gap:3px;align-items:flex-start;color:var(--muted)}.clipboard-help{font-size:11px;color:var(--muted);line-height:1.8;margin:24px 0}.appearance>p{color:var(--muted);font-size:13px;margin:18px 0 27px}.tone-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 25px}.tone-picker button{display:flex;align-items:center;gap:10px;font-size:12px;background:transparent;border-color:var(--line)}.tone-picker .chosen{border-color:var(--purple);color:var(--purple)}.tone-sample{display:block;width:26px;height:26px;border-radius:7px;border:1px solid #ffffff20}.tone-sample.graphite{background:#202126}.tone-sample.midnight{background:#101727}.tone-sample.forest{background:#192321}.tone-sample.plum{background:#251f2a}.accent-picker{display:flex;gap:17px;margin:20px 0}.accent-swatch{padding:0;width:27px;height:27px;border:0;border-radius:50%}.accent-swatch[aria-pressed=true]{outline:2px solid var(--text);outline-offset:4px}.accent-swatch.violet{background:#b8a1ef}.accent-swatch.blue{background:#91b9f5}.accent-swatch.mint{background:#89d4b5}.accent-swatch.amber{background:#edc781}.accent-swatch.rose{background:#e9a0bd}
@media(max-width:760px){.board-space .workspace{grid-column:1/-1}.board-heading{gap:14px}.board-tools>span{display:none}.knowledge-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.clip-actions{flex-direction:column}.article-window header{padding:12px 18px}.article-window header #child-status{display:none}.article-window header .muted{display:none}}
@media(max-width:580px){.board-space .workspace{display:block}.board-heading{align-items:flex-start;margin-bottom:23px}.board-heading h1{font-size:25px}.board-heading p{font-size:11px;line-height:1.6}.board-heading .primary{font-size:11px;padding:9px 11px;margin-top:24px}.board-tools{flex-wrap:wrap;gap:15px}.board-tools input{width:100%}.knowledge-grid{grid-template-columns:1fr;gap:13px}.knowledge-tile{padding:20px;min-height:200px}.knowledge-tile.previewing{grid-column:span 1}.tile-preview{max-height:360px}.tile-preview-actions{gap:6px}.article-dialog .dialog-body{padding:24px}.article-dialog .dialog-header h2{font-size:23px}.article-window article{margin:25px auto;padding:0 20px 30px}.article-window header button{font-size:11px;padding:8px 10px}.article-window header>div{gap:5px}.article-window .kb-edit{font-size:16px}.clipboard-board .board-heading{flex-direction:column}.clipboard-board .local-badge{font-size:10px}.clipboard-composer{padding:16px}.clipboard-composer textarea{font-size:16px}.clip-filters{gap:5px}.clip-filters button{font-size:11px;padding:7px 12px}.clipboard-item{padding:15px 13px;gap:10px}.clip-type{display:none}.clip-actions .icon-btn{min-width:30px;min-height:30px;padding:6px}.clipboard-text{font-size:14px}.clip-meta{font-size:9px;gap:7px}.composer-bottom{gap:5px}.composer-bottom .primary{font-size:12px}.composer-bottom .quiet{padding:8px 4px}.expanded-actions{flex-wrap:wrap}.expanded-actions button{font-size:12px}.tone-picker button{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:580px){input,textarea,select,.line-field input{font-size:16px}.reminder-card .reminder-url{font-size:16px}.auth-fields input{font-size:16px}}
.clipboard-space .sidebar>section{display:none}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.shell>*,#editor,.entry-list,.entry-card,.note-editor,.knowledge-board,.clipboard-board{min-width:0}.mobile-tabs,.mobile-scrim,.mobile-drawer-close{display:none}.mobile-viewport-probe{position:absolute;top:0;left:0;width:0;height:var(--app-height,100dvh);visibility:hidden;pointer-events:none;overflow:hidden}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse) and (max-height:600px){
  :root{--app-height:100vh;--app-height:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--mobile-header:calc(52px + var(--safe-top));--mobile-tabs:calc(65px + var(--safe-bottom))}
  /* WebKit's installed viewport can exclude safe areas from JS/dvh metrics.
     100vh includes them; consume each inset once inside the edge-to-edge shell. */
  :root[data-display=standalone]{--app-height:100vh}
  html.has-vault{height:100%;overflow:hidden;overscroll-behavior:none}
  body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body.has-vault{height:100%;overflow:hidden;overscroll-behavior:none}
  .shell{position:absolute;top:var(--viewport-top,0px);left:0;right:0;width:100%;height:var(--keyboard-height,var(--app-height,100vh));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--mobile-header) minmax(0,1fr) var(--mobile-tabs);overflow:hidden;isolation:isolate}
  .titlebar{grid-column:1;grid-row:1;padding:var(--safe-top) max(16px,var(--safe-right)) 0 max(10px,var(--safe-left));gap:9px;border-bottom:1px solid var(--line);font-size:14px;min-width:0}
  .titlebar .crumb{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.titlebar .build-pill{display:none}.mobile-menu{display:inline-flex;min-width:44px;min-height:44px;padding:10px}.mobile-menu .icon{width:21px;height:21px}
  .footer{display:none}.mobile-tabs{display:flex;grid-column:1;grid-row:3;align-items:start;justify-content:space-around;border-top:1px solid var(--line);padding:5px max(5px,var(--safe-right)) var(--safe-bottom) max(5px,var(--safe-left));background:var(--side);min-width:0}
  .mobile-tabs button{display:flex;flex:1;min-width:0;min-height:55px;padding:5px 1px;gap:4px;align-items:center;justify-content:center;flex-direction:column;border:0;border-radius:9px;background:transparent;color:var(--muted)}.mobile-tabs button span{font-size:11px;line-height:1.2}.mobile-tabs .icon{width:22px;height:22px}.mobile-tabs .active{color:var(--purple);font-weight:600}.mobile-tabs button:active{background:var(--selection)}
  .space-list{grid-column:1;grid-row:2;min-width:0;width:100%;border-right:0;padding:21px max(18px,var(--safe-right)) 0 max(18px,var(--safe-left));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.space-list h1{font-size:30px;letter-spacing:-.7px;margin:0 0 7px}.list-count{font-size:13px;margin-bottom:20px}.search-label{font-size:12px;margin-bottom:8px}.search{min-height:46px;font-size:16px;border-radius:12px;margin-bottom:14px}.space-list .new{min-height:46px;font-size:16px;border-radius:12px;margin-bottom:20px;flex:none}.entry-list{flex:1;min-height:180px;overflow:visible;padding-bottom:22px}.entry-card{padding:17px 14px;margin-bottom:5px;border-radius:12px;min-height:94px}.entry-card strong{font-size:17px;font-weight:600;margin-bottom:7px}.entry-card .snippet{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;margin-bottom:7px;overflow-wrap:anywhere}.entry-card .meta{font-size:12px}
  .workspace,.password-space .workspace,.board-space .workspace{grid-column:1;grid-row:2;min-width:0;padding:16px max(18px,var(--safe-right)) 26px max(18px,var(--safe-left));overflow:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:18px 60px;display:none}.detail-open .workspace,.password-space .workspace,.board-space .workspace{display:block}.detail-open .space-list,.password-space .space-list,.board-space .space-list{display:none}
  .mobile-back{display:inline-flex;align-items:center;gap:6px;font-size:15px;min-height:44px;margin-bottom:10px;padding:0 8px 0 0}.board-space .mobile-back,.password-space .mobile-back{display:none}.editor-top{flex-wrap:wrap;gap:4px;margin-bottom:15px}.editor-top .date{font-size:12px}.editor-top .actions{margin-left:auto}.editor-top .actions button{font-size:13px;min-height:44px}.note-title{font-size:30px;line-height:1.25;margin-bottom:15px}.note-body{font-size:18px;line-height:1.65;min-height:max(220px,calc(var(--app-height,100dvh) - 360px));height:auto;overflow:hidden;resize:none}.note-actions{font-size:12px;margin-top:18px}.file-row{flex-wrap:wrap}.file-row .filename{font-size:14px}.file-row .filesize{font-size:11px}
  button,.icon-btn{min-height:44px}.icon-btn{min-width:44px}.link{min-height:44px}input:not([type=checkbox]):not([type=file]),textarea,select{font-size:16px;min-height:44px}input[type=checkbox]{width:20px;height:20px;flex:none}.auth-trust{min-height:44px;font-size:14px!important}.auth-fields label,.utility-form label{font-size:14px}.auth-tabs button{font-size:14px}.auth-actions button,.demo-link{font-size:14px}.auth-footer{font-size:12px!important}.sign-in{min-height:var(--app-height,100dvh);padding:calc(25px + var(--safe-top)) max(24px,var(--safe-right)) calc(25px + var(--safe-bottom)) max(24px,var(--safe-left))}
  .sidebar{position:absolute;grid-column:auto;grid-row:auto;top:0;bottom:0;left:0;height:100%;width:min(340px,calc(100vw - 48px));padding:calc(25px + var(--safe-top)) 18px calc(20px + var(--safe-bottom));border-right:1px solid var(--line);transform:translateX(-100%);z-index:40;transition:transform .2s;overflow:auto;overscroll-behavior:contain;box-shadow:none}.mobile-nav-open .sidebar{transform:translateX(0);box-shadow:20px 0 80px #0005}.sidebar .brand{margin-bottom:2px}.sidebar .caption{font-size:12px}.nav button{min-height:48px;font-size:16px}.nav button .count{font-size:13px}.folder-list button,.side-bottom button{min-height:44px;font-size:14px}.mobile-drawer-close{position:absolute;display:flex;align-items:center;justify-content:center;top:calc(20px + var(--safe-top));right:12px;width:44px;height:44px;padding:0;font-size:30px;line-height:1;border:0;background:transparent;color:var(--muted)}.mobile-nav-open .mobile-scrim{display:block;position:absolute;inset:0;border:0;border-radius:0;padding:0;background:#05060a99;backdrop-filter:blur(3px);z-index:30}
  dialog[open]{position:fixed;top:calc(var(--viewport-top,0px) + var(--safe-top) + 8px);left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));bottom:auto;width:auto;max-width:none;max-height:calc(var(--keyboard-height,var(--app-height,100dvh)) - var(--safe-top) - var(--safe-bottom) - 16px);margin:0;border-radius:20px;overscroll-behavior:contain;scroll-padding-block:75px}.dialog-body,.article-dialog .dialog-body{padding:16px 20px 22px}.dialog-header{position:sticky;top:-16px;background:var(--surface);padding:10px 0;z-index:2}.dialog-header h2{font-size:22px}.dialog-subtitle{font-size:12px;margin-bottom:17px}.field-label{font-size:13px;margin-top:13px}.line-field input{font-size:16px;min-width:0}.line-field{gap:4px}.password-settings{font-size:13px}.optional details{font-size:14px}.optional summary{display:flex;align-items:center;min-height:44px}.optional input,.optional textarea,.optional select{font-size:16px}.password-save{position:sticky;bottom:0;width:100%;min-height:46px;margin-top:15px}.generator-hint{font-size:12px;line-height:1.5}
  .color-picker{gap:3px;margin:8px -4px 13px}.swatch{width:44px;height:44px;min-width:44px;border:0;position:relative;background:transparent!important;box-shadow:none!important}.swatch::before{content:'';position:absolute;inset:12px;background:var(--swatch);border-radius:50%}.swatch[aria-checked=true]::before{outline:2px solid var(--text);outline-offset:3px}.color-0{--swatch:#ff6268}.color-1{--swatch:#ff9f43}.color-2{--swatch:#ffd451}.color-3{--swatch:#a1d568}.color-4{--swatch:#46c7a0}.color-5{--swatch:#42bde2}.color-6{--swatch:#4f8bde}.color-7{--swatch:#ae8ce8}.color-8{--swatch:#eb83c6}.color-9{--swatch:#dbb18d}.color-10{--swatch:#92969f}
  .password-heading{gap:10px;flex-wrap:wrap;margin-bottom:18px}.password-heading h1{font-size:28px}.password-heading .primary{font-size:14px}.password-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.password-tools input{grid-column:1/-1;width:100%;margin:0}.password-tools>button{font-size:12px;line-height:1.3;padding:8px 5px;min-width:0}.password-tools>.icon-btn{grid-column:2;grid-row:2;justify-self:end;min-width:44px}.password-tools>[data-action=password-edit]{padding-right:45px}.password-table th:nth-child(3),.password-table td:nth-child(3),.password-table th:nth-child(4),.password-table td:nth-child(4){display:none}.password-table th:first-child{width:54%}.password-table th:nth-child(2){width:46%}.password-table td{height:56px;padding:12px 6px;font-size:14px}.password-table th{font-size:11px;padding:10px 6px}.initial{width:23px;height:23px;font-size:12px;margin-right:7px}.table-scroll{max-width:100%}
  .board-heading{align-items:start;gap:12px;flex-wrap:wrap;margin:9px 0 23px}.board-heading h1{font-size:28px;margin-top:9px}.board-heading p{font-size:13px;line-height:1.5}.board-heading .primary{margin-top:5px;font-size:14px;min-height:44px}.eyebrow{font-size:11px}.board-tools{flex-wrap:wrap;gap:15px}.board-tools input{width:100%;font-size:16px}.board-tools>span{display:none}.knowledge-grid{grid-template-columns:minmax(0,1fr);gap:14px}.knowledge-tile{min-width:0;padding:20px}.knowledge-tile.previewing{grid-column:1}.knowledge-tile h2{font-size:20px;overflow-wrap:anywhere}.tile-top,.tile-meta{font-size:12px}.tile-excerpt{font-size:15px;line-height:1.6}.tile-preview{font-size:16px;max-height:380px;overscroll-behavior:contain}.tile-preview table{min-width:0}.tile-preview-actions button{font-size:13px}.expanded-actions{flex-wrap:wrap}.expanded-actions button{font-size:14px}.expanded-meta{font-size:12px}.markdown{overflow-wrap:anywhere}.markdown table{display:block;overflow:auto;max-width:100%}.markdown pre{max-width:100%;font-size:13px;overflow-wrap:normal}.markdown .wiki{min-height:44px;display:inline-flex;align-items:center}
  .reminder-sheet{max-width:100%;padding:20px 16px;border-radius:20px}.reminder-card{padding:17px;border-radius:16px}.reminder-title{font-size:25px!important}.reminder-card textarea,.reminder-card .reminder-url{font-size:16px}.reminder-row{gap:10px}.reminder-row>div{min-width:0}.reminder-row .subcontrol{margin-left:0;max-width:165px;min-height:44px;font-size:17px}.reminder-zone{max-width:145px;overflow-wrap:anywhere;font-size:12px;text-align:right}.section-label{font-size:12px}.switch{width:52px;height:44px}.switch .track{inset:8px 0}.switch input{width:100%;height:100%}.switch input:checked+.track::after{transform:translateX(25px)}.reminder-sheet .done{min-height:44px;font-size:15px}.reminder-sheet .tiny{font-size:12px}.reminder-sheet .export{min-height:44px;font-size:13px}
  .clipboard-board .board-heading{flex-direction:column}.local-badge,.clipboard-board .local-badge{font-size:12px}.clipboard-composer{padding:16px}.clipboard-composer textarea{font-size:17px;min-height:110px}.composer-bottom .quiet,.composer-bottom .primary{font-size:14px}.clip-filters{width:100%;gap:7px}.clip-filters button{flex:1;min-width:0;font-size:13px;padding:9px 5px}.clipboard-item{padding:16px 12px;gap:8px}.clip-type{display:none}.clip-actions{flex-direction:column;gap:3px}.clip-actions .icon-btn{min-height:44px;min-width:44px}.clipboard-text{font-size:16px}.clipboard-help{font-size:12px}.clip-meta{font-size:11px}.pending-files>span{font-size:12px}.clipboard-image{max-height:250px}.clip-content>strong{font-size:14px}.tone-picker button{font-size:14px}.accent-picker{gap:14px;flex-wrap:wrap}.accent-swatch{min-height:44px;width:36px;position:relative;background:transparent!important}.accent-swatch::before{content:'';position:absolute;inset:8px 4px;background:var(--swatch);border-radius:50%}.accent-swatch[aria-pressed=true]{outline:none}.accent-swatch[aria-pressed=true]::before{outline:2px solid var(--text);outline-offset:3px}.accent-swatch.violet{--swatch:#b8a1ef}.accent-swatch.blue{--swatch:#91b9f5}.accent-swatch.mint{--swatch:#89d4b5}.accent-swatch.amber{--swatch:#edc781}.accent-swatch.rose{--swatch:#e9a0bd}
  .article-window{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.article-window header{padding:10px max(15px,var(--safe-right)) 10px max(15px,var(--safe-left));gap:8px}.article-window header button{min-height:44px;font-size:13px}.article-window header #child-status,.article-window header .muted{display:none}.article-window article{margin:25px auto;padding:0 max(20px,var(--safe-right)) 30px max(20px,var(--safe-left))}.article-window .kb-edit{font-size:17px}.attach-label{min-height:44px;align-items:center;font-size:14px}
  #toast{bottom:calc(var(--mobile-tabs) + 12px);font-size:13px;line-height:1.5}
  :root[data-keyboard=open] .shell{grid-template-rows:var(--mobile-header) minmax(0,1fr) 0}:root[data-keyboard=open] .mobile-tabs{display:none}:root[data-keyboard=open]{--safe-bottom:0px}:root[data-keyboard=open] #toast{bottom:12px}
}
@media(max-width:360px){.workspace,.password-space .workspace,.board-space .workspace{padding-left:12px;padding-right:12px}.dialog-body,.article-dialog .dialog-body{padding-left:15px;padding-right:15px}.board-heading h1{font-size:26px}.tile-top{gap:7px;font-size:11px}.tile-pin{font-size:10px}.reminder-row .subcontrol{max-width:145px}.reminder-zone{max-width:105px}.editor-top .date{font-size:11px}.editor-top .actions button{font-size:12px}}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse) and (max-height:600px){.titlebar .crumb{flex:1}.workspace .note-editor .note-title{font-size:30px;resize:none;overflow:hidden}.reminder-card textarea.reminder-title{line-height:1.3;min-height:44px;resize:none;overflow:hidden}.article-window input.knowledge-title{font-size:29px}button,a,[data-action]{-webkit-tap-highlight-color:transparent}button:active{filter:brightness(.94)}}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse) and (max-height:600px){
  .titlebar{background:var(--side)}.mobile-tabs{box-shadow:0 -8px 24px #0000000d}.mobile-tabs button{position:relative;letter-spacing:.05px;transition:color .15s,background .15s}.mobile-tabs button.active::before{content:'';position:absolute;top:0;left:calc(50% - 11px);width:22px;height:2px;border-radius:2px;background:var(--purple)}
  .entry-card{transition:background .15s,border-color .15s}.entry-card strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.entry-card.active{border-color:var(--line)}
  .sidebar{scroll-padding-block:calc(25px + var(--safe-top)) calc(20px + var(--safe-bottom))}.sidebar .nav button .count{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.sidebar .side-bottom{padding-top:14px;border-top:1px solid var(--line);gap:3px}.sidebar .side-bottom>button{text-align:left;background:transparent;border-color:transparent;padding:11px 10px;border-radius:10px}.sidebar .side-bottom>button:active{background:var(--selection)}
}
@media(hover:none){.entry-card:hover{background:transparent}.entry-card.active:hover{background:var(--selection)}.knowledge-tile:hover{transform:none;box-shadow:none;border-color:var(--line)}.knowledge-tile.previewing:hover{border-color:var(--purple)}}
@media(prefers-reduced-motion:reduce){.sidebar,.mobile-tabs button,.entry-card{transition:none!important}}

.settings-dialog{width:min(650px,calc(100vw - 28px));background:var(--bg);border-color:var(--line)}.settings-dialog .dialog-body{padding:26px 30px 20px}.settings-dialog .dialog-header{margin-bottom:20px}.settings-dialog .dialog-header h2{font-size:25px}.settings-content{min-width:0}.settings-section{border-top:1px solid var(--line);padding:22px 0 8px}.settings-section:first-child{border-top:0;padding-top:0}.settings-section h3{margin:0 0 12px;font-size:11px;line-height:1.4;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);font-weight:650}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 0;min-width:0}.setting-row>div:first-child{min-width:0;flex:1}.setting-row strong{font-size:15px;line-height:1.4;font-weight:500;display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.setting-row p{color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0;max-width:330px}.setting-control{flex:0 1 auto;text-align:right;min-width:0;max-width:53%;font-size:13px}.settings-secondary{background:transparent;border-color:var(--line);font-size:13px;min-height:38px;white-space:normal}.settings-switch{width:46px;height:28px;min-height:28px;min-width:46px;padding:3px;background:var(--line);border:0;border-radius:30px;display:flex;align-items:center;transition:background .15s}.settings-switch>span{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transform:translateX(0);transition:transform .15s}.settings-switch[aria-checked=true]{background:var(--purple)}.settings-switch[aria-checked=true]>span{transform:translateX(18px)}.settings-inline{padding-bottom:8px}.settings-inline button{padding-left:0;color:var(--purple);font-size:12px}.settings-device{display:flex;align-items:center;gap:12px;padding:13px 0}.settings-device-icon{display:flex;color:var(--muted)}.settings-device-icon .icon{width:21px;height:21px}.settings-device-label{min-width:0;flex:1}.settings-device-label strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:600}.settings-device-label span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.settings-device .icon-btn{width:36px;height:36px;flex:none;color:var(--muted)}.settings-device .danger{color:#d99090}.settings-login{margin:9px 0 15px;font-size:14px}.settings-account-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-example-note{border-top:1px dashed var(--line);margin-top:18px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.settings-example-list{list-style:none;padding:0;margin:5px 0 20px}.settings-example-list li{display:flex;gap:12px;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.settings-server{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.settings-limits{font-size:12px;line-height:1.5;color:var(--muted)}.settings-count{font-variant-numeric:tabular-nums;color:var(--muted)}.sidebar-settings{display:flex;justify-content:center;align-items:center;gap:8px}.settings-devices{font-size:13px;color:var(--muted)}.settings-devices .settings-device-label strong{color:var(--text)}
:root[data-theme=light]{color-scheme:light;--bg:#f7f8fb;--side:#eff1f6;--list:#f4f5f8;--surface:#fff;--line:#dce0e9;--text:#202532;--muted:#737d91;--purple:#8465c7;--accent-ink:#fff;--gold:#936f22;--input:#fff;--selection:#e9e2f5;--hover:#e9ecf3}
[data-theme=light] body{background:var(--bg);color:var(--text)}[data-theme=light] button:hover{background:var(--hover)}[data-theme=light] button.primary{color:#fff;background:var(--purple)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:var(--input);color:var(--text);border-color:var(--line)}[data-theme=light] .note-title,[data-theme=light] .note-body,[data-theme=light] .line-field input{background:transparent}[data-theme=light] .titlebar,[data-theme=light] .footer{background:var(--side);color:var(--muted)}[data-theme=light] .sidebar,[data-theme=light] .space-list{border-color:var(--line)}[data-theme=light] .nav button.active,[data-theme=light] .folder-list button.active,[data-theme=light] .entry-card.active,[data-theme=light] .password-table tbody tr.selected{background:var(--selection)}[data-theme=light] .entry-card strong,[data-theme=light] .password-table td{color:var(--text)}[data-theme=light] .entry-card .snippet,[data-theme=light] .password-table th{color:var(--muted)}[data-theme=light] .password-table td{border-color:var(--line)}[data-theme=light] dialog,[data-theme=light] .dialog-header{background:var(--surface);color:var(--text)}[data-theme=light] .reminder-card{background:var(--list);color:var(--text)}[data-theme=light] .reminder-main,[data-theme=light] .reminder-group{background:var(--surface)}[data-theme=light] .line-field{border-color:var(--line)}[data-theme=light] .settings-dialog{background:var(--surface)}
@media(max-width:760px){.settings-dialog .dialog-body{padding:18px 20px 24px}.settings-dialog .dialog-header{padding-top:3px;padding-bottom:13px}.settings-dialog .dialog-header h2{font-size:25px}.settings-section{padding-top:23px;padding-bottom:10px}.settings-section h3{font-size:12px;letter-spacing:.8px}.setting-row{gap:12px;padding:12px 0}.setting-row strong{font-size:16px}.setting-row p{font-size:13px}.setting-control{max-width:48%;font-size:14px}.setting-control select{max-width:100%;min-width:120px;height:44px;font-size:15px}.settings-secondary{font-size:14px;min-height:44px;padding:9px 12px}.settings-device{gap:10px}.settings-device-label strong{font-size:15px}.settings-device-label span{font-size:12px}.settings-device .icon-btn{width:44px;height:44px;min-width:44px}.settings-switch{width:48px;min-width:48px;min-height:30px;height:30px}.settings-switch>span{width:24px;height:24px}.settings-switch[aria-checked=true]>span{transform:translateX(18px)}.settings-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-account-actions>:last-child{grid-column:1/-1}.settings-example-note{align-items:flex-start}.settings-server{font-size:11px}.settings-limits{font-size:12px}.settings-section:last-child .setting-row{align-items:flex-start}.settings-example-list li{font-size:14px}}
.settings-dialog .dialog-header{background:var(--bg);border-bottom:1px solid var(--line);padding-bottom:14px}.settings-dialog .dialog-header .close{color:var(--muted)}[data-theme=light] .settings-dialog .dialog-header{background:var(--surface)}[data-theme=light] .markdown pre,[data-theme=light] .markdown code{background:#e9ecf3;color:var(--text)}
:root[data-theme=light][data-tone=midnight]{--bg:#f1f5fb;--side:#e8eef7;--list:#edf2f9}:root[data-theme=light][data-tone=forest]{--bg:#f1f7f3;--side:#e6f0e9;--list:#ecf4ef}:root[data-theme=light][data-tone=plum]{--bg:#faf4fa;--side:#f1e8f2;--list:#f6eef7}
:root[data-theme=light][data-accent=blue]{--purple:#3d6eb5}:root[data-theme=light][data-accent=mint]{--purple:#237859}:root[data-theme=light][data-accent=amber]{--purple:#8c6517}:root[data-theme=light][data-accent=rose]{--purple:#a13c65}
@media(prefers-reduced-motion:reduce){.settings-switch,.settings-switch>span{transition:none}}

/* Light comes from the edges; document surfaces stay quiet. */
:root{--edge:color-mix(in srgb,var(--purple) 24%,var(--line));--accent-wash:color-mix(in srgb,var(--purple) 8%,transparent);--cool-wash:#408bde0a;--shine:color-mix(in srgb,var(--purple) 24%,transparent)}
.save-announcement{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.sidebar{background:radial-gradient(ellipse at 0 0,var(--accent-wash),transparent 54%),var(--side)}
.brand{letter-spacing:-1.2px}.brand img{box-shadow:0 4px 18px #00000016;border-radius:12px}
.brand>span{background:linear-gradient(110deg,var(--text) 35%,var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}
.caption,.eyebrow{letter-spacing:1.15px}
.nav button{position:relative;transition:background .15s,border-color .15s;min-height:44px;border:1px solid transparent}
.nav button.active{background:linear-gradient(105deg,var(--selection),var(--accent-wash));border-color:var(--edge);box-shadow:inset 0 1px 0 #ffffff05}
.nav button.active::before{content:'';position:absolute;left:-1px;top:12px;bottom:12px;width:3px;background:var(--purple);border-radius:0 3px 3px 0}
.nav .count{font-variant-numeric:tabular-nums}
.side-bottom{border-top:1px solid var(--line);padding-top:16px}
.sidebar .side-bottom .sidebar-settings{justify-content:flex-start;background:transparent;border-color:transparent;color:var(--muted);padding:12px;min-height:44px}
.sidebar .side-bottom .sidebar-settings:hover{color:var(--text);background:var(--hover);border-color:var(--edge)}
button.primary{background:linear-gradient(115deg,color-mix(in srgb,var(--purple) 83%,white),var(--purple));border:1px solid color-mix(in srgb,var(--purple) 65%,white);box-shadow:0 4px 16px var(--accent-wash);font-weight:600}
button.primary:hover{background:linear-gradient(115deg,color-mix(in srgb,var(--purple) 75%,white),var(--purple));box-shadow:0 5px 20px var(--shine);filter:none}
[data-theme=light] button.primary{color:var(--accent-ink);background:linear-gradient(115deg,var(--purple),color-mix(in srgb,var(--purple) 85%,#263c7b));border-color:var(--purple)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.search:focus-visible,.board-tools input:focus-visible,.auth-fields input:focus-visible{outline-offset:1px;box-shadow:0 0 0 5px var(--accent-wash)}
.entry-card.active{background:linear-gradient(110deg,var(--selection),var(--accent-wash));border-color:var(--edge)}
.board-space .workspace,.password-space .workspace{background:radial-gradient(ellipse at 100% 0,var(--cool-wash),transparent 50%),var(--bg)}
.board-heading h1,.password-heading h1{background:linear-gradient(110deg,var(--text) 12%,var(--purple) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;width:fit-content}
.knowledge-tile{border-color:var(--edge);background:linear-gradient(135deg,var(--accent-wash),transparent 55%),var(--surface);box-shadow:inset 0 1px 0 #ffffff05}
.knowledge-tile:nth-child(3n+2){background:linear-gradient(135deg,var(--cool-wash),transparent 60%),var(--surface)}
.knowledge-tile:nth-child(3n+3){background:linear-gradient(135deg,#b77a9c08,transparent 60%),var(--surface)}
.knowledge-tile:hover{border-color:var(--purple);box-shadow:0 8px 26px #00000016}
.tile-symbol,.clip-type{border:1px solid var(--edge);background:linear-gradient(140deg,var(--selection),var(--accent-wash));box-shadow:inset 0 1px 0 #ffffff08}
.clipboard-composer{background:linear-gradient(115deg,var(--accent-wash),var(--cool-wash)),var(--surface);border-color:var(--edge);box-shadow:0 10px 30px #0000000a}
.clipboard-item{background:linear-gradient(120deg,var(--accent-wash),transparent 44%),var(--surface);border-color:var(--line)}
.clipboard-image{border:1px solid var(--line)}
.clip-filters .active{box-shadow:0 3px 12px var(--accent-wash)}
.reminder-sheet{border-color:var(--edge);background:linear-gradient(150deg,var(--accent-wash),transparent 50%),var(--list)}
.reminder-main,.reminder-group{border:1px solid var(--line)}
.settings-dialog{border-color:var(--edge);box-shadow:0 24px 100px #00000050}
.settings-dialog .dialog-header h2{letter-spacing:-.6px}
.settings-section h3{color:var(--purple);font-size:10px;letter-spacing:1.5px}
.settings-section:first-child .setting-row{border:1px solid var(--edge);border-radius:14px;padding:16px;background:linear-gradient(120deg,var(--accent-wash),var(--cool-wash))}
.settings-secondary:hover{border-color:var(--edge)}
.settings-desktop-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--line);margin-top:14px}
.settings-desktop-actions button{flex:1;font-size:12px}
.sign-in{background:radial-gradient(ellipse at 20% 10%,var(--accent-wash),transparent 55%),radial-gradient(ellipse at 90% 80%,var(--cool-wash),transparent 55%),repeating-linear-gradient(135deg,transparent 0 17px,color-mix(in srgb,var(--line) 23%,transparent) 17px 18px),var(--bg)}
.sign-in .panel{width:min(480px,100%);padding:32px;border:1px solid var(--edge);border-radius:24px;background:linear-gradient(145deg,var(--accent-wash),var(--cool-wash)),var(--bg);box-shadow:0 20px 70px #00000020}
.sign-in h1{font-size:32px;font-weight:650;letter-spacing:-1px;background:linear-gradient(105deg,var(--text),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}
.sign-in p,.auth-fields label,.auth-trust{color:var(--muted)}
.sign-in .auth-tabs{border:1px solid var(--line);padding:4px;border-radius:11px;background:var(--side)}
.auth-tabs button{border-radius:7px}.auth-tabs button.active{border:1px solid var(--edge)}
.auth-fields input:not([type=checkbox]){min-height:44px;border-radius:9px}
.auth-fields .primary{min-height:44px}.demo-link{border-color:var(--edge);border-style:solid;color:var(--purple);background:transparent;min-height:44px}
#toast{border-color:var(--edge);background:var(--selection);color:var(--text)}
@media(min-width:761px){
  .shell{grid-template-rows:minmax(0,1fr)}
  .shell>.titlebar{display:none}
  .shell>.sidebar,.shell>.space-list,.shell>.workspace{grid-row:1}
  .sidebar{padding-top:26px;padding-bottom:20px}.space-list{padding-top:30px}
  .workspace{padding-top:38px}
  #toast{bottom:22px}
}
/* Preserve the edge-to-edge mobile grid, including landscape and safe areas. */
@media(max-width:760px),(max-width:1000px) and (pointer:coarse) and (max-height:600px){
  .shell{grid-template-rows:var(--mobile-header) minmax(0,1fr) var(--mobile-tabs)}
  .shell>.titlebar{display:flex;grid-row:1}
  .shell>.sidebar{grid-row:auto}.shell>.space-list,.shell>.workspace{grid-row:2}
  .titlebar .crumb{font-size:14px;font-weight:500;color:var(--muted)}
  .space-list{padding-top:21px}.workspace{padding-top:16px}
  .sidebar .side-bottom .sidebar-settings{min-height:48px}
  .knowledge-tile:hover{transform:none}
  .settings-section h3{font-size:11px}
  .settings-section:first-child .setting-row{padding:13px;gap:9px}
  .settings-section:first-child .settings-secondary{padding:9px;font-size:13px}
  .settings-desktop-actions{flex-direction:column}.settings-desktop-actions button{min-height:44px}
  .sign-in{padding:18px}.sign-in .panel{padding:26px 21px;border-radius:20px}.sign-in h1{font-size:29px}
  #toast{bottom:calc(var(--mobile-tabs) + 12px)}
  :root[data-keyboard=open] .shell{grid-template-rows:var(--mobile-header) minmax(0,1fr) 0}
  :root[data-keyboard=open] #toast{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.nav button{transition:none}}
.reminder-swipe{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;margin-bottom:6px;touch-action:pan-y}
.reminder-swipe>.entry-card{position:relative;z-index:1;margin:0;transform:translateX(var(--swipe-x,0px));transition:transform .22s ease,background .15s;background:var(--bg);touch-action:pan-y}
.reminder-swipe>.entry-card.active{background:var(--selection)}
.reminder-swipe.swiping>.entry-card{transition:none}
.swipe-trash{position:absolute;inset:50% 6px auto auto;transform:translateY(-50%);width:62px;height:62px;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50px;background:#ff3d4e;color:#fff}
.reminder-swipe.swipe-full .swipe-trash{width:calc(100% - 20px);transition:width .16s}
.swipe-trash:focus-visible{z-index:2;outline:2px solid var(--text);outline-offset:-4px}
#toast button{margin-left:14px;min-height:44px;padding:4px 10px;color:inherit;background:transparent;border:0;font-weight:650;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.reminder-swipe>.entry-card,.swipe-trash{transition:none!important}}

.swipe-trash .icon{width:24px;height:24px}

/* Glass belongs to controls; documents remain opaque and inexpensive to paint. */
:root{--glass-edge:color-mix(in srgb,var(--text) 17%,var(--line));--glass-light:color-mix(in srgb,var(--text) 8%,transparent);--glass-shadow:#00000020}
:root[data-glass=on] :is(.app-refresh,.clip-filters,.auth-tabs){border:1px solid var(--glass-edge);background:linear-gradient(155deg,var(--glass-light),transparent 58%),var(--side);box-shadow:inset 0 1px 0 #ffffff15,0 5px 18px var(--glass-shadow)}
:root[data-glass=on] .clip-filters{padding:4px;border-radius:28px;gap:4px;width:fit-content}
:root[data-glass=on] .clip-filters button{border-radius:24px;border-color:transparent}
:root[data-glass=on] .clip-filters .active{box-shadow:inset 0 1px 0 #ffffff35,0 2px 7px var(--accent-wash)}
:root[data-glass=on] button.primary{box-shadow:inset 0 1px 0 #ffffff45,inset 0 -1px 0 #00000013,0 4px 14px var(--accent-wash)}
:root[data-glass=on] :is(.settings-dialog,#password-dialog,.article-dialog){border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff15,0 24px 70px #00000045}
:root[data-glass=on] .dialog-header{background:linear-gradient(120deg,var(--glass-light),transparent 70%),var(--surface);border-bottom-color:var(--glass-edge)}
:root[data-glass=on] .nav button.active{border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff15,0 3px 12px var(--glass-shadow)}
[data-theme=light]{--glass-shadow:#2833500e}
@media(min-width:1001px){
  :root[data-glass=on] .shell{grid-template-columns:216px 296px minmax(0,1fr);column-gap:8px;padding:10px;background:radial-gradient(ellipse at 0 0,var(--accent-wash),transparent 55%),var(--bg)}
  :root[data-glass=on] .sidebar{border:1px solid var(--glass-edge);border-radius:20px;padding:23px 12px 18px;background:linear-gradient(145deg,var(--glass-light),transparent 35%),radial-gradient(ellipse at 0 0,var(--accent-wash),transparent 60%),var(--side);box-shadow:inset 0 1px 0 #ffffff08,0 8px 24px var(--glass-shadow)}
  :root[data-glass=on] .space-list{border:1px solid var(--line);border-radius:18px;padding-top:24px}
  :root[data-glass=on] .workspace{border-radius:18px}
  :root[data-glass=on] .app-refresh{background:linear-gradient(145deg,var(--glass-light),transparent 60%),color-mix(in srgb,var(--side) 94%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse) and (max-height:600px){
  :root[data-glass=on] .clip-filters{width:100%}
  :root[data-glass=on] .app-refresh{background:var(--side);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){
  :root[data-glass=on] :is(.app-refresh,.sidebar,.clip-filters,.auth-tabs,.dialog-header){background:var(--side);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
  :root[data-glass=on] :is(.nav button.active,.clip-filters .active,button.primary){box-shadow:none}
}
@media(forced-colors:active){.brand>span,.board-heading h1,.password-heading h1,.sign-in h1{background:none;color:CanvasText}}

.auth-loading .panel{max-width:460px}.auth-loading h1{font-size:28px}.auth-loading progress{width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:var(--line);accent-color:var(--purple)}.auth-loading progress::-webkit-progress-bar{background:var(--line)}.auth-loading progress::-webkit-progress-value{background:linear-gradient(110deg,var(--purple),#7da9e7);border-radius:8px;transition:width .25s}.auth-stages{list-style:none;padding:0;margin:26px 0;display:grid;gap:16px;font-size:13px;color:var(--muted)}.auth-stages li{display:flex;align-items:center;gap:12px}.stage-dot{width:9px;height:9px;border-radius:50%;border:1px solid var(--muted)}.auth-stages .complete{color:var(--text)}.auth-stages .complete .stage-dot{background:var(--purple);border-color:var(--purple)}.auth-stages .current .stage-dot{border:2px solid var(--purple);box-shadow:0 0 0 4px var(--accent-wash)}.auth-loading .auth-loading-hint{font-size:12px;margin-bottom:0;min-height:40px}.storage-meter{height:7px;width:100%;accent-color:var(--purple);border:0;border-radius:8px;overflow:hidden;display:block;margin-top:10px}.storage-meter::-webkit-meter-bar{background:var(--line);border:0;border-radius:8px}.storage-meter::-webkit-meter-optimum-value{background:var(--purple);border-radius:8px}.storage-usage{padding:12px 0 18px}.storage-usage strong{font-size:14px;font-weight:500}.storage-usage p{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0}.storage-usage output{color:var(--text);font-variant-numeric:tabular-nums}.device-storage-line{border-top:1px solid var(--line);padding-top:12px!important;margin-top:16px!important}.clip-enter{animation:clip-arrive .24s ease-out both}@keyframes clip-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-nav-open .mobile-scrim{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse) and (max-height:600px){
  html.has-auth,body.has-auth{height:100%;overflow:hidden;overscroll-behavior:none}
  .sign-in{position:absolute;top:var(--viewport-top,0px);left:0;right:0;height:var(--keyboard-height,var(--app-height,100dvh));min-height:0;overflow-y:auto;overscroll-behavior-y:contain;align-items:start;padding:calc(24px + var(--safe-top)) 18px calc(24px + var(--safe-bottom));scroll-padding-top:calc(24px + var(--safe-top))}
  .sign-in::before{content:'';position:fixed;z-index:5;top:0;left:0;right:0;height:var(--safe-top);background:var(--bg);pointer-events:none}
  .sign-in .panel{margin:0 auto;filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .sign-in .brand,.sign-in h1{filter:none;transform:none}.auth-loading .panel{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){.clip-enter{animation:none}.auth-loading progress::-webkit-progress-value{transition:none}}
/* Keep app chrome opaque and viewport constrained. iOS scroll-edge sampling
   must never treat the title bar or the status-area fill as scrolling content. */
.viewport-cap{display:none}
.app-refresh{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;font-size:13px;font-weight:550;white-space:nowrap;background:var(--side);color:var(--text);border:1px solid var(--line);border-radius:10px;flex:none}
.app-refresh svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.app-refresh[aria-busy=true] svg{animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}
.standalone-refresh{position:fixed;z-index:10;top:12px;right:18px;display:flex;justify-content:flex-end;gap:10px;align-items:center}
.dialog-header h2{flex:1;min-width:0;overflow-wrap:anywhere}.dialog-header .app-refresh{font-size:12px;padding:7px 9px}.dialog-header .app-refresh svg{width:16px;height:16px}
.titlebar,.sidebar,.mobile-tabs,.sign-in .panel,.dialog-body,dialog,.article-window>header{filter:none;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-removing]{pointer-events:none;overflow:hidden}.swipe-completing>.entry-card{transform:translateX(-110%);transition:transform .18s ease-out}
@media(min-width:761px){
 .shell>.titlebar{display:flex;position:absolute;top:12px;right:20px;left:auto;width:auto;height:44px;padding:0;background:var(--bg);border:0;z-index:20}
 .titlebar .crumb{display:none}.workspace{padding-top:76px}
 .sign-in{padding-top:76px}
}
@media(max-width:760px),(max-width:1000px) and (pointer:coarse) and (max-height:600px){
 .shell{position:fixed}
 .shell>.titlebar{display:flex;position:fixed;top:var(--viewport-top,0px);left:0;right:0;height:var(--mobile-header);width:100%;z-index:25;background:var(--side);padding-bottom:0}
 .titlebar .crumb{display:block;flex:1;min-width:0;font-size:14px}
 .titlebar .app-refresh{margin-left:auto;min-width:100px;font-size:12px;padding:8px 10px;background:var(--side)}
 .viewport-cap{display:block;position:fixed;top:0;left:0;right:0;height:var(--safe-top);z-index:65;background:var(--side);pointer-events:none}
 .sidebar{position:fixed;top:var(--viewport-top,0px);bottom:auto;height:var(--keyboard-height,var(--app-height,100vh))}
 .sign-in{padding-top:calc(82px + var(--safe-top))}.standalone-refresh{top:var(--viewport-top,0px);left:0;right:0;height:var(--mobile-header);padding:var(--safe-top) max(18px,var(--safe-right)) 0;background:var(--side);z-index:25}
 dialog{max-height:calc(var(--keyboard-height,var(--app-height,100dvh)) - var(--safe-top) - var(--safe-bottom) - 24px);scroll-padding-top:20px}
 .article-window>header{position:fixed;top:var(--viewport-top,0px);left:0;right:0;z-index:25;min-height:var(--mobile-header);padding-top:var(--safe-top);background:var(--side);display:flex;flex-wrap:wrap}
 .article-window{padding-top:calc(var(--safe-top) + 64px)}.article-window>header>span{display:none}.article-window>header .app-refresh{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.app-refresh svg,.swipe-completing>.entry-card{animation:none!important;transition:none!important}}

/* Reachability and the last confirmed sync share one compact action. */
.app-refresh{border-radius:18px;gap:8px;padding:5px 12px}
.app-refresh .connection-dot{display:block;width:9px;height:9px;flex:none;border-radius:50%;background:var(--muted)}
.app-refresh[data-connection=online] .connection-dot{background:#42ce85;box-shadow:0 0 0 3px #42ce851c}
.app-refresh[data-connection=offline] .connection-dot{background:#ff626d;box-shadow:0 0 0 3px #ff626d1c}
.app-refresh>svg{display:none;width:14px;height:14px}.app-refresh[aria-busy=true]>svg{display:block}
.refresh-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.25}
.refresh-time{font-size:9px;font-weight:400;color:var(--muted);max-width:145px;overflow:hidden;text-overflow:ellipsis}
.tile-meta{align-items:center;gap:8px;flex-wrap:wrap}.tile-delete{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 10px;font-size:12px}.tile-delete .icon{width:15px;height:15px}
@media(max-width:760px){.titlebar .app-refresh{padding:4px 9px;min-width:112px}.titlebar .refresh-time{max-width:125px;font-size:9px}.dialog-header .refresh-time{max-width:106px}}