:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#26343a;background:#f6f5f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #17252b;--ink-soft: #25373d;--paper: #f6f5f1;--surface: #fffefa;--line: #dddeda;--muted: #6c7778;--accent: #b56839;--accent-dark: #92502a;--danger: #a24c40;--success: #426b5b;--radius: 12px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}a{color:inherit}svg{flex:none}::selection{background:#e8c0a3;color:var(--ink)}:focus-visible{outline:3px solid #d99561;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.4}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 15px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .13s ease}.button:active,.icon-button:active{transform:scale(.97)}.button.primary{background:var(--ink);color:#fffefa}.button.primary:hover:not(:disabled){background:var(--ink-soft)}.button.outline{background:transparent;border-color:#cfd2cd;color:var(--ink)}.button.outline:hover:not(:disabled){background:#f2f1ec}.button.subtle{color:#e6e7e1;background:transparent}.button.subtle:hover{background:#304148}.button.full{width:100%}.icon-button{display:inline-grid;place-items:center;min-width:40px;min-height:40px;border:0;border-radius:8px;background:transparent;color:inherit;transition:background-color .16s ease,color .16s ease,transform .13s ease}.icon-button:hover:not(:disabled){background:#eceeea}.icon-button.danger-hover:hover:not(:disabled){background:#f9eae6;color:var(--danger)}.icon-button.compact{min-width:34px;min-height:34px}input,textarea,select{width:100%;border:1px solid #cbd0cb;background:#fffefa;color:var(--ink);border-radius:8px;padding:11px 12px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{border-color:#ae764f;box-shadow:0 0 0 3px #b5683924}input::placeholder,textarea::placeholder{color:#9ca4a2}textarea{resize:vertical;line-height:1.55;min-height:112px}label{display:block;font-size:12px;font-weight:700;color:#465358}select{appearance:auto;cursor:pointer}.access-shell{min-height:100dvh;display:grid;grid-template-rows:1fr auto;place-items:center;padding:64px 20px 28px;background:var(--ink);color:#f8f8f3}.access-mark{position:absolute;top:34px;left:38px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #5d6768;border-radius:12px;color:#dbc8b5}.access-panel{width:min(100%,440px);margin-top:-20px;padding:38px 36px 36px;background:#fffefa;color:var(--ink);border-radius:16px;box-shadow:0 2px 4px #0000000f,0 24px 60px #00000026}.access-panel h1{margin:11px 0 8px;font-size:clamp(28px,5vw,34px);font-weight:650;line-height:1.14;letter-spacing:-.045em;text-wrap:balance}.access-intro{margin:0 0 29px;color:#657273;font-size:14px;line-height:1.55}.tab-strip{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:23px}.tab-strip button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-bottom:2px solid transparent;background:transparent;min-height:44px;padding:8px 3px 10px;font-size:12px;font-weight:700;color:#8b9696}.tab-strip button:hover{color:var(--ink)}.tab-strip button.active{border-bottom-color:var(--accent);color:var(--ink)}.access-form{display:grid;gap:8px}.access-form input{margin-bottom:10px}.access-form .button{margin-top:6px}.form-note{color:#697678;font-size:12px;line-height:1.55;margin:0 0 7px}.access-foot{display:flex;align-items:center;gap:8px;color:#aeb7b5;font-size:11px;margin:24px 0 0;text-align:center}.error-message{color:var(--danger);font-size:12px;line-height:1.5;margin:8px 0 0}.loading-shell{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{height:72px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--ink);color:#f8f8f3}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;color:#efdac6;border:1px solid #596669;border-radius:10px}.brand span:last-child{display:grid;gap:0}.brand strong{font-size:16px;letter-spacing:-.025em}.brand small{color:#b0bcbb;font-size:11px;letter-spacing:.02em}.top-actions{display:flex;align-items:center;gap:15px}.private-badge{display:flex;align-items:center;gap:7px;color:#c1d0c8;font-size:12px;font-weight:600}.workspace{display:flex;flex:1;min-height:calc(100dvh - 72px)}.sidebar{width:284px;flex:none;display:flex;flex-direction:column;background:#e9ece8;border-right:1px solid #d8ddd8}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:29px 21px 18px 27px}.sidebar-heading h2{margin:3px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.04em}.add-button{background:var(--ink);color:#fffefa}.add-button:hover:not(:disabled){background:var(--ink-soft)}.vault-list{display:grid;gap:4px;padding:0 11px}.vault-row{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:70px;padding:11px 12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--ink)}.vault-row:hover{background:#f5f6f2}.vault-row.selected{background:#fffefa;border-color:#d5d9d3;box-shadow:0 1px 2px #15242b09}.vault-row-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#dce2dc;color:#53645d}.vault-row.selected .vault-row-icon{background:#f4e6db;color:var(--accent-dark)}.vault-row-copy{display:grid;gap:3px;min-width:0}.vault-row-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.vault-row-copy small{color:var(--muted);font-size:11px}.vault-row-time{position:absolute;right:0;top:13px;bottom:13px;width:3px;border-radius:3px;background:#bd7445;opacity:0}.vault-row.selected .vault-row-time{opacity:1}.empty-sidebar{padding:32px 19px;display:grid;justify-items:start;gap:9px;color:#72807c}.empty-sidebar strong{font-size:13px;color:var(--ink)}.empty-sidebar span{font-size:12px;line-height:1.5}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:22px 25px;color:#73807b;font-size:11px}.main-area{flex:1;min-width:0;padding:40px clamp(24px,5vw,68px) 80px}.vault-view{width:min(100%,850px);margin:0 auto}.vault-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:27px}.vault-heading-copy{min-width:0;flex:1}.vault-heading h1{margin:5px 0 6px;font-size:clamp(27px,3vw,38px);line-height:1.15;font-weight:650;letter-spacing:-.045em;overflow-wrap:anywhere}.vault-heading p{margin:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;flex-wrap:wrap}.heading-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.mobile-back{display:none}.countdown{display:inline-flex;align-items:center;gap:4px;color:var(--accent-dark);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.share-panel{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding:20px 22px;background:#f7ede4;border:1px solid #ead5c1;border-radius:var(--radius)}.share-panel strong{display:block;margin-top:5px;font-size:17px;letter-spacing:-.025em}.share-panel p{font-size:12px;line-height:1.5;color:#665e57;margin:5px 0 15px}.share-panel code{font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(14px,2vw,18px);font-weight:700;letter-spacing:.08em;color:var(--ink);overflow-wrap:anywhere}.share-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.composer,.item-card{background:var(--surface);border:1px solid #e4e5e0;border-radius:var(--radius);box-shadow:0 2px 8px #16262d08}.composer{padding:22px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.section-top h2{margin:4px 0 0;font-size:20px;font-weight:650;line-height:1.2;letter-spacing:-.035em}.duration-control{width:142px}.duration-control label{color:var(--muted);font-size:11px;margin-bottom:5px}.duration-control select{padding:7px 8px;font-size:12px;min-height:36px}.composer textarea{display:block;background:#fbfbf8;border-color:#e2e5df}.composer-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.dropzone{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:14px;border:1px dashed #cdd3cb;border-radius:8px;color:#8a9491;font-size:11px;text-align:center;padding:10px}.message{margin:16px 0;border-radius:8px;padding:11px 13px;font-size:12px}.message.error-message{background:#f8e8e5}.success-message{background:#e7f0e9;color:var(--success)}.contents-section{margin-top:32px}.contents-section .section-top{margin-bottom:16px}.item-count{display:inline-grid;place-items:center;min-width:24px;height:23px;margin-left:4px;padding:0 6px;border-radius:8px;color:#667470;background:#e6eae4;font-size:12px;vertical-align:2px}.empty-content{display:grid;justify-items:center;gap:8px;padding:60px 24px;border:1px dashed #d4d9d1;border-radius:var(--radius);color:#8b9690;text-align:center}.empty-content strong{color:#4e5c5d;font-size:14px}.empty-content span{max-width:320px;font-size:12px;line-height:1.5}.items-list{display:grid;gap:12px}.item-card{padding:16px 18px}.item-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.item-kind{display:inline-flex;align-items:center;gap:6px;color:#7c8783;font-size:10px;font-weight:800;letter-spacing:.12em}.item-meta{display:flex;align-items:center;gap:8px;font-size:11px}.text-content{display:flex;align-items:end;justify-content:space-between;gap:16px}.text-content pre{min-width:0;max-height:220px;overflow:auto;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;line-height:1.55;color:#2d393d}.text-content .button{align-self:end}.file-content{display:flex;align-items:center;gap:13px}.file-preview,.file-glyph{width:58px;height:58px;flex:none;border-radius:8px;object-fit:cover}.file-preview{outline:1px solid #00000017;outline-offset:-1px}.file-glyph{display:grid;place-items:center;background:#edf0ea;color:#687a73}.file-meta{display:grid;gap:3px;min-width:0;flex:1}.file-meta strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta small{font-size:11px;color:var(--muted)}.welcome{width:min(100%,520px);min-height:calc(100dvh - 200px);margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.welcome-glyph{display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:#e9ece7;color:#66766f;margin-bottom:28px}.welcome h1{font-size:clamp(33px,4vw,48px);letter-spacing:-.055em;line-height:1.1;font-weight:650;margin:9px 0 10px;text-wrap:balance}.welcome p{font-size:15px;color:var(--muted);line-height:1.6;max-width:440px;margin:0 0 26px}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#102026aa}.dialog{position:relative;width:min(100%,460px);background:var(--surface);border-radius:15px;padding:31px;box-shadow:0 30px 90px #0004}.dialog-close{position:absolute;right:16px;top:14px}.dialog h2{margin:8px 0;font-size:27px;line-height:1.2;letter-spacing:-.04em}.dialog p{color:var(--muted);line-height:1.55;font-size:13px;margin:0 0 22px}.dialog form{display:grid;gap:8px}.dialog form input,.dialog form select{margin-bottom:12px}.dialog form .button{margin-top:4px}.mobile-footer{display:none}@media(max-width:850px){.topbar{padding:0 19px}.private-badge{display:none}.sidebar{width:246px}.main-area{padding:32px 24px 70px}.vault-heading{flex-wrap:wrap}.heading-actions{width:100%}}@media(max-width:650px){.topbar{height:64px}.workspace{min-height:calc(100dvh - 64px)}.sidebar{width:100%;border-right:0}.sidebar.mobile-hidden{display:none}.main-area{padding:24px 17px 70px}.sidebar:not(.mobile-hidden)+.main-area{display:none}.sidebar-heading{padding:24px 20px 17px}.vault-list{padding:0 10px}.mobile-back{display:inline-grid;margin:-6px 0 0 -8px}.vault-heading-copy{flex-basis:calc(100% - 50px)}.vault-heading h1{font-size:28px}.heading-actions{margin-top:2px;justify-content:space-between}.heading-actions .button{flex:1}.section-top{align-items:start}.composer{padding:17px}.composer-footer .button{padding:9px 10px;font-size:11px}.dropzone{font-size:10px}.share-panel{display:block}.share-actions{justify-content:space-between;margin-top:17px}.text-content{display:block}.text-content .button{margin-top:15px}.welcome{min-height:calc(100dvh - 220px)}.mobile-footer{display:block;padding:11px 16px;background:var(--ink);color:#b7c2bc;text-align:center;font-size:10px}.access-shell{padding:90px 14px 28px}.access-mark{left:20px;top:22px}.access-panel{padding:29px 24px 30px;margin:0}.access-foot{max-width:330px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.button,.icon-button,input,textarea,select{transition:none}}