:root{color:#151515;background:#deddd9;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;width:100%;height:100%}body{min-width:320px;min-height:100vh;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button,input,textarea{color:inherit;font:inherit}button{border:0;cursor:pointer}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative;background:#f4f3f1;box-shadow:0 24px 80px #211f1c24}.eyebrow{margin:0 0 5px;color:#9a9893;font-size:10px;font-weight:760;letter-spacing:.13em}.round-button{display:inline-grid;width:48px;height:48px;place-items:center;border:1px solid rgb(255 255 255 / 80%);border-radius:50%;background:#ffffffbd;box-shadow:0 8px 22px #29251f0f}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{height:100%;padding:calc(env(safe-area-inset-top) + 76px) 27px calc(env(safe-area-inset-bottom) + 28px);overflow-y:auto}.auth-mark{display:grid;width:64px;height:64px;margin-bottom:30px;place-items:center;border-radius:22px;color:#fff;background:#ef6758}.auth-screen h1{margin:0;font-size:40px;font-weight:830;letter-spacing:-.055em}.auth-intro{margin:12px 0 38px;color:#77746e;font-size:15px}.auth-form{display:grid;gap:14px}.auth-form label,.field-card{display:grid;gap:9px;padding:14px 16px;border-radius:20px;background:#fff}.auth-form label>span,.field-card>span{color:#8e8b85;font-size:12px;font-weight:700}.auth-form input,.field-card input,.field-card textarea{width:100%;padding:0;border:0;outline:0;background:transparent;font-size:16px}.field-card textarea{resize:none;line-height:1.55}.auth-form input::placeholder,.field-card textarea::placeholder{color:#c4c1bc}.primary-button,.save-button{display:flex;min-height:54px;align-items:center;justify-content:center;gap:8px;margin-top:6px;border-radius:19px;color:#fff;background:#171717;font-weight:760}.primary-button:disabled,.save-button:disabled{opacity:.55}.text-button{display:block;margin:20px auto 0;padding:8px;color:#77746e;background:transparent;font-size:13px}.form-message{margin:0;padding:11px 13px;border-radius:13px;font-size:13px;line-height:1.45}.form-message.error{color:#a53c34;background:#fce9e6}.form-message.success{color:#356d58;background:#e7f2ed}.ledger-scroll{height:100%;padding:calc(env(safe-area-inset-top) + 24px) 18px 0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.ledger-scroll::-webkit-scrollbar{display:none}.app-header,.settings-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.app-header h1,.settings-header h1{margin:0;font-size:35px;font-weight:840;letter-spacing:-.055em}.header-menu{width:46px;height:46px}.month-row{display:flex;align-items:center;justify-content:space-between;margin:29px 3px 14px}.month-row>strong{font-size:20px;letter-spacing:-.025em}.month-buttons{display:flex;gap:7px}.month-buttons button{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#85827d;background:#ffffffb8}.month-summary{position:relative;padding:20px 22px 0;overflow:hidden;border-radius:30px;background:#fff}.summary-label{display:flex;align-items:center;gap:8px;color:#ef6758;font-size:14px;font-weight:760}.summary-dot{width:9px;height:9px;border:3px solid #ef6758;border-radius:50%}.summary-total{display:inline-block;margin-top:4px;font-size:52px;font-weight:850;letter-spacing:-.07em;line-height:1}.summary-caption{display:inline-block;margin:0 0 0 8px;color:#aaa7a1;font-size:13px}.summary-counts{display:flex;flex-wrap:wrap;gap:7px 12px;margin:14px 0 18px;color:#8a8781;font-size:12px;font-weight:650}.counter-strip{display:grid;grid-template-columns:1fr 1fr;margin:0 -22px;border-top:1px solid #eeece8}.counter-strip>div{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 18px 0 22px}.counter-strip>div+div{border-left:1px solid #eeece8}.counter-strip span{color:#98958f;font-size:12px}.counter-strip strong{font-size:14px}.date-groups{display:grid;gap:18px;margin-top:24px}.date-group-header{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:9px;padding:0 3px;color:#8f8c86;background:transparent;font-size:12px;font-weight:760}.date-group-header>span:last-child{display:flex;align-items:center;gap:4px}.date-group-header svg{transition:transform .18s ease}.date-group-header svg.is-collapsed{transform:rotate(-90deg)}.entry-list{overflow:visible;border-radius:26px;background:#fff}.entry-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px;min-height:82px;align-items:start;padding:10px 8px 10px 10px}.entry-row+.entry-row:before{position:absolute;top:0;right:16px;left:70px;height:1px;background:#eeece8;content:""}.entry-open-button{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;min-width:0;padding:6px;border-radius:18px;background:transparent;text-align:left}.entry-open-button:focus-visible{outline:3px solid rgb(239 103 88 / 28%);outline-offset:1px}.entry-icon,.notebook-option-icon,.counter-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#fff;background:var(--notebook-color)}.entry-body{min-width:0}.entry-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.entry-title-row strong{font-size:16px;font-weight:780}.entry-title-row time{flex:0 0 auto;color:#8f8c86;font-size:12px}.entry-body>p{margin:5px 0 0;display:-webkit-box;overflow:hidden;color:#706d67;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entry-menu-button{display:grid;width:44px;height:44px;place-items:center;color:#8f8c86;background:transparent}.delete-entry-button{position:absolute;z-index:3;top:45px;right:10px;display:flex;align-items:center;gap:5px;padding:9px 11px;border:1px solid #f4dad6;border-radius:12px;color:#b44339;background:#fff8f6;box-shadow:0 8px 24px #3126231f;font-size:12px;font-weight:700}.entry-photos{display:flex;gap:6px;margin-top:10px}.entry-photo{position:relative;display:block}.entry-photos img{display:block;width:54px;height:54px;border-radius:12px;object-fit:cover}.more-photos{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:12px;color:#fff;background:#14141494;font-size:12px;font-weight:760}.ledger-empty{display:grid;min-height:176px;margin-top:22px;place-items:center;align-content:center;padding:24px;border-radius:26px;color:#9c9993;background:#ffffff9e;text-align:center}.ledger-empty strong{margin-top:10px;color:#4c4a46;font-size:15px}.ledger-empty p{margin:7px 0 0;font-size:12px}.empty-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:#9d9992;background:#ebe9e5}.loading-line{width:55%;height:12px;border-radius:8px;background:#e7e5e1}.loading-line.short{width:36%;margin-top:12px}.bottom-spacer{height:calc(env(safe-area-inset-bottom) + 110px)}.floating-add{position:absolute;z-index:5;right:22px;bottom:calc(env(safe-area-inset-bottom) + 22px);display:grid;width:66px;height:66px;place-items:center;border:1px solid rgb(255 255 255 / 70%);border-radius:50%;color:#fff;background:#ef6758;box-shadow:0 13px 28px #cc4c3e3d}.sheet-backdrop{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;background:#1918163d}.entry-sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 18px);overflow-y:auto;border-radius:36px 36px 0 0;background:#f6f5f3;animation:sheet-in .22s ease-out both}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}}.sheet-header{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;margin-bottom:25px}.sheet-header>div{text-align:center}.sheet-kicker{margin:0 0 2px;color:#aaa7a1;font-size:10px;font-weight:700;letter-spacing:.08em}.sheet-header h2{margin:0;font-size:19px;letter-spacing:-.025em}.sheet-header-spacer{width:50px}.notebook-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notebook-option{display:flex;min-height:146px;flex-direction:column;align-items:center;justify-content:center;border-radius:27px;background:#fff}.notebook-option:first-child{grid-column:span 2;min-height:132px}.notebook-option-icon{width:58px;height:58px;margin-bottom:10px}.notebook-option strong{font-size:16px}.notebook-option small{margin-top:3px;color:#aaa7a1;font-size:11px}.entry-editor{display:grid;gap:13px;padding-bottom:4px}.media-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.media-button{display:flex;min-height:74px;align-items:center;justify-content:center;gap:8px;border-radius:22px;color:#55524d;background:#fff;font-size:13px;font-weight:720}.media-button.primary{color:#fff;background:#ef6758}.visually-hidden-file{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap;clip-path:inset(50%)}.media-button:has(.visually-hidden-file:focus-visible){outline:3px solid rgb(239 103 88 / 30%);outline-offset:2px}.photo-previews{display:flex;gap:8px;padding:2px 0;overflow-x:auto}.photo-preview{position:relative;flex:0 0 92px}.photo-preview img{display:block;width:92px;height:92px;border-radius:18px;object-fit:cover}.photo-preview button{position:absolute;top:5px;right:5px;display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#fff;background:#14141494}.field-card.compact{grid-template-columns:72px 1fr;align-items:center}.field-card.compact>span{align-self:center}.sleep-fields{display:grid;gap:10px}.duration-preview{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:22px;color:#8f8c86;background:#e9e8ef;font-size:13px}.duration-preview strong{color:#5b6080;font-size:18px}.counter-explainer{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;background:#fff}.counter-explainer p{margin:4px 0 0;color:#99968f;font-size:12px}.save-button{min-height:58px;margin-top:4px;background:#171717}.settings-screen{height:100%;padding:calc(env(safe-area-inset-top) + 22px) 20px calc(env(safe-area-inset-bottom) + 24px);overflow-y:auto}.settings-header{justify-content:flex-start;gap:15px}.settings-header h1{font-size:30px}.settings-card,.settings-list{border-radius:25px;background:#fff}.settings-card{display:flex;align-items:center;gap:13px;margin-top:36px;padding:18px}.settings-card p,.settings-list small{margin:4px 0 0;color:#9b9892;font-size:12px}.settings-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:15px;color:#77746e;background:#f0efec}.settings-icon.green{color:#397d63;background:#e4f0eb}.settings-icon.coral{color:#d9584b;background:#fbe8e4}.settings-list{margin-top:14px;overflow:hidden}.settings-list button{display:flex;width:100%;align-items:center;gap:13px;padding:16px 18px;background:#fff;text-align:left}.settings-list button+button{border-top:1px solid #eeece8}.settings-list button>span:last-child{display:grid}.settings-list button:disabled{cursor:default;opacity:.62}.settings-list .reminder-row>span:nth-child(2){display:grid;min-width:0;flex:1}.reminder-state-badge{min-width:50px;margin-left:auto;padding:7px 10px;border-radius:999px;color:#77746e;background:#f0efec;font-size:11px;font-weight:750;text-align:center}.reminder-state-badge.is-on{color:#397d63;background:#e4f0eb}.settings-inline-message{margin:14px 10px 0;color:#6f6c67;font-size:12px;line-height:1.55}.settings-list .danger-row strong{color:#b64d43}.settings-footnote{margin:20px 10px;color:#aaa7a1;font-size:11px;line-height:1.6}.detail-sheet{padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}.detail-header{flex:0 0 auto}.detail-hero{display:flex;align-items:center;gap:14px;padding:18px;border-radius:24px;background:#fff}.detail-hero>div{display:grid;gap:3px}.detail-hero>div span{color:#8f8c86;font-size:12px}.detail-hero>div strong{font-size:18px}.detail-summary,.detail-text{margin:13px 0 0;padding:17px 18px;border-radius:22px;background:#fff;line-height:1.65}.detail-summary{color:#60647e;background:#e9e8ef;font-size:14px;font-weight:720}.detail-text{color:#45433f;font-size:15px;white-space:pre-wrap}.detail-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.detail-photos button{padding:0;overflow:hidden;border-radius:19px;background:#e8e6e2}.detail-photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.detail-delete{display:flex;min-height:52px;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;margin-top:20px;border-radius:18px;color:#b44339;background:#f9e7e4;font-size:13px;font-weight:740}.image-lightbox{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#10100feb}.image-lightbox>button{position:absolute;top:calc(env(safe-area-inset-top) + 18px);right:18px;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;color:#fff;background:#ffffff24}.image-lightbox img{display:block;max-width:100%;max-height:78%;border-radius:16px;object-fit:contain}.toast,.offline-pill{position:absolute;z-index:40;right:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);padding:11px 15px;border-radius:999px;color:#fff;background:#1c1c1b;box-shadow:0 10px 30px #0000002e;font-size:12px;font-weight:700;transform:translate(50%);white-space:nowrap}.offline-pill{top:calc(env(safe-area-inset-top) + 10px);bottom:auto;display:flex;align-items:center;gap:6px;color:#625f59;background:#fff}.app-loading{display:grid;height:100%;place-items:center;align-content:center;gap:20px;color:#ef6758}@media(max-width:430px){.mobile-prototype{width:100vw;height:100dvh;max-height:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}