:root{--foreground: oklch(.23 .015 255);--tn-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tn-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html{background:#f5f6f7}body{margin:0;min-width:320px;min-height:100vh;color:var(--foreground);background-color:#f5f6f7;font-family:var(--tn-sans)}button,input,textarea{font:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in oklab,#56bfa0 52%,transparent);outline-offset:3px}.tn-brand,.tn-search input,.tn-sync-status,.tn-note-content,.tn-note-date,.tn-eyebrow,.tn-attachment-heading,.tn-attachment-chip,.tn-readonly-label,.tn-editor-hint,.tn-cloud-state,.tn-cloud-label,.tn-cloud-input,.tn-data-heading>span,.tn-trash-heading h1 span,.tn-trash-content,.tn-loading{font-family:var(--tn-mono)}.tn-app-shell{min-height:100vh;padding:clamp(0px,3vw,42px)}.tn-workspace{position:relative;min-height:calc(100vh - clamp(0px,6vw,84px));overflow:hidden;border:1px solid rgba(95,107,124,.18);background:#f8f9fae0;box-shadow:0 22px 60px #36405124,0 2px 8px #36405114}.tn-toolbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:78px;padding:0 28px;border-bottom:1px solid rgba(99,112,129,.2);background:#f9fafbe6;box-shadow:0 1px #ffffffdb,0 7px 18px #4d5b6c0b;-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08)}.tn-brand{display:flex;align-items:center;gap:10px;color:#3b4651;font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:600;letter-spacing:.075em;text-shadow:0 1px 0 rgba(255,255,255,.9)}.tn-brand-mark{display:inline-grid;flex:0 0 auto;place-items:center;width:25px;height:25px;overflow:hidden;border:1px solid rgba(29,126,100,.22);border-radius:7px;color:#f7fffb;background:#56bfa0;box-shadow:0 1px 2px #20745c38,inset 0 1px #ffffff59;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;letter-spacing:-.16em;line-height:1;text-indent:-.1em}.tn-toolbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.tn-toolbar-group{display:flex;align-items:center;gap:1px;padding:2px;border:1px solid rgba(102,116,133,.12);border-radius:10px;background:#ffffff9e;box-shadow:0 1px 2px #38435209,inset 0 1px #ffffffeb}.tn-toolbar-group--quick{border-color:#56bfa02b;background:#f6fcf99e}.tn-toolbar-group--manage{border-color:#6774851a;background:#ffffff73}.tn-toolbar-group .tn-icon-button{color:#4452609e}.tn-toolbar-group .tn-icon-button:hover{color:#35424f;background:#707e9114}.tn-search{display:flex;align-items:center;gap:7px;width:142px;padding:8px 10px;border:1px solid rgba(103,116,133,.17);border-radius:8px;color:#77808e;background:#ffffff9e;transition:border-color .16s var(--ease-out),background .16s var(--ease-out)}.tn-search:focus-within{border-color:#56bfa0b8;background:#fff}.tn-search input{width:100%;min-width:0;border:0;outline:none;color:#404754;background:transparent;font-family:IBM Plex Mono,monospace;font-size:12px}.tn-search input::placeholder{color:#8b94a0}.tn-icon-button,.tn-row-action{display:inline-grid;flex:0 0 auto;place-items:center;color:#667080;background:transparent;text-decoration:none;transition:transform .14s var(--ease-out),color .14s var(--ease-out),background .14s var(--ease-out)}.tn-icon-button{width:36px;height:36px;border-radius:8px}.tn-icon-button:hover{color:#26303d;background:#707e911a}.tn-install-button{color:#4f8f7b}.tn-install-button:hover{color:#26795f;background:#56bfa01a}.tn-install-button:active{transform:scale(.97)}.tn-trash-button{position:relative}.tn-trash-button:hover{color:#b24c51;background:#d35b601a}.tn-icon-badge{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border:1px solid #f4f5f7;border-radius:999px;color:#fff;background:#c7555b;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:600;line-height:1}.tn-icon-button:active,.tn-row-action:active,.tn-fab:active,.tn-save-button:active,.tn-danger-button:active,.tn-quiet-button:active{transform:scale(.97)}.tn-sync-status{display:flex;align-items:center;gap:6px;min-height:33px;padding:0 10px;border:1px solid rgba(86,191,160,.34);border-radius:7px;color:#26795f;background:#f1fcf7e0;box-shadow:inset 0 1px #ffffffdb;font-family:IBM Plex Mono,monospace;font-size:12px;white-space:nowrap}.tn-sync-status img{width:15px;height:15px}.tn-sync-retry{justify-content:center;border-color:#cc7e3461;color:#9c5d20;background:#fff4e3eb;transition:transform .15s var(--ease-out),background .15s var(--ease-out)}.tn-sync-retry:hover:not(:disabled){background:#ffebcd}.tn-sync-retry:active{transform:scale(.97)}.tn-sync-retry:disabled{opacity:.65}.tn-note-stream{width:min(100%,940px);margin:0 auto;padding:29px clamp(18px,3vw,34px) 104px}.tn-list-context{display:flex;justify-content:space-between;gap:16px;padding:0 3px 15px;color:#828b98;font-size:12px;letter-spacing:.01em}.tn-list-context span:last-child{color:#9da4ae}.tn-notes-list{display:grid;gap:13px;margin:0;padding:0;list-style:none}.tn-note-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:71px;overflow:hidden;border:1px solid var(--note-border);border-radius:11px;background:color-mix(in srgb,var(--note-bg) 86%,#fcfcf9);box-shadow:0 2px color-mix(in srgb,var(--note-border) 48%,transparent),0 7px 13px #3945560b,inset 0 1px #ffffff4d;animation:note-in .28s var(--ease-out) both;animation-delay:var(--delay);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),filter .16s var(--ease-out)}.tn-note-card:hover{z-index:1;transform:translateY(-1px);box-shadow:0 2px color-mix(in srgb,var(--note-border) 58%,transparent),0 10px 18px #39455613,inset 0 1px #ffffff61}.tn-note-main{display:flex;align-items:center;min-width:0;gap:16px;height:100%;padding:17px 20px;color:#1d2a37;background:transparent;text-align:left}.tn-note-color-dot{flex:0 0 auto;width:13px;height:13px;border-radius:50%;background:var(--dot);box-shadow:inset 0 1px 1px #1e28321f}.tn-note-content{overflow:hidden;font-family:IBM Plex Mono,monospace;font-size:clamp(14px,1.7vw,17px);font-weight:550;letter-spacing:-.018em;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.tn-note-date{padding:0 18px;color:#2434438f;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.01em;white-space:nowrap}.tn-note-actions{display:flex;align-items:center;gap:4px;padding-right:11px}.tn-row-action{width:35px;height:35px;border-radius:7px;color:#2b3a4980}.tn-row-action:hover{color:#263746;background:#ffffff47}.tn-open-link{color:#1e685bad}.tn-open-link:hover{color:#196b5c;background:#ffffff75}.tn-pin-action{color:#51497fcc}.tn-pin-action:hover,.tn-pin-action.is-pinned{color:#51497f;background:#ffffff75}.tn-attachment-action{color:#36647edb}.tn-attachment-action:hover{color:#236889;background:#ffffff7a}.tn-fab{position:fixed;right:max(26px,calc((100vw - 940px)/2));bottom:30px;z-index:5;display:grid;place-items:center;width:70px;height:70px;border:3px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;background:#151718;box-shadow:0 10px 23px #0d0f1242;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background .16s var(--ease-out)}.tn-fab:hover{transform:translateY(-3px);background:#272b2c;box-shadow:0 15px 29px #0d0f124d}.tn-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:22px;background:#22283140;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .17s var(--ease-out) both}.tn-editor-sheet{width:min(100%,690px);overflow:hidden;border:1px solid rgba(96,108,124,.2);border-radius:18px;background:#fbfcfc;box-shadow:0 20px 55px #171f283d;animation:sheet-in .22s var(--ease-out) both}.tn-sheet-handle{width:40px;height:4px;margin:12px auto 2px;border-radius:999px;background:#d8dce0}.tn-sheet-header,.tn-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 25px 15px}.tn-sheet-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.tn-header-button{min-height:35px;padding:0 11px;white-space:nowrap}.tn-eyebrow{margin:0 0 5px;color:#7e8994;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.12em}.tn-sheet-header h1,.tn-settings-heading h1,.tn-confirm-card h1{margin:0;color:#27313d;font-size:22px;letter-spacing:-.03em}.tn-editor-sheet textarea{display:block;width:calc(100% - 50px);min-height:230px;margin:0 25px;padding:17px 18px;resize:vertical;border:1px solid #dbe0e4;border-radius:10px;color:#26303d;background:#fff;font-family:IBM Plex Mono,monospace;font-size:15px;line-height:1.65;outline:none;transition:border .16s var(--ease-out),box-shadow .16s var(--ease-out)}.tn-editor-sheet textarea:focus{border-color:#56bfa0b3;box-shadow:0 0 0 4px #56bfa01f}.tn-attachment-area{margin:13px 25px 0;padding:10px 12px;border:1px solid #e1e6e7;border-radius:9px;background:#f6f9f8}.tn-attachment-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#61717a;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.tn-attachment-heading>span{display:inline-flex;align-items:center;gap:6px}.tn-add-attachment{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 8px;border-radius:6px;color:#2b7d65;background:#e8f7f0;font-size:11px;font-weight:600}.tn-add-attachment:hover:not(:disabled){background:#d9f0e5}.tn-add-attachment:disabled{opacity:.65}.tn-inline-spin{animation:spin 1s linear infinite}.tn-attachment-list{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.tn-attachment-chip{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:35px;padding:4px 5px 4px 7px;border:1px solid #dce7e2;border-radius:6px;color:#61717a;background:#fff;font-size:11px}.tn-attachment-chip span{overflow:hidden;color:#40505b;text-overflow:ellipsis;white-space:nowrap}.tn-attachment-chip small{color:#939da4;font-size:10px}.tn-attachment-chip button{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:#8b969e;background:transparent}.tn-attachment-chip button:hover{color:#b34e54;background:#f9e9ea}.tn-image-preview{width:27px!important;height:27px!important;overflow:hidden;padding:0;border:1px solid #d4e3dd;border-radius:5px;background:#e9f2ef!important}.tn-image-preview img{display:block;width:100%;height:100%;object-fit:cover}.tn-attachment-actions{display:flex;align-items:center;gap:1px}.tn-attachment-actions button:hover{color:#2b7d65;background:#e7f4ee}.tn-attachment-actions button:last-child:hover{color:#b34e54;background:#f9e9ea}.tn-readonly-label{color:#70818a;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.03em}.tn-editor-hint{margin:12px 25px 17px;color:#85909b;font-family:IBM Plex Mono,monospace;font-size:11px}.tn-sheet-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 25px 23px}.tn-quiet-button,.tn-save-button,.tn-danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;transition:transform .15s var(--ease-out),background .15s var(--ease-out),box-shadow .15s var(--ease-out)}.tn-quiet-button{color:#53606d;background:#edf0f2}.tn-quiet-button:hover{background:#e3e8eb}.tn-save-button{color:#f8fffc;background:#329576;box-shadow:0 3px #22775c}.tn-save-button:hover{background:#287f65}.tn-danger-button{color:#fff;background:#c7555b;box-shadow:0 3px #9e3b41}.tn-danger-button:hover{background:#ad4047}.tn-settings-card,.tn-confirm-card{width:min(100%,460px);margin:auto;border:1px solid rgba(96,108,124,.2);border-radius:17px;background:#fbfcfc;box-shadow:0 20px 55px #171f283d;animation:card-in .19s var(--ease-out) both}.tn-settings-copy{margin:0;padding:0 25px 19px;color:#6d7784;font-size:14px;line-height:1.6}.tn-cloud-section{margin:0 16px 14px;padding:14px;border:1px solid #dce7e3;border-radius:12px;background:#f4f9f7}.tn-cloud-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tn-cloud-heading h2{margin:0;color:#33424a;font-size:15px;letter-spacing:-.02em}.tn-cloud-state{flex:0 0 auto;padding:4px 6px;border:1px solid #d6dce0;border-radius:999px;color:#7d8790;background:#f8f9fa;font-family:IBM Plex Mono,monospace;font-size:9px}.tn-cloud-state.is-connected{border-color:#b8e3d0;color:#257d60;background:#e8f8f0}.tn-cloud-state.is-configured{border-color:#e3d5a6;color:#8c7131;background:#fff9df}.tn-cloud-label{display:block;margin:12px 0 5px;color:#71808a;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.tn-cloud-input{display:block;width:100%;min-height:36px;padding:0 9px;border:1px solid #dbe5e1;border-radius:7px;color:#314049;background:#fff;font-family:IBM Plex Mono,monospace;font-size:11px;outline:none}.tn-cloud-input:focus{border-color:#68bda2;box-shadow:0 0 0 3px #56bfa01f}.tn-cloud-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.tn-cloud-read,.tn-cloud-disconnect{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:0 10px;border-radius:7px;font-size:11px;font-weight:600}.tn-cloud-read{color:#f7fffb;background:#318e70;box-shadow:0 2px #1f7057}.tn-cloud-read:hover:not(:disabled){background:#277d64}.tn-cloud-read:disabled{opacity:.65}.tn-cloud-disconnect{color:#a14d54;background:#fff;border:1px solid #edcfd2}.tn-cloud-disconnect:hover{background:#fdf1f1}.tn-data-section{margin:0 16px 16px;padding:14px;border:1px solid #e0e5eb;border-radius:12px;background:#f8fafc}.tn-data-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tn-data-heading h2{margin:0;color:#33424a;font-size:15px;letter-spacing:-.02em}.tn-data-heading>span{padding:4px 6px;border:1px solid #d8dfe7;border-radius:999px;color:#778493;background:#fff;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:600}.tn-data-section>p{margin:10px 0 13px;color:#73808d;font-size:12px;line-height:1.55}.tn-data-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tn-backup-import,.tn-backup-export{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border-radius:7px;font-size:11px;font-weight:700}.tn-backup-import{border:1px solid #d9e3e1;color:#53706a;background:#fff}.tn-backup-import:hover{color:#26795f;background:#f4faf7}.tn-backup-export{color:#f7fffb;background:#318e70;box-shadow:0 2px #1f7057}.tn-backup-export:hover{background:#277d64}.tn-file-input{display:none}.tn-settings-actions{display:grid;gap:8px;padding:0 16px 16px}.tn-settings-action{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:10px;color:#51606e;background:transparent;text-align:left;transition:background .15s var(--ease-out),transform .15s var(--ease-out)}.tn-settings-action:hover{transform:translate(2px);background:#eff3f3}.tn-settings-action span{display:grid;gap:2px}.tn-settings-action strong{color:#283440;font-size:14px}.tn-settings-action small{color:#82909b;font-size:12px}.tn-confirm-card{padding:28px;text-align:center}.tn-confirm-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 13px;border-radius:50%;color:#bb4b52;background:#fbe7e8}.tn-confirm-card p{margin:10px 0 22px;color:#6f7a86;font-size:14px;line-height:1.6}.tn-confirm-actions{display:flex;justify-content:center;gap:9px}.tn-trash-sheet{width:min(100%,640px);max-height:min(78vh,680px);overflow:auto;margin:auto;padding:20px;border:1px solid rgba(96,108,124,.2);border-radius:17px;background:#fbfcfc;box-shadow:0 20px 55px #171f283d;animation:card-in .19s var(--ease-out) both}.tn-trash-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tn-trash-heading h1{margin:0;color:#27313d;font-size:22px;letter-spacing:-.03em}.tn-trash-heading h1 span{color:#84909b;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;vertical-align:middle}.tn-trash-copy{margin:9px 0 16px;color:#77828e;font-size:13px}.tn-trash-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tn-trash-note{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:48px;padding:6px 7px 6px 12px;border:1px solid var(--note-border);border-radius:9px;background:color-mix(in srgb,var(--note-bg) 62%,white)}.tn-trash-content{overflow:hidden;color:#384551;font-family:IBM Plex Mono,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tn-trash-restore{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;border-radius:6px;color:#2c7862;background:#ffffff75;font-size:12px;font-weight:600}.tn-trash-restore:hover{background:#fffc}.tn-trash-permanent{width:30px;height:30px;color:#b45459}.tn-empty-trash-button{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#b25258;background:transparent;font-size:12px;font-weight:600}.tn-trash-empty{display:grid;justify-items:center;gap:9px;padding:38px 0 22px;color:#9aa3ad}.tn-trash-empty p{margin:0;font-size:13px}.tn-empty-state{display:grid;justify-items:center;max-width:360px;margin:12vh auto;text-align:center}.tn-empty-state img{width:122px;height:122px;margin-bottom:18px;object-fit:contain}.tn-empty-state h1{margin:0;color:#303944;font-size:20px;letter-spacing:-.025em}.tn-empty-state p{margin:7px 0 17px;color:#7f8994;font-size:14px}.tn-loading{display:flex;gap:10px;align-items:center;justify-content:center;min-height:100vh;color:#657080;font-family:IBM Plex Mono,monospace;font-size:13px}.tn-loading svg{animation:spin 1s linear infinite}.tn-toast{position:fixed;z-index:30;left:50%;bottom:26px;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 14px;transform:translate(-50%);border:1px solid rgba(77,92,108,.2);border-radius:9px;color:#f7fbfa;background:#27313c;box-shadow:0 10px 22px #19212a38;font-size:13px;animation:toast-in .19s var(--ease-out) both}@keyframes note-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.tn-app-shell{padding:0}.tn-workspace{min-height:100vh;border:0;background:#fafbfbeb;box-shadow:inset 0 1px #fffffff5,inset 0 -14px 28px #5e6b7c09}.tn-toolbar{grid-template-columns:auto 1fr auto;min-height:58px;padding:0 11px;border-bottom-color:#67748529;background:#fafbfcf2;box-shadow:0 4px 13px #4753620e,inset 0 -1px #ffffffc2}.tn-brand{justify-self:start;gap:7px;font-size:11px;letter-spacing:.055em}.tn-brand-mark{width:22px;height:22px;border-radius:6px;font-size:9px}.tn-toolbar-actions{gap:4px}.tn-toolbar-group{gap:0;padding:2px;border-radius:9px;box-shadow:0 1px 3px #3541500a,inset 0 1px #fffffff2}.tn-search{display:none}.tn-icon-button{width:30px;height:30px;border-radius:7px}.tn-icon-button svg{width:17px;height:17px}.tn-icon-badge{top:-1px;right:-1px;min-width:13px;height:13px;font-size:7px}.tn-sync-status{min-height:28px;padding:0 7px;border-radius:7px;font-size:9px}.tn-sync-status img{display:none}.tn-note-stream{padding:11px 4px 92px;border-top:1px solid rgba(114,127,142,.08)}.tn-list-context{display:none}.tn-notes-list{gap:7px}.tn-note-card{min-height:40px;grid-template-columns:minmax(0,1fr) auto;border-radius:6px;box-shadow:0 2px color-mix(in srgb,var(--note-border) 48%,transparent),0 4px 8px #343f4e09,inset 0 1px #ffffff47}.tn-note-main{gap:8px;padding:4px 9px}.tn-note-color-dot{width:8px;height:8px}.tn-note-content{font-size:12px}.tn-note-date{display:none}.tn-note-actions{padding-right:2px;gap:0}.tn-row-action{width:23px;height:27px}.tn-fab{right:16px;bottom:17px;width:61px;height:61px}.tn-editor-sheet{border-radius:16px 16px 8px 8px}.tn-editor-sheet textarea{width:calc(100% - 24px);min-height:75dvh;height:75dvh;margin:0 12px;padding:15px;font-size:15px}.tn-sheet-header{align-items:center;padding:15px 12px 12px}.tn-sheet-header h1{font-size:21px}.tn-sheet-header-actions{gap:5px}.tn-header-button{min-height:32px;padding:0 8px;font-size:12px}.tn-attachment-area{margin:10px 12px 0}.tn-editor-hint{margin:10px 12px 14px}.tn-overlay{display:block;overflow-y:auto;padding:12px 0}.tn-editor-sheet{margin:0}.tn-settings-card,.tn-confirm-card{margin:12px}.tn-cloud-section,.tn-data-section{margin:0 12px 12px;padding:12px}.tn-data-section>p{margin:9px 0 11px}.tn-trash-sheet{width:calc(100% - 24px);max-height:80dvh;margin:12px;padding:16px 12px}.tn-trash-note{grid-template-columns:auto minmax(0,1fr) auto auto;min-height:44px;gap:7px;padding:6px}.tn-trash-restore{min-height:28px;padding:0 6px;font-size:11px}.tn-empty-state{margin:9vh auto}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media (max-width: 760px){.tn-app-shell{padding:3px;background:#eef0f1}.tn-workspace{min-height:calc(100vh - 6px);border:1px solid rgba(99,112,129,.16);border-radius:12px;background:#fafbfaf7;box-shadow:0 8px 22px #3640511a,inset 0 1px #fffffff5}.tn-toolbar{min-height:57px;padding:0 9px;background:#f7f9f9f7;box-shadow:0 1px #fffffff2,0 5px 12px #4753620b}.tn-brand{gap:6px;color:#35414c;font-size:10px;letter-spacing:.065em}.tn-brand-mark{width:21px;height:21px;border-radius:6px;font-size:8px}.tn-toolbar-actions{gap:3px}.tn-toolbar-group{padding:1px;border-color:#67748517;background:#ffffff52;box-shadow:inset 0 1px #ffffffd9}.tn-toolbar-group--quick{border-color:#56bfa021;background:#f6fcf97a}.tn-toolbar-group .tn-icon-button{color:#4452608a}.tn-toolbar-group .tn-icon-button:hover{color:#35424f;background:#707e9112}.tn-sync-status{border-color:#56bfa045;background:#f5fdf9c7}.tn-note-card{background:color-mix(in srgb,var(--note-bg) 76%,#fdfdf9);border-color:color-mix(in srgb,var(--note-border) 76%,white);box-shadow:0 2px color-mix(in srgb,var(--note-border) 42%,transparent),0 4px 8px #343f4e08,inset 0 1px #ffffff6b}.tn-note-content{font-weight:600;letter-spacing:-.012em}.tn-row-action{color:#2b3a496e}}@media (max-width: 360px){.tn-app-shell{padding:0}.tn-workspace{min-height:100vh;border:0;border-radius:0}}.tn-fallback{display:grid;min-height:100vh;place-items:center;padding:24px;background:#f5f6f7;font-family:var(--tn-sans)}.tn-fallback-card{width:min(100%,430px);padding:28px;border:1px solid rgba(96,108,124,.18);border-radius:16px;color:#34404c;background:#ffffffdb;box-shadow:0 15px 36px #3640511f;text-align:center}.tn-fallback-card svg{color:#c7555b}.tn-fallback-card h1{margin:14px 0 8px;font-size:20px}.tn-fallback-card p{margin:0;color:#75818d;font-size:14px;line-height:1.55}.tn-fallback-card pre{max-height:150px;overflow:auto;margin:18px 0;padding:12px;border-radius:8px;color:#697681;background:#f3f6f6;font-family:var(--tn-mono);font-size:11px;text-align:left;white-space:pre-wrap}.tn-fallback-button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:7px;color:#f7fffb;background:#318e70;font-size:13px;font-weight:700}.tn-fallback-button:hover{background:#277d64}.tn-group-stack{display:grid;gap:18px}.tn-note-group{min-width:0}.tn-group-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:9px;width:100%;min-height:34px;margin:0 0 8px;padding:0 10px;border:1px solid var(--group-border);border-radius:8px;color:#53616c;background:color-mix(in srgb,var(--group-bg) 40%,#fff);box-shadow:0 1px #ffffffd9,0 3px 8px #36405109;font-family:var(--tn-mono);text-align:left;transition:transform .15s var(--ease-out),background .15s var(--ease-out),box-shadow .15s var(--ease-out)}.tn-group-heading:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--group-bg) 58%,#fff);box-shadow:0 2px color-mix(in srgb,var(--group-border) 38%,transparent),0 5px 10px #3640510d}.tn-group-heading:active{transform:scale(.995)}.tn-group-heading.is-collapsed{margin-bottom:0;opacity:.84}.tn-group-dot{width:9px;height:9px;border-radius:50%;background:var(--group-dot);box-shadow:inset 0 1px 1px #1e28321f}.tn-group-name{overflow:hidden;color:#495965;font-size:11px;font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tn-group-count{min-width:20px;padding:2px 5px;border:1px solid color-mix(in srgb,var(--group-border) 70%,white);border-radius:999px;color:#75828b;background:#ffffff8f;font-size:10px;text-align:center}.tn-group-heading>svg{color:#74828b}.tn-group-field{margin:13px 25px 0;padding:11px 12px 10px;border:1px solid #e0e7e4;border-radius:9px;background:#f7faf9}.tn-group-field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.tn-group-field-heading label{color:#71808a;font-family:var(--tn-mono);font-size:10px;font-weight:700;letter-spacing:.12em}.tn-group-field-heading span{color:#9aa5aa;font-family:var(--tn-mono);font-size:9px}.tn-group-input{display:block;width:100%;min-height:36px;padding:0 9px;border:1px solid #dbe5e1;border-radius:7px;color:#314049;background:#fff;font-family:var(--tn-mono);font-size:12px;outline:none;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.tn-group-input:focus{border-color:#68bda2;box-shadow:0 0 0 3px #56bfa01f}.tn-group-field small{display:block;margin-top:6px;color:#89959a;font-size:10px}@media (max-width: 760px){.tn-group-stack{gap:12px}.tn-group-heading{min-height:31px;margin-bottom:6px;padding:0 8px;border-radius:7px}.tn-group-name{font-size:10px;letter-spacing:.06em}.tn-group-count{min-width:18px;font-size:9px}.tn-group-field{margin:10px 12px 0;padding:10px}.tn-group-input{min-height:34px;font-size:11px}}.tn-group-local-note{color:#8a9a98!important}