*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{--font-sans: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--ink-strong: #2d2a26;--ink: #4a4540;--ink-soft: #7a736b;--ink-faint: #a8a097;--card: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .9);--shadow-soft: 0 8px 30px rgba(60, 50, 40, .06);--shadow-glow: 0 12px 40px rgba(60, 50, 40, .08);--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;font-family:var(--font-sans);color-scheme:light dark}body{min-height:100dvh;color:var(--ink);background:linear-gradient(180deg,#f6f3ef,#efeae3);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{max-width:44rem;margin-inline:auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 4rem}.journal{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem)}.journal__header{text-align:center;padding-top:clamp(1rem,4vw,2rem)}.journal__date{font-size:.875rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem}.journal__prompt{font-size:clamp(1.5rem,4.5vw,2rem);font-weight:600;color:var(--ink-strong);letter-spacing:-.01em}.mood-row{display:flex;justify-content:space-between;align-items:center;gap:.25rem;padding:0 .25rem;min-height:5.5rem}.mood-btn{appearance:none;background:transparent;border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:transform .36s cubic-bezier(.22,.61,.36,1),filter .36s ease,background .36s ease;display:inline-flex;align-items:center;justify-content:center;flex:1}.mood-btn:hover{transform:translateY(-2px)}.mood-btn:focus-visible{outline:2px solid var(--ink-strong);outline-offset:4px}.mood-btn__emoji{font-size:clamp(2rem,7vw,2.5rem);line-height:1;display:inline-block;filter:saturate(.85) opacity(.7);transition:inherit}.mood-btn--selected .mood-btn__emoji{font-size:clamp(3rem,10vw,4rem);filter:saturate(1) opacity(1) drop-shadow(0 0 12px color-mix(in srgb,var(--mood-glow, #e88554) 55%,transparent)) drop-shadow(0 0 28px color-mix(in srgb,var(--mood-glow, #e88554) 25%,transparent));transform:translateY(-2px)}.journal__card{background:var(--card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,1.75rem);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.5rem}.field__label{font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:var(--ink-soft)}.field__input{appearance:none;background:#fff9;border:1px solid rgba(120,110,100,.12);border-radius:var(--radius-md);padding:.875rem 1rem;font-family:inherit;font-size:1rem;color:var(--ink-strong);resize:vertical;min-height:3rem;line-height:1.5;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.field__input--lg{min-height:6rem}.field__input::placeholder{color:var(--ink-faint)}.field__input:focus{outline:none;border-color:#3c32284d;background:#ffffffd9;box-shadow:0 0 0 3px #3c32280f}.journal__save-row{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.save-btn{appearance:none;background:var(--ink-strong);color:#fbf8f3;border:none;border-radius:999px;padding:.875rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 6px 20px #3c32281f}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #3c32282e}.save-btn:focus-visible{outline:2px solid var(--ink-strong);outline-offset:3px}.save-btn:disabled{opacity:.45;cursor:not-allowed}.save-status{font-size:.875rem;color:var(--ink-soft);opacity:0;transform:translate(-4px);transition:opacity .24s ease,transform .24s ease}.save-status--visible{opacity:1;transform:translate(0)}.strip{display:flex;flex-direction:column;gap:1rem}.strip__title{font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:500;text-align:center}.strip__list{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between;gap:.5rem}.strip__item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;min-width:0}.dot{appearance:none;border:none;width:clamp(1.75rem,5vw,2.25rem);height:clamp(1.75rem,5vw,2.25rem);border-radius:50%;background:var(--dot-color, transparent);cursor:pointer;transition:transform .24s ease,box-shadow .24s ease,background .24s ease;padding:0}.dot--empty{background:transparent;border:1.5px dashed rgba(120,110,100,.25)}.dot--filled{box-shadow:0 4px 14px color-mix(in srgb,var(--dot-color, #b5a89b) 35%,transparent)}.dot--today{outline:2px solid rgba(60,50,40,.18);outline-offset:3px}.dot:hover{transform:scale(1.08)}.dot--selected{transform:scale(1.15);box-shadow:0 0 0 4px #3c322814,0 8px 22px color-mix(in srgb,var(--dot-color, #b5a89b) 45%,transparent)}.dot:focus-visible{outline:2px solid var(--ink-strong);outline-offset:4px}.strip__label{font-size:.75rem;color:var(--ink-soft);letter-spacing:.02em}.recall{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.875rem;animation:gentle-fade .32s ease}.recall__date{font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.recall__mood{display:flex;align-items:center;gap:.625rem}.recall__emoji{font-size:1.75rem;line-height:1}.recall__label{font-weight:500;color:var(--ink-strong)}.recall__block{display:flex;flex-direction:column;gap:.25rem}.recall__heading{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.recall__body{color:var(--ink-strong);white-space:pre-wrap}.recall__empty{color:var(--ink-soft);font-style:italic}@keyframes gentle-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-color-scheme:dark){:root{--ink-strong: #f3ece2;--ink: #d8d0c5;--ink-soft: #a59c91;--ink-faint: #6f6962;--card: rgba(30, 26, 22, .55);--card-border: rgba(80, 70, 60, .35)}body{background:linear-gradient(180deg,#1f1c19,#181513)}.field__input{background:#14110e80;color:var(--ink-strong);border-color:#fff0dc14}.field__input:focus{background:#14110ebf;border-color:#fff0dc40;box-shadow:0 0 0 3px #fff0dc0d}.save-btn{background:#f3ece2;color:#2d2a26}}@media(max-width:480px){.strip__label{font-size:.6875rem}}