:root{--ink:#20211f;--muted:#71736d;--paper:#f8f7f4;--line:#e5e3dc;--sage:#b8c4ad;--peach:#edc1a5;--cream:#f0e8d8;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100dvh}.app-shell{max-width:680px;margin:auto;min-height:100dvh;background:var(--paper)}button,input,textarea{font:inherit}.hidden{display:none!important}.lock-screen{padding:14vh 28px 36px;text-align:center;max-width:450px;margin:auto}.brand-mark{display:flex;justify-content:center;gap:4px;margin:0 auto 22px}.brand-mark i{display:block;width:5px;height:32px;background:var(--ink);border-radius:8px;transform:rotate(18deg)}.brand-mark i:nth-child(2){height:22px;margin-top:5px}.brand-mark i:nth-child(3){height:14px;margin-top:9px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--muted);margin:0 0 11px}.lock-screen h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.lock-screen h1{font-size:42px;line-height:1.06;margin:0 0 16px}.muted,.setting-row p,.empty-state p{color:var(--muted);line-height:1.55;font-size:14px}.pin-form{margin-top:52px;text-align:left}.pin-form label,form label,.time-setting label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.pin-form input,form input,textarea,.time-setting input{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px 14px;color:var(--ink);outline:none}.pin-form input{letter-spacing:.5em;text-align:center;font-size:21px}.pin-form input:focus,form input:focus,textarea:focus{border-color:#869b7b;box-shadow:0 0 0 3px #dfe7da}.form-message{min-height:18px;font-size:12px;color:var(--muted);margin:8px 0 17px}.button{border:0;border-radius:11px;padding:13px 16px;font-weight:650;cursor:pointer;font-size:14px}.button-dark{background:var(--ink);color:#fff}.button-dark span{margin-left:8px}.button-light{background:#e9e9e4;color:var(--ink)}.wide{width:100%}.app-screen{padding:25px 22px 90px;min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}.wordmark{display:flex;align-items:center;font-family:var(--serif);font-size:17px;line-height:.87;letter-spacing:-.04em}.brand-mark.small{margin:0 9px 0 0;gap:2px}.brand-mark.small i{width:3px;height:18px}.brand-mark.small i:nth-child(2){height:13px;margin-top:3px}.brand-mark.small i:nth-child(3){height:8px;margin-top:5px}.icon-button,.close-button{border:0;background:transparent;cursor:pointer;color:var(--ink);font-size:24px}.view{display:none}.view.active{display:block}.view h2,.section-heading h2{font-size:36px;line-height:1;margin:0 0 30px}.cards{display:grid;gap:13px}.highlight-card{border-radius:18px;padding:27px 23px 21px;min-height:178px;display:flex;flex-direction:column;justify-content:space-between}.highlight-card:nth-child(3n+1){background:var(--sage)}.highlight-card:nth-child(3n+2){background:var(--peach)}.highlight-card:nth-child(3n+3){background:var(--cream)}.card-quote{font-family:var(--serif);font-size:22px;line-height:1.35;margin:0;letter-spacing:-.02em}.card-source{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:17px 0 0;color:#4e5649}.today-actions{display:flex;justify-content:space-between;margin:26px 4px}.text-button{border:0;background:transparent;padding:9px 0;color:var(--ink);font-size:13px;text-align:left;cursor:pointer}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin-bottom:0}.count-badge{font-size:12px;background:#e8e6e0;border-radius:99px;padding:5px 9px}.library-actions{display:flex;gap:9px;margin:27px 0 30px}.empty-state{text-align:center;padding:46px 14px}.empty-quote{font:70px/1 var(--serif);color:var(--sage)}.empty-state h3{font-size:25px;margin:7px 0}.empty-state p{max-width:300px;margin:0 auto}.library-list{display:grid;gap:10px}.library-item{padding:16px;border:1px solid var(--line);border-radius:12px;background:white}.library-item p{font-family:var(--serif);font-size:17px;line-height:1.35;margin:0}.library-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.delete-button{border:0;background:none;color:#9e4d42;font-size:12px;cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(680px,100%);display:flex;justify-content:center;gap:48px;padding:12px 10px max(16px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 27%)}.nav-item{border:0;background:transparent;color:var(--muted);display:grid;gap:4px;place-items:center;font-size:11px;cursor:pointer}.nav-item span{font-size:18px}.nav-item.active{color:var(--ink);font-weight:700}.panel{position:fixed;inset:0;background:#20211f66;z-index:5;display:flex;align-items:flex-end;justify-content:center}.panel-card{position:relative;width:min(680px,100%);max-height:92dvh;overflow:auto;background:var(--paper);padding:32px 24px max(34px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:up .2s ease-out}.panel-card h2{font-size:32px;margin:0 0 31px}.close-button{position:absolute;right:19px;top:18px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.setting-row strong{font-size:14px}.setting-row p{margin:4px 0 0;font-size:12px}.switch input{display:none}.switch span{display:block;width:44px;height:25px;border-radius:20px;background:#c9c9c4;position:relative;cursor:pointer}.switch span:after{content:'';width:19px;height:19px;position:absolute;top:3px;left:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:#72856a}.switch input:checked+span:after{left:22px}.time-setting{margin:9px 0 17px}.time-setting input{max-width:150px}.panel-card hr{border:0;border-top:1px solid var(--line);margin:25px 0 13px}.danger{color:#a44438;display:block}textarea{height:150px;resize:vertical;line-height:1.45;margin-bottom:20px}form label em{font-weight:400;color:var(--muted);font-style:normal}form input{margin-bottom:20px}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);padding:11px 15px;background:#20211f;color:#fff;border-radius:9px;font-size:13px;opacity:0;transition:.25s;pointer-events:none;z-index:10;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes up{from{transform:translateY(30px)}to{transform:translateY(0)}}@media(min-width:640px){.app-screen{padding:32px 54px 100px}.topbar{margin-bottom:66px}.cards{grid-template-columns:repeat(3,1fr)}.highlight-card{min-height:250px}.card-quote{font-size:20px}.bottom-nav{padding-top:17px}.panel{align-items:center}.panel-card{border-radius:18px;max-width:500px;padding:38px}.lock-screen{padding-top:17vh}}