@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--navy:#111d2e;--ink:#243348;--muted:#708097;--cream:#f7f8f6;--paper:#fff;--line:#e5e8ed;--blue:#5e85b0;--soft-blue:#eaf2fb;--green:#dfeee2;--sand:#f1e5c9;--violet:#e8e0f0;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);font-family:var(--sans);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}.app-shell{background:var(--cream);max-width:980px;min-height:100vh;margin:auto}.app-bar{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:18px;height:68px;padding:0 30px;display:flex}.logo{color:var(--navy);font-family:var(--serif);letter-spacing:-.05em;font-size:1.45rem}.logo span{color:#7295bd}.bar-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.search-button,.dots-button,.back-button{color:#8a98a8;background:0 0;border:0}.search-button{font-size:1.5rem}.avatar{color:#fff;background:var(--navy);border:0;border-radius:50%;width:30px;height:30px;font-size:.62rem;font-weight:700}.home-screen{padding:48px 44px 80px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.eyebrow{color:#6689b1;text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:.6rem;font-weight:800}h1,h2{color:var(--navy);font-family:var(--serif);letter-spacing:-.05em;margin:0;font-weight:400}h1{font-size:clamp(2.9rem,7vw,4.6rem);line-height:.98}h2{font-size:1.85rem}.welcome-copy{color:var(--muted);margin:13px 0 0;font-size:.9rem}.add-small{color:#5b83ad;background:var(--soft-blue);border:1px solid #bdcede;border-radius:50%;width:39px;height:39px;font-size:1.35rem}.start-card{width:100%;color:var(--ink);background:var(--navy);text-align:left;border:0;align-items:center;gap:16px;padding:21px 23px;transition:transform .2s,box-shadow .2s;display:flex}.start-card:hover{transform:translateY(-2px);box-shadow:0 10px 23px #111d2e29}.start-icon{color:#d5e5f3;background:#2d4662;border-radius:50%;place-items:center;width:43px;height:43px;font-size:1.8rem;display:grid}.start-card span:nth-child(2){flex-direction:column;gap:5px;display:flex}.start-card strong{color:#fff;font-size:.9rem}.start-card small{color:#9eb2c7;font-size:.67rem}.start-card b{color:#b8d1e8;margin-left:auto;font-size:1.2rem;font-weight:400}.section-title{align-items:baseline;gap:12px;margin:52px 0 18px;display:flex}.section-title h2{font-size:1.65rem}.section-title span{color:#9aa6b3;font-size:.67rem}.journal-shelf{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.journal-card,.new-journal-card{text-align:left;background:0 0;border:0;min-width:0;padding:0}.journal-card:hover .journal-cover{transform:translateY(-4px);box-shadow:0 12px 22px #111d2e1f}.journal-cover{flex-direction:column;align-items:flex-start;min-height:218px;padding:20px 17px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.journal-cover:after{content:"";border:25px solid #ffffff52;border-radius:50%;width:155px;height:155px;position:absolute;top:-35px;right:-60px}.journal-cover i{z-index:1;color:#24334891;font-size:1.8rem;font-style:normal;position:relative}.journal-cover strong{z-index:1;color:var(--navy);font-family:var(--serif);margin-top:auto;font-size:1.35rem;font-weight:600;line-height:1.05;position:relative}.journal-cover small{z-index:1;color:#2433489e;margin-top:7px;font-size:.64rem;position:relative}.journal-cover em{z-index:1;color:#24334885;font-family:var(--serif);align-self:flex-end;margin-top:15px;font-size:.65rem;position:relative}.journal-cover.blue{background:#cadced}.journal-cover.sand{background:#ecdcb9}.journal-cover.green{background:#cfe1d0}.journal-cover.violet{background:#ddd2e7}.journal-meta{flex-direction:column;gap:5px;padding:12px 3px;display:flex}.journal-meta strong{color:#52647a;font-size:.7rem}.journal-meta small{color:#9aa6b3;font-size:.62rem}.new-journal-card{color:#7e92a7;text-align:center;background:#fbfcfc;border:1px dashed #bcc8d4;flex-direction:column;justify-content:center;align-items:center;min-height:218px;padding:18px;display:flex}.new-journal-card:hover{background:#f1f6fa}.new-journal-card span{font-size:2rem;font-weight:300}.new-journal-card strong{color:#657d97;margin-top:16px;font-size:.75rem}.new-journal-card small{color:#9ba8b4;max-width:100px;margin-top:6px;font-size:.6rem;line-height:1.5}.tip-card{background:#eef3ee;align-items:flex-start;gap:16px;max-width:570px;margin:60px auto 0;padding:23px;display:flex}.tip-card>span{color:#72966f;font-size:1.4rem}.tip-card .eyebrow{color:#71916f;margin-bottom:5px}.tip-card strong{color:#3d5e47;font-family:var(--serif);font-size:1.15rem}.tip-card p:not(.eyebrow){color:#6e8174;margin:8px 0 0;font-size:.7rem;line-height:1.55}.bottom-nav{color:#9aa5b1;border-top:1px solid var(--line);z-index:5;background:#fff;justify-content:center;gap:70px;width:min(980px,100%);padding:16px 24px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a,.bottom-nav button{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:.6rem;display:flex}.bottom-nav a span,.bottom-nav button span{font-size:1.15rem}.bottom-nav .active{color:#537daa;font-weight:700}.reader-shell{background:#eef1f0}.back-button{align-items:center;gap:7px;margin-right:auto;font-size:.78rem;display:flex}.back-button span{color:#718298;font-size:.68rem}.reader-title{color:#4e6176;font-family:var(--serif);font-size:1rem}.reader-screen{min-height:calc(100vh - 68px);padding:51px 65px 90px}.reader-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.reader-heading h1{font-size:2.7rem}.capture-round{color:#5d85ae;background:var(--soft-blue);border:1px solid #b9cddd;border-radius:50%;width:38px;height:38px;font-size:1.35rem}.paper-page{transform-origin:0;background:#fffdf8;flex-direction:column;min-height:410px;padding:23px 30px;animation:.3s page-in;display:flex;box-shadow:0 16px 28px #353f411f}@keyframes page-in{0%{opacity:0;transform:rotateY(-8deg)}to{opacity:1;transform:rotateY(0)}}.paper-top,.paper-footer{color:#9caaad;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.58rem;display:flex}.paper-content{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:570px;margin:auto;display:flex}.handwritten{color:#4d6f97;font-family:Segoe Print,cursive;font-size:1.55rem;transform:rotate(-2deg)}.organized-line{color:#576675;border-bottom:1px solid #ebede8;align-items:center;gap:12px;padding:13px 0;font-size:.82rem;display:flex}.line-check{color:#6f94b5}.paper-content h2{margin-bottom:15px;font-size:2.1rem}.reader-note{color:#82909a;max-width:400px;font-size:.8rem;line-height:1.6}.fake-lines{flex-direction:column;gap:12px;margin-top:24px;display:flex}.fake-lines span{background:#edf0eb;width:80%;height:8px}.fake-lines span:nth-child(2){width:65%}.paper-footer{margin-top:20px}.page-controls{color:#8795a3;justify-content:space-between;align-items:center;padding:21px 0;font-size:.68rem;display:flex}.page-controls button{color:#6687a8;background:0 0;border:0;font-size:.68rem}.page-controls b{color:var(--navy)}.sheet-backdrop{z-index:20;background:#101b2a70;justify-content:center;align-items:flex-end;padding:0 16px;display:flex;position:fixed;inset:0}.capture-sheet{background:#fff;width:min(620px,100%);padding:30px 30px 23px;animation:.25s sheet-up;box-shadow:0 -10px 40px #111d2e33}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:#ccd4dc;border-radius:3px;width:42px;height:4px;margin:-16px auto 23px}.sheet-top{justify-content:space-between;align-items:flex-start;display:flex}.sheet-top h2{font-size:1.9rem}.close-button{color:#8290a1;background:0 0;border:0;font-size:1.7rem;font-weight:300}.capture-zone{text-align:center;cursor:pointer;background:#f7faff;border:1.5px dashed #a8bfd8;flex-direction:column;justify-content:center;align-items:center;min-height:175px;margin:25px 0 18px;padding:20px;display:flex}.capture-zone.has-file{background:#f3faf3;border-style:solid;border-color:#86aa91}.capture-zone input{display:none}.camera-icon{color:#5b83ae;background:#e5f0fa;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:10px;font-size:1.8rem;display:grid}.capture-zone strong{color:var(--navy);font-size:.82rem}.capture-zone small{color:#8997a7;margin-top:7px;font-size:.65rem}.upload-button{color:#fff;background:#5c82ad;border-radius:2px;margin-top:15px;padding:9px 14px;font-size:.68rem;font-weight:700}.select-label{color:#718298;flex-direction:column;gap:7px;font-size:.66rem;display:flex}.select-label select{border:1px solid var(--line);color:var(--ink);background:#fff;outline:none;padding:11px}.organize-button,.save-button{color:#fff;background:var(--navy);border:0;justify-content:space-between;width:100%;margin-top:18px;padding:14px 16px;font-size:.75rem;font-weight:700;display:flex}.save-button{background:#5d8a68}.organized-result{color:#4d7a55;background:#edf7ee;align-items:center;gap:12px;margin-top:18px;padding:13px;display:flex}.organized-result>span{color:#fff;background:#6c9a74;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.7rem;display:grid}.organized-result div{flex-direction:column;gap:4px;display:flex}.organized-result strong{font-size:.73rem}.organized-result small{color:#729078;font-size:.63rem}.sheet-note{color:#9aa6b3;text-align:center;margin:15px 0 0;font-size:.62rem;line-height:1.5}@media (width<=800px){.home-screen{padding:37px 18px 80px}.app-bar{padding:0 18px}.journal-shelf{grid-template-columns:repeat(2,1fr);gap:20px 12px}.journal-cover{min-height:190px;padding:17px 14px}.new-journal-card{min-height:190px}.reader-screen{padding:38px 20px 85px}.reader-heading h1{font-size:2.2rem}.paper-page{min-height:390px;padding:18px 20px}.capture-sheet{padding:27px 20px 20px}}@media (width<=420px){.welcome h1{font-size:2.7rem}.bottom-nav{gap:48px}.journal-cover strong{font-size:1.15rem}.journal-cover,.new-journal-card{min-height:175px}}.empty-state{text-align:center;flex-direction:column;align-items:center;max-width:480px;margin:30px auto 0;padding:35px 20px 22px;display:flex}.empty-art{color:#7899bb;background:#f4f8fb;border:1px dashed #aebfd0;justify-content:center;align-items:center;gap:18px;width:160px;height:115px;margin-bottom:28px;display:flex;transform:rotate(-2deg)}.empty-art span{font-family:var(--serif);font-size:1.8rem}.empty-art span:nth-child(2){color:#9bb6cf;align-self:flex-end;font-size:2.6rem}.empty-art span:nth-child(3){color:#6c9a74;align-self:flex-start}.empty-state h2{font-size:1.9rem}.empty-state>p:not(.eyebrow){color:#8290a0;max-width:365px;margin:13px 0 22px;font-size:.76rem;line-height:1.65}.empty-button{color:#fff;background:var(--navy);border:0;justify-content:space-between;width:min(320px,100%);padding:14px 17px;font-size:.74rem;font-weight:700;display:flex}.examples-button{color:#6485a7;text-underline-offset:4px;background:0 0;border:0;margin-top:17px;font-size:.68rem;text-decoration:underline}.field-label{color:#718298;flex-direction:column;gap:7px;margin-top:22px;font-size:.66rem;display:flex}.name-input{border:1px solid var(--line);color:var(--ink);outline:none;padding:11px}.name-input:focus{border-color:#9bb9d5}.cover-picker{color:#718298;justify-content:space-between;align-items:center;margin-top:18px;font-size:.66rem;display:flex}.cover-picker>div{gap:7px;display:flex}.cover-option{color:#26384e;border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.8rem;display:grid}.cover-option.chosen{border-color:#3f6a98;box-shadow:0 0 0 2px #dce9f4}.cover-option.blue{background:#cadced}.cover-option.sand{background:#ecdcb9}.cover-option.green{background:#cfe1d0}.cover-option.violet{background:#ddd2e7}.capture-divider{color:#718298;align-items:center;gap:10px;margin-top:22px;font-size:.66rem;display:flex}.capture-divider:after{content:"";background:var(--line);flex:1;height:1px}.capture-divider small{color:#a2acb6;font-size:.6rem}.capture-zone.compact{min-height:105px;margin:10px 0 0}.capture-zone.compact .camera-icon{width:30px;height:30px;margin-bottom:6px;font-size:1.2rem}.analysis-error{color:#9a4d4d;background:#fff0ef;margin:13px 0 0;padding:10px;font-size:.66rem;line-height:1.45}