*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #3E2E33;--ink-soft: #6E5C57;--ink-faint: #A2928A;--ink-ghost: #B9AAA1;--page: #F7F0E7;--surface: #FDFAF5;--line: #EADFD4;--line-faint: #EFE5DA;--plum: #7A4460;--plum-deep: #5A3648;--plum-tint: #F0E3E8;--mood-hard: #6B4459;--mood-okay-bg: #E7D4B7;--mood-okay-line: #D9BE97;--mood-great: #6E9457;--streak-line: #C9AA82;--future-line: #F1EAE0;--future-num: #D8CCC0;--faint-num: #C4B4A8;--font-serif: "Fraunces", serif;--font-sans: "Public Sans", sans-serif}html,body{background-color:var(--page);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh}textarea,input,button{font-family:inherit}textarea:focus,input:focus{outline:none}a{color:var(--ink-soft);text-decoration:none}a:hover{color:var(--ink)}::placeholder{color:var(--ink-ghost)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--plum);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes micPulse{0%,to{box-shadow:0 0 #7a446047}50%{box-shadow:0 0 0 7px #7a446000}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.container{width:100%;max-width:600px;margin:0 auto;padding:0 20px}.app-main{flex:1;padding-bottom:80px}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:26px 2px 30px;gap:16px;flex-wrap:wrap}.wordmark{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-serif);font-size:20px;color:var(--ink);letter-spacing:-.01em}.wordmark .dot{color:var(--plum)}.top-nav{display:flex;align-items:baseline;gap:22px}.nav-link{background:none;border:none;padding:4px 0;cursor:pointer;font-size:14px;color:var(--ink-soft);font-weight:400;border-bottom:1.5px solid transparent;transition:color .2s ease}.nav-link.active{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}.top-nav-divider{width:1px;align-self:stretch;background:var(--line);margin:0 2px}.account-link{background:none;border:none;padding:4px 0;cursor:pointer;font-size:12px;color:var(--ink-faint);transition:color .2s ease}.account-link:hover{color:var(--ink-soft)}.today-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:30px 30px 26px;animation:fadeUp .45s ease}.today-head{display:flex;align-items:baseline;justify-content:space-between}.today-date{font-size:13px;color:var(--ink-faint)}.back-today-link{background:none;border:none;padding:0;cursor:pointer;font-size:13px;color:var(--ink-faint)}.back-today-link:hover{color:var(--ink-soft)}.rating-row{display:flex;gap:10px;margin-top:20px}.rating-btn{flex:1;padding:22px 0;border-radius:11px;cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:15px;font-weight:400;transition:background .2s ease,border-color .2s ease,color .2s ease}.rating-btn:not(.selected):hover{background:var(--page)}.rating-btn.selected{font-weight:500}.rating-btn.selected-hard{background:var(--mood-hard);border-color:var(--mood-hard);color:var(--surface)}.rating-btn.selected-okay{background:var(--mood-okay-bg);border-color:var(--mood-okay-line);color:var(--ink-soft)}.rating-btn.selected-great{background:var(--mood-great);border-color:var(--mood-great);color:var(--surface)}.today-divider{height:1px;background:var(--line-faint);margin:26px 0 20px}.note-row{display:flex;align-items:flex-start;gap:14px}.note-textarea{flex:1;background:none;border:none;resize:none;padding:2px 0;font-family:var(--font-serif);font-size:20px;line-height:1.5;color:var(--ink);min-height:96px;width:100%}.mic-circle{flex:none;width:42px;height:42px;border-radius:50%;cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.mic-circle:disabled{cursor:default;opacity:.6}.mic-circle.recording{background:var(--plum-tint);border-color:var(--plum);color:var(--plum);animation:micPulse 1.6s ease-in-out infinite}.live-transcript{font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--ink-soft);margin-top:10px;line-height:1.5}.today-foot{min-height:18px;margin-top:14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.save-indicator{font-size:12px;color:var(--ink-ghost)}.save-indicator.error{color:var(--plum-deep)}.delete-entry-area{font-size:12px}.delete-entry-link{background:none;border:none;padding:0;cursor:pointer;font-size:12px;color:var(--ink-ghost)}.delete-entry-link:hover{color:var(--plum-deep)}.delete-confirm{display:flex;align-items:baseline;gap:8px}.delete-confirm span{color:var(--ink-faint)}.delete-confirm button{background:none;border:none;padding:0;cursor:pointer;font-size:12px}.delete-confirm .confirm-yes{color:var(--plum-deep)}.delete-confirm .confirm-no{color:var(--ink-faint)}.empty-blend{text-align:center;font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--ink-ghost);margin-top:26px}.blend-page{animation:fadeUp .45s ease}.blend-title{font-family:var(--font-serif);font-size:22px;color:var(--ink)}.segmented{display:inline-flex;margin-top:18px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--surface)}.segment{padding:8px 18px;border:none;border-radius:7px;cursor:pointer;font-size:13px;background:transparent;color:var(--ink-soft);font-weight:400;transition:background .2s ease,color .2s ease}.segment.active{background:var(--ink);color:var(--surface);font-weight:500}.rule-heavy{height:1px;background:var(--ink);margin:22px 0 12px}.range-label{font-size:13px;color:var(--ink-faint)}.bar-thick{height:8px;background:var(--ink);border-radius:1px;margin:12px 0 4px}.bar-thin{height:4px;background:var(--ink);border-radius:1px;margin:20px 0 14px}.blend-row{display:flex;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line-faint)}.blend-row .row-label{flex:1;font-size:15px;color:var(--ink)}.blend-row .row-value{width:64px;text-align:right;font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500}.blend-row .row-pct{width:56px;text-align:right;font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.ingredients-title{font-family:var(--font-serif);font-size:16px;color:var(--ink);margin-bottom:4px}.ingredient-row{display:flex;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line-faint)}.ingredient-row .row-label{flex:1;font-size:15px;color:var(--ink)}.ingredient-row .row-days{font-size:15px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.rule-light{height:1px;background:var(--line);margin:18px 0 12px}.blend-footnote{font-size:12px;color:var(--ink-ghost);line-height:1.5;max-width:340px}.calendar-page{animation:fadeUp .45s ease;display:flex;flex-direction:column;gap:40px}.calendar-title{font-family:var(--font-serif);font-size:22px;color:var(--ink)}.calendar-sub{font-size:14px;color:var(--ink-soft);margin-top:6px}.month-pager{display:flex;align-items:center;justify-content:space-between;max-width:300px;margin-bottom:16px}.pager-btn{width:34px;height:34px;border-radius:50%;background:none;border:1px solid var(--line);font-size:16px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.pager-btn:disabled{color:var(--faint-num);cursor:default}.month-label{font-family:var(--font-serif);font-size:18px;color:var(--ink)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%;max-width:300px}.month-dow{text-align:center;font-size:11px;color:var(--ink-ghost);padding-bottom:2px}.month-cell-blank{aspect-ratio:1}.day-cell{position:relative;width:100%;aspect-ratio:1;border-radius:50%;padding:0;border-width:1.5px;border-style:solid;display:flex;align-items:center;justify-content:center;font-size:10px;font-variant-numeric:tabular-nums;cursor:default}.day-cell.logged{cursor:pointer}.streak-connector{position:absolute;top:50%;left:-7px;transform:translateY(-50%);width:9px;height:2px;background:var(--streak-line);border-radius:1px}.calendar-key{display:flex;gap:18px;margin-top:20px;flex-wrap:wrap}.calendar-key-item{display:flex;align-items:center;gap:7px}.calendar-key-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid}.calendar-key-label{font-size:12px;color:var(--ink-soft)}.month-snapshot{border-top:1px solid var(--line);padding-top:22px;max-width:300px}.snapshot-head{display:flex;align-items:baseline;justify-content:space-between}.snapshot-title{font-family:var(--font-serif);font-size:16px;color:var(--ink)}.snapshot-meta{font-size:12px;color:var(--ink-faint)}.snapshot-rows{margin-top:14px;display:flex;flex-direction:column;gap:12px}.snapshot-row{display:flex;align-items:center;gap:12px}.snapshot-label{width:44px;font-size:13px;color:var(--ink-soft)}.snapshot-track{flex:1;height:8px;border-radius:4px;background:var(--line-faint);overflow:hidden}.snapshot-fill{height:100%;border-radius:4px}.snapshot-value{width:58px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink)}.log-row{display:flex;align-items:baseline;gap:10px;width:100%;padding:9px 0;border-bottom:1px solid var(--line-faint);background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;text-align:left}.log-date{width:44px;flex-shrink:0;font-size:12px;color:var(--ink-faint)}.log-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid;flex-shrink:0;margin-top:5px}.log-note{font-family:var(--font-serif);font-size:14px;font-style:italic;line-height:1.5;color:var(--ink)}.log-note.empty{color:var(--ink-ghost)}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px}.auth-logo{font-family:var(--font-serif);font-size:22px;color:var(--ink);margin-bottom:36px;letter-spacing:-.01em}.auth-logo .dot{color:var(--plum)}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:30px}.auth-form{display:flex;flex-direction:column;gap:16px}.field-label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:8px}.field-input{width:100%;background:var(--page);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:15px;padding:12px 14px;outline:none;transition:border-color .15s}.field-input:focus{border-color:var(--ink-faint)}.btn{font-size:14px;font-weight:500;border:none;border-radius:10px;padding:12px 20px;cursor:pointer;transition:opacity .15s,background .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.9}.btn-primary{background:var(--ink);color:var(--surface)}.btn-ghost{background:none;border:1px solid var(--line);color:var(--ink-soft)}.btn-ghost:not(:disabled):hover{background:var(--page);opacity:1}.auth-link{background:none;border:none;color:var(--ink-soft);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.auth-link:hover{color:var(--ink)}.error-msg{font-size:13px;color:var(--plum-deep);padding:10px 12px;border:1px solid var(--plum-tint);border-radius:8px;background:var(--plum-tint)}.success-msg{font-size:14px;color:var(--ink);line-height:1.6}.rate-limit-msg{font-size:13px;color:var(--ink-soft);font-style:italic}.empty-state{text-align:center;color:var(--ink-faint);font-size:13px;padding:48px 0}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--ink-faint);font-size:13px}@media (max-width: 480px){.container{padding:0 16px}.today-card{padding:22px 20px 20px}.rating-btn{padding:18px 0;font-size:14px}.note-textarea{font-size:18px}.blend-row .row-label,.ingredient-row .row-label{font-size:14px}.btn,.field-input{min-height:44px}}