:root{--bg-base:#f0ebe3;--bg-page:#f5f2ed;--bg-card:#785a3c0a;--bg-selected:#50463c0f;--bg-input:#fff6;--text-primary:#50463cd9;--text-secondary:#50463c99;--text-tertiary:#50463c66;--text-ghost:#50463c40;--border-default:#50463c14;--border-selected:#50463c40;--border-subtle:#50463c0a;--accent-warm:#b48c6e80;--accent-bg:#b48c6e14;--accent-bg-hover:#b48c6e1f;--accent-border:#b48c6e26;--accent-text:#8c5a37f2;--bg-hue:37;--bg-sat:29%;--bg-light:95%;--font-xs:10px;--font-sm:11px;--font-base:12px;--font-md:13px;--font-lg:14px;--font-xl:15px;--radius-tag:20px;--radius-card:14px;--radius-input:12px;--radius-page:28px;--space-xs:4px;--space-sm:8px;--space-md:14px;--space-lg:20px;--space-xl:32px;--ease-soft:cubic-bezier(.4, 0, .2, 1);--transition-select:.3s var(--ease-soft)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:var(--font-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;line-height:1.7}@keyframes bg-breathe{0%,to{background:hsl(var(--bg-hue) var(--bg-sat) calc(var(--bg-light) - 1%))}50%{background:hsl(var(--bg-hue) var(--bg-sat) calc(var(--bg-light) + 1%))}}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}::selection{background:var(--bg-selected)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bottom-nav{z-index:3;padding:var(--space-sm) 0 calc(var(--space-sm) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-subtle);transition:transform .3s var(--ease-soft), opacity .3s var(--ease-soft);flex:none;align-items:stretch;display:flex;position:relative}.bottom-nav--hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.bottom-nav__tab{align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;flex-direction:column;flex:1;display:flex}.bottom-nav__dot{background:var(--accent-text);opacity:0;width:3px;height:3px;transition:opacity var(--transition-select), transform var(--transition-select);border-radius:50%;transform:translateY(2px)}.bottom-nav__tab.is-active .bottom-nav__dot{opacity:1;transform:translateY(0)}.bottom-nav__label{font-size:var(--font-sm);letter-spacing:.25em;text-indent:.25em;color:var(--text-ghost);transition:color var(--transition-select)}.bottom-nav__tab.is-active .bottom-nav__label{color:var(--text-primary)}.weather-bar{gap:var(--space-xs);text-align:left;width:100%;font-size:var(--font-sm);color:var(--text-tertiary);transition:color var(--transition-select);flex-direction:column;line-height:1.8;display:flex}.weather-bar:hover,.weather-bar.is-expanded{color:var(--text-secondary)}.weather-bar--loading{color:var(--text-ghost)}.weather-bar__line{letter-spacing:.08em}.weather-bar__comfort{font-size:var(--font-xs);color:var(--text-ghost);letter-spacing:.05em}.weather-bar__detail{gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-card);font-size:var(--font-xs);flex-direction:column;display:flex}.weather-bar__row{justify-content:space-between;gap:var(--space-md);color:var(--text-tertiary);display:flex}.weather-bar__explainer{color:var(--text-ghost);line-height:2}.weather-bar--muted{color:var(--text-ghost)}.weather-bar__note{padding-top:var(--space-sm);border-top:1px solid var(--border-subtle);color:var(--text-ghost);line-height:2}.imagery{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.imagery__glow{filter:blur(6px);background:radial-gradient(circle,#b48c6e33 0%,#b48c6e12 45%,#0000 70%);border-radius:50%;width:220px;height:220px;animation:8s ease-in-out infinite imagery-glow;position:absolute}@keyframes imagery-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.imagery__crystal{border:1px solid var(--border-selected);background:linear-gradient(150deg,#b48c6e24 0%,#ffffff4d 55%,#b48c6e1a 100%);width:92px;height:92px;animation:10s ease-in-out infinite imagery-float;position:relative;transform:rotate(45deg)}@keyframes imagery-float{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(-10px)}}.imagery__base{background:linear-gradient(to right, transparent, var(--border-default) 20%, var(--border-default) 80%, transparent);width:108px;height:1px;position:absolute;bottom:calc(50% - 96px)}.record-entry{border:1px solid var(--accent-border);background:var(--accent-bg);font-size:var(--font-lg);letter-spacing:.15em;text-indent:.15em;color:var(--accent-text);transition:background var(--transition-select), border-color var(--transition-select);border-radius:24px;align-self:center;padding:12px 28px}.record-entry:hover,.record-entry:active{background:var(--accent-bg-hover)}.daily-quote{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;margin:0;animation:6s ease-in-out infinite quote-breathe;display:flex}@keyframes quote-breathe{0%,to{opacity:.3}50%{opacity:.5}}.daily-quote__text{max-width:26em;font-size:var(--font-base);letter-spacing:.08em;color:var(--text-primary);margin:0;line-height:2.2}.daily-quote__author{font-size:var(--font-xs);letter-spacing:.1em;color:var(--text-tertiary)}.page{-webkit-overflow-scrolling:touch;min-height:0;padding:calc(var(--space-lg) + env(safe-area-inset-top,0px)) var(--space-lg) var(--space-xl);flex:1;overflow-y:auto}.page__placeholder{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;height:100%;display:flex}.page__placeholder-title{font-size:var(--font-lg);letter-spacing:.3em;text-indent:.3em;color:var(--text-secondary);margin:0;font-weight:400}.page__placeholder-note{font-size:var(--font-sm);letter-spacing:.1em;color:var(--text-ghost);margin:0}.record-back{align-items:center;gap:var(--space-sm);font-size:var(--font-md);color:var(--text-secondary);transition:color var(--transition-select);display:inline-flex}.record-back:hover{color:var(--text-primary)}.home{gap:var(--space-lg);flex-direction:column;display:flex;overflow:hidden}.home .daily-quote{padding-bottom:var(--space-sm);margin-top:auto}.terrain{width:100%;height:auto;overflow:visible}.terrain__baseline{stroke:var(--border-default);stroke-width:1px}.terrain__line{fill:none;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.terrain__dot{fill:#aa785ce6}.terrain__halo{fill:none;stroke:#c49c7e80;stroke-width:1px}.terrain__emotion{letter-spacing:.08em;fill:var(--text-secondary);font-size:9px}.terrain__weekday{fill:var(--text-tertiary);font-size:9px}.terrain__weather{fill:var(--text-tertiary);font-size:11px}.terrain__fog{fill:#ceac9238;animation:10s ease-in-out infinite fog-drift}.terrain__fog--b{animation-duration:13s;animation-direction:reverse}.terrain__fog--c{animation-duration:16s;animation-delay:-4s}@keyframes fog-drift{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}.review-section{gap:var(--space-md);flex-direction:column;display:flex}.review-section__title{font-size:var(--font-md);letter-spacing:.2em;color:var(--text-tertiary);margin:0;font-weight:400}.week-emotions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.week-emotions__tag{padding:5px var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-tag);background:var(--bg-card);letter-spacing:.06em;color:var(--accent-text);line-height:1.6}.insight-card{padding:var(--space-md) var(--space-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-card);font-size:var(--font-md);letter-spacing:.05em;color:var(--text-secondary);margin:0;line-height:2.1}.insight-card--empty{color:var(--text-ghost)}.note-list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.note-list__item{gap:var(--space-xs);padding-left:var(--space-md);border-left:1px solid var(--border-default);flex-direction:column;display:flex}.note-list__text{font-size:var(--font-md);letter-spacing:.05em;color:var(--text-secondary);margin:0;line-height:2}.note-list__date{font-size:var(--font-xs);letter-spacing:.1em;color:var(--text-ghost)}.review{gap:var(--space-xl);flex-direction:column;display:flex}.review>*{flex-shrink:0}.review__header{gap:var(--space-xs);flex-direction:column;display:flex}.review__title{font-size:var(--font-xl);letter-spacing:.15em;color:var(--text-primary);margin:0;font-weight:400}.review__subtitle{font-size:var(--font-sm);letter-spacing:.2em;color:var(--text-ghost);margin:0}.review__empty{text-align:center;white-space:pre-line;font-size:var(--font-md);letter-spacing:.08em;color:var(--text-ghost);margin:auto 0;line-height:2.4}.tag{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-tag);font-size:var(--font-md);letter-spacing:.06em;color:var(--text-secondary);transition:color var(--transition-select), border-color var(--transition-select), background var(--transition-select);background:0 0;line-height:1.4}.tag:hover{border-color:var(--border-selected);color:var(--text-primary)}.tag.is-selected{background:var(--bg-selected);border-color:var(--border-selected);color:var(--accent-text)}.tag--sub{padding:6px var(--space-md);font-size:var(--font-base)}.tag-row{gap:var(--space-sm);flex-wrap:wrap;align-items:flex-start;display:flex}.tag-row .tag:nth-child(3n){margin-top:3px}.tag-row .tag:nth-child(5n){margin-top:5px}.tag-row .tag:nth-child(4n){margin-left:3px}.custom-tag__trigger{padding:6px var(--space-md);border:1px dashed var(--border-default);border-radius:var(--radius-tag);font-size:var(--font-base);letter-spacing:.06em;color:var(--text-tertiary);transition:color var(--transition-select), border-color var(--transition-select)}.custom-tag__trigger:hover{color:var(--text-secondary);border-color:var(--border-selected)}.custom-tag__input{width:9em;padding:6px var(--space-md);border:1px solid var(--border-selected);border-radius:var(--radius-tag);background:var(--bg-selected);font-size:var(--font-base);letter-spacing:.06em;color:var(--accent-text);outline:none}.custom-tag__input::placeholder{color:var(--text-ghost)}.picker{gap:var(--space-md);flex-direction:column;display:flex}.picker__title{font-size:var(--font-lg);letter-spacing:.1em;color:var(--text-primary);margin:0;font-weight:400}.picker__subtitle{margin:calc(var(--space-md) * -1 + var(--space-xs)) 0 0;font-size:var(--font-sm);letter-spacing:.05em;color:var(--text-ghost)}.picker__sub-layer{gap:var(--space-lg);padding:var(--space-md) 0 0;border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.picker__sub-layer--flush{border-top:none;padding-top:0}.picker__group{gap:var(--space-sm);flex-direction:column;display:flex}.picker__group-label{font-size:var(--font-xs);letter-spacing:.2em;color:var(--text-ghost)}.picker__custom-row{padding-top:var(--space-xs)}.section-divider{width:30px;height:1px;margin:var(--space-lg) auto;background:var(--border-subtle);border:none}.body-groups{flex-direction:column;display:flex}.body-group{border-bottom:1px solid var(--border-subtle)}.body-group:last-child{border-bottom:none}.body-group__header{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md) 0;text-align:left;display:flex}.body-group__name{font-size:var(--font-md);letter-spacing:.1em;color:var(--text-secondary);transition:color var(--transition-select);flex:none}.body-group.is-open .body-group__name,.body-group__header:hover .body-group__name{color:var(--text-primary)}.body-group__chosen{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;font-size:var(--font-xs);color:var(--accent-text);flex:1;overflow:hidden}.body-group__chevron{border-right:1px solid var(--text-tertiary);border-bottom:1px solid var(--text-tertiary);width:6px;height:6px;transition:transform var(--transition-select);flex:none;transform:rotate(-45deg)}.body-group.is-open .body-group__chevron{transform:rotate(45deg)}.body-group__panel{transition:grid-template-rows .3s var(--ease-soft);grid-template-rows:0fr;display:grid}.body-group.is-open .body-group__panel{grid-template-rows:1fr}.body-group__inner{overflow:hidden}.body-group__inner .tag-row{padding-bottom:var(--space-md)}.energy{gap:var(--space-md);flex-direction:column;display:flex}.energy__control{align-items:center;gap:var(--space-md);display:flex}.energy__end{font-size:var(--font-sm);color:var(--text-tertiary)}.energy__range{appearance:none;cursor:pointer;background:0 0;outline:none;flex:1;height:20px}.energy__range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#a09bbe4d,#8cc8b466);border-radius:8px;height:6px}.energy__range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;transition:transform var(--transition-select);background:#fff;border:none;border-radius:50%;margin-top:-7px;box-shadow:0 1px 4px #0000001a}.energy__range:hover::-webkit-slider-thumb{transform:scale(1.1)}.energy__range:focus-visible::-webkit-slider-thumb{transform:scale(1.1)}.energy__range::-moz-range-track{background:linear-gradient(90deg,#a09bbe4d,#8cc8b466);border:none;border-radius:8px;height:6px}.energy__range::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #0000001a}.energy__range:focus-visible{outline:1px solid var(--border-selected);outline-offset:4px;border-radius:8px}.env-tags{align-items:center;gap:var(--space-xs);font-size:var(--font-xs);letter-spacing:.05em;color:var(--text-ghost);flex-wrap:wrap;margin:0;display:flex}.env-tags__label{color:var(--text-tertiary)}.env-tags--empty{color:var(--text-ghost)}.env-tags__dot{opacity:.5}.save-feedback{z-index:5;justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;background:var(--bg-page);border-radius:inherit;animation:feedback-in .4s var(--ease-soft);flex-direction:column;display:flex;position:absolute;inset:0}@keyframes feedback-in{0%{opacity:0}to{opacity:1}}.save-feedback__ripple{border:1px solid var(--border-selected);width:80px;height:80px;animation:ripple 1.5s var(--ease-soft) forwards;border-radius:50%;position:absolute}.save-feedback__ripple--delayed{animation-delay:.26s}@keyframes ripple{0%{opacity:.5;transform:scale(.3)}to{opacity:0;transform:scale(3.6)}}.save-feedback__title{font-size:var(--font-xl);letter-spacing:.4em;text-indent:.4em;color:var(--text-primary);margin:0}.save-feedback__summary{max-width:20em;font-size:var(--font-base);letter-spacing:.08em;color:var(--text-tertiary);margin:0;line-height:2}.save-feedback__meta{font-size:var(--font-xs);letter-spacing:.05em;color:var(--text-ghost);margin:0}.record{gap:var(--space-xl);flex-direction:column;display:flex}.record>*{flex-shrink:0}.record .record-back{margin-bottom:calc(var(--space-lg) * -1);align-self:flex-start}.record__textarea{width:100%;padding:var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-input);background:var(--bg-input);font-size:var(--font-md);letter-spacing:.06em;color:var(--text-primary);resize:none;transition:border-color var(--transition-select);outline:none;line-height:2}.record__textarea:focus{border-color:var(--border-selected)}.record__textarea::placeholder{color:var(--text-ghost)}.record__footer{gap:var(--space-lg);padding-top:var(--space-sm);flex-direction:column;align-items:center;display:flex}.record__footer .env-tags{align-self:flex-start}.record__save{padding:var(--space-md) calc(var(--space-xl) * 1.6);border:1px solid var(--border-selected);border-radius:var(--radius-tag);background:var(--bg-selected);font-size:var(--font-lg);letter-spacing:.4em;text-indent:.4em;color:var(--accent-text);transition:background var(--transition-select), opacity var(--transition-select)}.record__save:hover:not(:disabled){background:var(--accent-bg)}.record__save:disabled{opacity:.35;cursor:default}.app-frame{justify-content:center;align-items:center;height:100%;display:flex}.app-screen{background:hsl(var(--bg-hue) var(--bg-sat) var(--bg-light));flex-direction:column;width:100%;height:100%;animation:8s ease-in-out infinite bg-breathe;display:flex;position:relative;overflow:hidden}.app-screen__content{flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=520px){.app-frame{padding:var(--space-lg)}.app-screen{border:1px solid var(--border-subtle);border-radius:var(--radius-page);width:390px;height:min(844px,100%)}}.record-layer{z-index:4;background:var(--bg-page);border-radius:inherit;opacity:0;transition:transform .3s var(--ease-soft), opacity .3s var(--ease-soft);flex-direction:column;display:flex;position:absolute;inset:0;transform:translateY(100%)}.record-layer.is-open{opacity:1;transform:translateY(0)}