/* Tactile paper, lifted surfaces and a soft moon palette. */
:root{--paper:#f5f4f0;--ink:#374552;--muted:#73818e;--accent:#477d9e;--accent-dark:#365f7c;--accent-soft:#e8f2fa;--accent-line:#bfd3e2;--edge:#bccbd7;--lift:#d3e0e9;--surface:#fffefa}
body{background:var(--paper)}.notebook{background-image:radial-gradient(#9aaaba2b .8px,transparent .8px);background-size:20px 20px}.notebook[data-tone=pink]{--accent:#a6607b;--accent-dark:#87475f;--accent-soft:#faeaf0;--accent-line:#dfbed0;--edge:#d0b4c2;--lift:#ead4df;--surface:#fffafa}
.brand-mark{width:49px;height:49px;border:1.5px solid #c2d4e1;border-radius:16px;background:linear-gradient(135deg,#f5faff,#d6e9f5);box-shadow:inset 2px 2px 2px #fff,2px 4px 0 #b5cddd,3px 8px 13px #526d841c}.brand-mark:before{display:none}.brand-mark:after{width:13px;height:13px;background:#edb8d0;border:1px solid #d59ab5;border-radius:5px;right:-4px;left:auto;top:-4px;bottom:auto;transform:rotate(12deg);box-shadow:inset 1px 1px #ffe6f0,1px 2px 0 #c894ad}.brand-mark .icon{color:#779ab2;width:25px;height:25px;fill:#fffff0;stroke:#7394ad;filter:drop-shadow(1px 2px 0 #bdd4e2)}.brand strong{font-size:22px}.brand small{font-size:10px;letter-spacing:0;color:#8b9299;line-height:2.4}
.button{border:1.5px solid transparent;border-radius:10px;transition:transform .15s,box-shadow .15s,background .15s;font-size:13px}.primary{background:linear-gradient(160deg,#5b95b6,var(--accent));border-color:var(--accent-dark);box-shadow:inset 0 1px 0 #ffffff60,0 3px 0 var(--accent-dark),0 6px 10px #384d5e16}.notebook[data-tone=pink] .primary{background:linear-gradient(155deg,#c48ba4,var(--accent))}.primary:hover{box-shadow:inset 0 1px #ffffff60,0 4px 0 var(--accent-dark),0 8px 14px #384d5e20;transform:translateY(-1px);background:var(--accent)}.primary:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff30,0 0 0 var(--accent-dark)}.secondary{border-color:#cbd3d7;background:#fffefa;box-shadow:inset 0 1px #fff,0 2px 0 #d1d8dc}.secondary:active{transform:translateY(2px);box-shadow:none}.icon-button:hover{box-shadow:inset 1px 2px 3px #5b708015}.small{font-size:12px}
.sidebar{right:18px;top:18px;bottom:18px;width:234px;padding:26px 22px 18px;border:1.5px solid #c6d0d6;border-radius:20px;background:linear-gradient(125deg,#fffefa,#f8f9f9);box-shadow:inset 1px 1px #fff,3px 5px 0 #d1dae0,8px 14px 25px #445b7110}.sidebar-divider{margin:24px 0 18px}.main-content{margin-right:270px}.my-profile strong{font-size:13px}.avatar{border:1px solid #d0dfe9;box-shadow:inset 2px 2px 1px #ffffffb3,1px 3px 0 #c6d8e4}.avatar.pink{border-color:#e2c3d1;box-shadow:inset 2px 2px 1px #fff8,1px 3px 0 #dfbbcc}.my-profile small{font-size:11px}.nav-item{font-size:13px;padding:13px}.nav-item.active{border:1px solid var(--accent-line);box-shadow:inset 0 1px #fff,1px 2px 0 var(--lift)}.nav-label{font-size:11px;margin-top:29px}.sidebar-write{font-size:12px;margin-top:26px}.sidebar-bottom{padding-top:22px}.sidebar-privacy,.logout-link{font-size:11px}.logout-link{margin-top:17px}.sidebar-coffee{height:144px;position:relative;margin:12px auto 0;width:160px}.coffee-cup{position:absolute;top:24px;left:38px;width:78px;height:70px;border-radius:10px 10px 31px 31px;background:linear-gradient(100deg,#fdf3e8,#fffdf7 30%,#e9d7c5);border:1px solid #cfb9a4;box-shadow:inset 3px 0 4px #fff8,3px 5px 0 #b49b8570,4px 9px 15px #846e5520;z-index:2}.coffee-surface{position:absolute;top:-5px;left:1px;right:1px;height:19px;border:4px solid #fff6ec;border-radius:50%;background:radial-gradient(ellipse,#d4af7e 20%,#c49a6b 60%,#ab8056);box-shadow:inset 1px 2px 2px #7c5c463a,0 -1px 0 #ddcbbb}.coffee-handle{position:absolute;left:-23px;top:11px;width:30px;height:38px;border:8px solid #eee1d3;border-radius:50%;box-shadow:2px 3px 0 #bba69280;z-index:-1}.cup-heart{color:#c89aae;font-size:22px;display:block;text-align:center;margin-top:17px;font-weight:400;transform:rotate(-8deg)}.coffee-saucer{position:absolute;top:77px;left:23px;width:112px;height:29px;background:linear-gradient(#f7d7e3,#e5b7cd);border:1px solid #cda2b7;border-radius:50%;box-shadow:1px 4px 0 #c99fb55c,1px 8px 8px #78615719}.coffee-steam{position:absolute;top:3px;left:66px;width:12px;height:18px;border-right:2px solid #c9b7a591;border-radius:50%;transform:rotate(-12deg)}.coffee-steam:after{content:'';position:absolute;left:-15px;top:2px;width:8px;height:14px;border-right:2px solid #c9b7a560;border-radius:50%}.sidebar-coffee small{position:absolute;top:119px;left:0;right:0;text-align:center;font-size:10px;color:#a08d7e}
.topbar{height:65px;margin:18px 30px 0;border:1.5px solid #cbd4d9;border-radius:17px;background:#fffefae8;padding:0 25px;box-shadow:inset 0 1px #fff,1px 3px 0 #d8e0e4}.topbar-title{font-size:12px}.topbar-title small{font-size:11px}.secure-pill{font-size:10px;border-color:#d4ded7;box-shadow:inset 0 1px white,0 1px 0 #d8e2d9;background:#f4f8f3;color:#748c7b}.page-content{max-width:1080px;padding:31px 30px 0}.welcome-row{margin-bottom:24px}.greeting{font-size:20px}.welcome-row p{font-size:12px;color:#7c8995}.today{font-size:11px;color:#7c8791}.hero{position:relative;min-height:248px;padding:28px 33px;border:1.5px solid var(--edge);border-radius:18px;background:linear-gradient(125deg,#f6edf2 0%,#f0f2f6 40%,#e6f2fa 100%);box-shadow:inset 1px 1px #fff,2px 5px 0 var(--lift),3px 10px 17px #45607813;overflow:visible}.notebook[data-tone=pink] .hero{background:linear-gradient(125deg,#eaf3fa,#f5eef4 50%,#fbedf3)}.hero:after{content:'';position:absolute;bottom:-8px;right:12px;left:12px;height:13px;border-radius:0 0 14px 14px;background:#e8e9e5;border:1px solid #c9d1d6;z-index:-1}.hero .eyebrow{font-size:12px;color:#6c7e8e}.hero .eyebrow .icon{width:15px;height:15px}.hero h1{font-size:41px;line-height:1.5;letter-spacing:-1.4px;font-weight:650;margin:13px 0 13px;color:#3b556a}.notebook[data-tone=pink] .hero h1{color:#715569}.hero-copy p{font-size:13px;line-height:2;color:#758a9a;max-width:330px}.notebook[data-tone=pink] .hero-copy p{color:#95778a}.text-button{font-size:12px;margin-top:22px}.hero-art{width:49%;max-width:370px;transform:none}.moon-art img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 8px #4e647814)}.hero .moon-art{margin:-34px -17px -15px -10px}.notes-section{margin-top:36px}.section-heading h2{font-size:20px}.notes-count{font-size:11px;border-color:#d0d8dc;background:#fffefa;box-shadow:0 1px 0 #d4dde0}.notes-controls{margin-top:23px;margin-bottom:25px}.filter-tabs button{font-size:12px;border-radius:8px;padding:6px 12px}.filter-tabs button.selected{border-color:var(--accent-line);background:var(--accent-soft);box-shadow:inset 0 1px #fff,0 2px 0 var(--lift)}.search-field{width:210px}.search-field input{font-size:11px;height:38px;border:1px solid #cbd5dc;background:#edf0f1;box-shadow:inset 1px 2px 4px #64758a0d}.search-field input::placeholder{color:#8999a6}.sort-label select{font-size:10px;max-width:97px;color:#748390}.notes-grid{display:flex;flex-direction:column;gap:21px}.note-card{min-height:0;padding:23px 26px 0;border:1.5px solid #c2d7e5;border-radius:14px;background:linear-gradient(125deg,#fafdff,#f3f8fc);box-shadow:inset 1px 1px #fff,1px 4px 0 #d5e4ee,3px 7px 12px #5c758a0b;--card-line:#d5e2ea}.note-card.pink{background:linear-gradient(125deg,#fffafb,#fcf2f6);border-color:#e3c8d6;box-shadow:inset 1px 1px #fff,1px 4px 0 #edd6e1,3px 7px 12px #7153690b;--card-line:#eed9e3}.note-card:hover{transform:translateY(-2px);box-shadow:inset 1px 1px #fff,1px 6px 0 var(--card-line),4px 12px 18px #52667c12}.note-card:before{content:'';position:absolute;right:11px;left:11px;bottom:-7px;height:10px;border:1px solid var(--card-line);background:#fffdf9;border-radius:0 0 9px 9px;z-index:-1}.note-card-top{margin-bottom:12px}.mood-tag{font-size:10px;padding:4px 8px;border:1px solid #d8e6ee;box-shadow:inset 0 1px #fff8}.pink .mood-tag{border-color:#f0d6e3}.bookmark-button{width:33px;height:33px}.bookmark-button .icon{width:17px;height:17px}.note-card h3{font-size:20px;color:#4d6578;line-height:1.7;font-weight:600}.note-card.pink h3{color:#88677d}.note-excerpt{font-size:14px;line-height:2.1;margin-top:11px;color:#748592;-webkit-line-clamp:3;max-width:800px}.note-card.pink .note-excerpt{color:#957a8c}.note-date{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#95a6b3;padding-top:17px;padding-bottom:16px;width:100%}.note-card.pink .note-date{color:#b096a5}.note-reading-time{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.note-reading-time .icon{width:13px;height:13px}.note-card-footer{min-height:47px;font-size:10px}.note-author>span:last-child{max-width:270px}.mini-avatar{width:23px;height:23px;font-size:9px}.note-status{font-size:9px}.note-status span{display:inline}.new-note-card{min-height:100px;flex-direction:row;padding:20px 25px;gap:16px;border:1.5px dashed #ccd4d7;background:#f9faf7;text-align:right;justify-content:flex-start}.new-note-card strong{font-size:14px;margin:0;font-weight:500}.new-note-card>span:nth-child(3){font-size:11px;margin-right:auto}.new-note-heart{font-size:26px;display:none}.page-footer{margin-top:33px;font-size:10px;padding-bottom:24px;color:#8a969b;gap:7px}.page-footer .icon{width:12px;height:12px}.page-footer button{font-size:10px;color:#8a969b}.empty-state{background:#fffefa;border:1px dashed #c5d2db}.empty-state p{font-size:13px}.load-error{background:#fff8f8}
.login-screen{background:transparent;padding:35px 7vw}.login-brand{font-size:23px}.login-layout{max-width:1070px;gap:8%;padding:40px 0}.login-intro h1{font-size:54px;line-height:1.6;font-weight:650;letter-spacing:-1.5px;color:#4f6c81}.notebook[data-tone=pink] .login-intro h1{color:#886b7e}.login-intro>p{font-size:13px;color:#8494a2}.login-intro .letter-art{width:100%;max-width:430px;margin:15px -13px 0}.login-card{border:1.5px solid #c7d2da;border-radius:20px;background:#fffefb;box-shadow:inset 1px 1px #fff,3px 6px 0 #dde3e7,10px 18px 30px #52677b13;padding:32px 33px}.login-card h2{font-size:23px}.login-moon{width:50px;height:50px;margin:0 auto 21px;display:flex;align-items:center;justify-content:center;background:#f1f6fa;border:1px solid #c7dce9;border-radius:17px;box-shadow:inset 1px 1px #fff,2px 3px 0 #d3e3ed;transform:rotate(-7deg)}.login-moon .icon{width:24px;height:24px;fill:#fffbe9;stroke:#a8a184;filter:drop-shadow(1px 2px 0 #d2c7a540)}.profile-choice{border:1.5px solid #d8dce0;box-shadow:inset 0 1px #fff,0 2px 0 #dfe4e7;padding:19px 10px 15px}.profile-choice.selected.blue{background:#eaf4fa;border-color:#aecde0;box-shadow:inset 1px 1px #fff,1px 3px 0 #c8ddea}.profile-choice.selected.pink{background:#fcf0f5;border-color:#dfbfd0;box-shadow:inset 1px 1px #fff,1px 3px 0 #efd7e3}.profile-avatar{width:37px;height:37px;border:1px solid #d9e8f1;box-shadow:inset 1px 1px #fff,1px 2px 0 #d6e4ed}.profile-choice.pink .profile-avatar{border-color:#f0d8e3;box-shadow:inset 1px 1px #fff,1px 2px 0 #eed3e0}.profile-choice strong{font-size:13px}.profile-choice.pink .profile-avatar .icon{width:21px;height:21px;fill:#f6d3e2}.field-label{font-size:12px}.password-field input{font-size:12px;border:1.5px solid #cbd4da;background:#f3f5f5;box-shadow:inset 1px 2px 3px #67768b13}.remember{font-size:11px}.login-footer{font-size:10px;color:#8c9695}.privacy-link{font-size:9px;color:#8b8d8e}.login-bottom .icon{width:17px;height:17px;color:#b0b1a0}.modal-panel{border:1.5px solid #c9d2d9;border-radius:18px;background:#fffefa;box-shadow:inset 1px 1px #fff,3px 5px 0 #dce2e6,0 25px 80px #263f5926}.privacy-item p{font-size:13px}.privacy-item h3{font-size:14px}.privacy-item>.icon{margin-top:5px}.space-modal>.button{margin-top:27px}.space-modal .couple-profiles small .icon{width:20px;height:20px;color:#b9839d}.story-date{border:1px solid var(--accent-line);box-shadow:inset 0 1px white,0 2px 0 var(--lift)}
.writing-view{padding:12px;background:#f2f2efeF;backdrop-filter:blur(8px);align-items:stretch;overflow:hidden}.writing-view .modal-panel{max-width:1120px;max-height:calc(100dvh - 24px);width:100%;padding:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;margin:0 auto;border-radius:15px;box-shadow:1px 3px 0 #d1dde5,0 15px 45px #39556b15;scroll-behavior:smooth}.writing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 30px;position:sticky;top:0;z-index:4;background:#fffefbef;backdrop-filter:blur(12px);border-bottom:1px solid #dce2e5;min-height:76px}.writing-toolbar .button.quiet{font-size:12px;padding:8px 0;color:#83919c;min-height:35px}.writing-toolbar .button.quiet .icon{width:15px;height:15px}.writing-toolbar-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#8393a2}.writing-toolbar-label .icon{width:16px;height:16px}.save-indicator{font-size:10px;color:#9cabb5}.composer-sheet{max-width:850px;padding:35px 35px 18px;margin:0 auto}.compose-title{font-size:27px;font-weight:550;padding:13px 0 20px;border-color:#d5dee4;line-height:1.8}.compose-title::placeholder{color:#a1adb6}.compose-body{font-size:17px;line-height:2.25;min-height:340px;padding:26px 0 17px;resize:vertical;overflow:auto;scrollbar-width:thin;scrollbar-color:#c9d8e2 transparent;color:#526777}.compose-body::placeholder{font-size:16px;color:#aab6bf}.compose-meta{font-size:10px;color:#93a3af;padding-top:9px;border-top:1px dashed #dbe2e5;margin-bottom:30px}.mood-picker legend,.visibility-picker legend{font-size:13px;color:#778894}.mood-picker label{font-size:12px;border-color:#d0dbe1;padding:7px 14px}.mood-picker label.selected{box-shadow:inset 0 1px #fff,0 2px 0 var(--lift)}.visibility-picker label{border-color:#d1dce2;border-width:1.5px;padding:17px;box-shadow:inset 1px 1px #fff}.visibility-picker label.selected{box-shadow:inset 1px 1px #fff,0 2px 0 var(--lift)}.visibility-picker strong{font-size:13px}.visibility-picker small{font-size:11px;line-height:1.8}.admin-disclosure{font-size:10px;color:#95a0a6;line-height:1.8;margin:20px 0 10px}.composer-actions{position:sticky;bottom:0;z-index:4;background:#fffefbf2;backdrop-filter:blur(10px);border-top:1px solid #dce3e6;margin:0;display:flex;align-items:center;justify-content:space-between;padding:18px 30px;gap:15px}.composer-actions>div{display:flex;align-items:center;gap:16px}.keyboard-hint{font-family:Vazirmatn,sans-serif;font-size:10px;color:#a5b0b8;direction:ltr}.composer-actions .quiet{font-size:12px}.reader{min-height:100%;}.reader-tools{display:flex;align-items:center;gap:7px;color:#8c9ba7;font-size:10px}.font-control{font-family:Georgia,serif;font-size:15px;border:1px solid #d7e0e5;background:#f5f8fa;box-shadow:inset 0 1px #fff,0 2px 0 #dee7ec;width:32px;height:30px;direction:ltr}.tool-divider{height:15px;width:1px;background:#dce3e8;margin:0 6px}.reader-width-button{font-size:11px;color:#7e909e}.reader-top-edit{font-size:11px;padding:6px 12px;min-height:33px;gap:7px}.reader-top-edit .icon{width:14px;height:14px}.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#edf2f5}.reading-progress>span{position:absolute;right:0;top:0;bottom:0;background:var(--accent);transition:width .1s linear}.reader-sheet{max-width:760px;margin:0 auto;padding:45px 35px 35px}.wide-reading .reader-sheet{max-width:960px}.reader h2{font-size:32px;line-height:1.7;font-weight:600;color:#465f72;margin:20px 0 17px}.notebook[data-tone=pink] .reader h2{color:#765d70}.reader-byline{font-size:11px;gap:9px;padding-bottom:27px;color:#8c9daa}.reader-body{line-height:2.35;color:#4d6273;margin:33px 0 35px;min-height:250px;white-space:pre-wrap;overflow-wrap:anywhere}.reader-footer{border-top:1px dashed #d9e0e5;padding-top:20px}.reader-signature{font-size:11px;color:#a0adb5}.reader-actions{margin-top:10px;padding-top:25px;gap:12px}.reader-actions .button{font-size:12px;padding:10px 15px}.reader-loading{padding:100px 25px;text-align:center;font-size:13px;color:#8f9faa}.reader-loading p{margin-top:18px}.writing-view .confirm-overlay{position:fixed;inset:0;background:#e9eceff0;z-index:70}.writing-view .confirm-overlay>div{border:1.5px solid #c4d0d9;padding:30px;background:#fffefa;border-radius:15px;max-width:420px;box-shadow:2px 4px 0 #d4dfe7,0 15px 40px #39567120}
@media(max-width:1200px){.sidebar{width:218px;right:15px;top:15px;bottom:15px;padding:24px 18px 18px}.main-content{margin-right:248px}.topbar{margin:15px 24px 0;padding:0 21px}.page-content{padding:28px 24px 0}.hero h1{font-size:36px}.hero{padding:25px 28px;min-height:238px}.hero-art{max-width:320px}.hero-copy p{font-size:12px;max-width:270px}.notes-controls{flex-wrap:wrap;gap:16px}.filter-tabs button{font-size:11px}.note-card h3{font-size:19px}.note-author>span:last-child{max-width:200px}.note-status span{display:inline}}
@media(max-width:960px){.hero-art{width:45%;min-width:180px}.hero h1{font-size:33px}.hero-copy p{max-width:220px;font-size:11px}.greeting{font-size:18px}.welcome-row p{font-size:11px}.today{font-size:10px}.hero .moon-art{margin:-12px -22px -10px -8px}.note-excerpt{font-size:13px}.login-intro .letter-art{max-width:360px}.login-intro h1{font-size:44px}.login-layout{gap:6%}.login-card{padding:28px 26px}.login-intro>p{font-size:12px}}
@media(max-width:760px){.sidebar{width:245px;right:13px;top:13px;bottom:13px;transform:translateX(115%)}.main-content{margin-right:0}.topbar{margin:14px 18px 0;height:59px;padding:0 16px}.page-content{padding:25px 20px 0}.hero{min-height:230px}.hero-art{width:47%;max-width:310px}.hero-copy p{max-width:260px;font-size:12px}.hero h1{font-size:35px}.search-sort{width:100%;justify-content:space-between}.search-field{max-width:none;width:75%}.note-card{padding:21px 23px 0}.note-card h3{font-size:19px}.note-excerpt{font-size:14px}.notes-grid{gap:20px}.login-layout{gap:30px;padding-top:29px}.login-intro h1{font-size:35px;margin:8px 0}.login-intro .letter-art{display:block;width:235px;margin:0 auto -13px}.login-intro>p{font-size:12px}.login-brand{font-size:22px}.login-screen{padding:24px}.login-card{max-width:410px}.login-moon{display:none}.login-bottom{padding-top:12px}.reader-sheet{padding:35px 28px 27px}.composer-sheet{padding:25px 28px 18px}.writing-toolbar{padding:14px 23px}.writing-toolbar-label{font-size:11px}.reader h2{font-size:29px}.reader-tools{gap:6px}.composer-actions{padding:16px 23px}}
@media(max-width:480px){.topbar{margin:12px 12px 0;padding:0 11px;height:54px;border-radius:13px}.topbar-title{font-size:11px;gap:6px}.topbar-title small{font-size:9px}.secure-pill{font-size:8px;padding:4px 6px}.page-content{padding:24px 16px 0}.greeting{font-size:18px}.today{font-size:9px}.welcome-row p{font-size:10px;max-width:200px}.hero{min-height:214px;padding:22px;border-radius:15px;overflow:hidden;align-items:center}.hero:after{display:none}.hero-copy{max-width:61%}.hero h1{font-size:32px;margin:10px 0 10px;line-height:1.5}.hero .eyebrow{font-size:10px;gap:5px}.hero .eyebrow .icon{width:12px;height:12px}.hero-copy p{font-size:11px;line-height:2;max-width:190px}.hero-art{position:absolute;top:22px;left:-29px;width:210px;opacity:.95;max-width:none;min-width:0}.hero .moon-art{margin:0}.text-button{font-size:11px;margin-top:18px}.notes-section{margin-top:31px}.section-heading h2{font-size:18px}.notes-count{font-size:9px}.section-heading .small{font-size:11px;padding:8px 11px;min-height:36px}.filter-tabs{justify-content:flex-start;gap:7px}.filter-tabs button{font-size:11px;padding:6px 12px}.search-field input{font-size:11px;height:39px}.sort-label select{font-size:10px}.notes-controls{gap:17px;margin-bottom:23px}.note-card{padding:18px 19px 0;min-height:0}.note-card h3{font-size:18px}.note-excerpt{font-size:13px;line-height:2.15;margin-top:11px}.note-date{font-size:9px;padding-bottom:14px}.note-reading-time{font-size:9px;gap:4px}.note-card-footer{font-size:9px;min-height:44px}.note-author>span:last-child{max-width:190px}.note-status{font-size:8px}.new-note-card{min-height:87px;padding:17px 19px;gap:10px}.new-note-card strong{font-size:12px}.new-note-card>span:nth-child(3){font-size:10px}.plus-circle{width:33px;height:33px}.page-footer{font-size:9px;gap:6px}.page-footer button{font-size:9px}.login-screen{padding:19px 22px}.login-brand .brand-mark{width:42px;height:42px;border-radius:13px}.login-brand{font-size:20px}.login-intro h1{font-size:31px;margin:6px 0}.login-intro .eyebrow{font-size:11px}.login-intro>p{font-size:10px}.login-intro .letter-art{width:190px}.login-layout{gap:22px;padding:24px 0}.login-card{padding:28px 23px 24px}.login-card h2{font-size:22px}.login-card .muted{font-size:12px}.privacy-link{font-size:9px}.login-footer{font-size:9px}.writing-view{padding:0}.writing-view .modal-panel{max-height:100dvh;border:0;border-radius:0;box-shadow:none;scrollbar-gutter:auto}.writing-toolbar{padding:13px 17px;gap:9px;min-height:66px}.writing-toolbar .button.quiet{font-size:11px}.writing-toolbar-label{font-size:10px;gap:5px}.writing-toolbar-label .icon{width:13px;height:13px}.save-indicator{font-size:9px}.composer-sheet{padding:22px 23px 15px}.compose-title{font-size:23px;padding-bottom:18px}.compose-body{font-size:16px;line-height:2.2;min-height:340px}.compose-body::placeholder{font-size:14px}.compose-meta{font-size:9px;gap:9px;flex-wrap:wrap;margin:14px 0 28px}.compose-meta>span:last-child{max-width:none;text-align:right}.mood-picker label{font-size:11px;padding:7px 12px}.visibility-picker{grid-template-columns:1fr;gap:10px}.visibility-picker label{padding:15px}.visibility-picker strong{font-size:12px}.visibility-picker small{font-size:10px}.composer-actions{padding:15px 18px}.composer-actions .button{font-size:11px;padding:10px 13px}.keyboard-hint{display:none}.reader-sheet{padding:29px 24px 25px}.reader h2{font-size:26px;margin:17px 0;line-height:1.8}.reader-body{line-height:2.2;margin-top:26px}.reader-byline{font-size:10px;gap:7px;padding-bottom:21px}.reader-tools{gap:5px;font-size:10px}.reader-width-button{display:none}.tool-divider{display:none}.font-control{font-size:13px;width:29px;height:29px}.reader-top-edit{font-size:10px;gap:5px;min-height:30px;padding:5px 8px}.reader-top-edit .icon{width:12px;height:12px}.reader-actions{gap:8px}.reader-actions .button{font-size:11px;padding:9px 12px}.admin-disclosure{font-size:9px;align-items:flex-start}.admin-disclosure .icon{margin-top:3px}.writing-view .confirm-overlay{padding:25px}.writing-view .confirm-overlay>div{padding:25px}.privacy-item p{font-size:12px}.privacy-modal>h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.writing-view .modal-panel{scroll-behavior:auto}}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd9e1 transparent}.sidebar>.brand,.sidebar>.my-profile,.sidebar>nav,.sidebar>.sidebar-write,.sidebar>.sidebar-bottom{flex-shrink:0}
@media(max-height:800px) and (min-width:761px){.sidebar{padding-top:23px}.sidebar-divider{margin:19px 0 14px}.nav-label{margin-top:21px;margin-bottom:9px}.nav-item{padding-top:10px;padding-bottom:10px}.sidebar-write{margin-top:18px}.sidebar-bottom{padding-top:13px}.sidebar-coffee{height:112px;margin-top:0}.sidebar-coffee small{display:none}.sidebar-privacy{margin-top:12px}.logout-link{margin-top:12px}}