:root{--paper: #f5e6cf;--paper-2: #ead0a6;--paper-3: #e0c08c;--ink: #3a2414;--ink-soft: #5a3a22;--pencil: #7a5634;--muted: #b39570;--bg: #fff9ee;--banner: #b5a28a;--line: #c9a877;--accent: #8c4a1f;--accent-soft: #d8a777;--accent-2: #a66838;--night: #2b1810;--night-2: #3d2618;--night-soft: #d8a777;--day: #b8804a;--day-soft: #f0d9b5;--good: #6b5a3a;--good-soft: #d9c69e;--cream: #fff5e1;--canvas: #f5f1e8;--danger: #8a2c33;--ok: #4d6b3c;--scrim: rgba(58, 36, 20, .55);--mood-calm: #ead0a6;--mood-joy: #c9a266;--mood-tired: #d8a777;--mood-sad: #ffffff;--mood-irritated: #fff5e1;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--tabbar-h: calc(64px + var(--safe-b));--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 999px;--font-display: "Pretendard", sans-serif;--font-hand: "Pretendard", sans-serif;--font-body: "Pretendard", sans-serif;--font-system: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-display: 32px;--text-title: 24px;--text-handwriting: 18px;--text-section: 15px;--text-body: 14px;--text-label: 13px;--text-tiny: 11px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1440px;--z-base: 1;--z-sticky: 10;--z-nav: 20;--z-dropdown: 30;--z-toast: 50;--z-modal: 100}*,*:before,*:after{box-sizing:border-box}.reflow-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.fluid-display{font-size:clamp(26px,6vw,var(--text-display))}.fluid-title{font-size:clamp(20px,4.5vw,var(--text-title))}:root{--app-fluid: 100%}@media (min-width: 768px){:root{--app-fluid: min(88vw, 700px)}}@media (min-width: 1024px){:root{--app-fluid: min(76vw, 840px);--stage-max: 600px}}@media (min-width: 1440px){:root{--app-fluid: 900px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{margin:0;font-family:var(--font-body),"Pretendard",sans-serif;color:var(--ink)}.as-button{all:unset;cursor:pointer;box-sizing:border-box;position:relative}.app-root{position:relative;width:100%;height:100vh;height:100dvh;margin:0 auto;background:var(--bg, var(--paper));overflow:hidden;font-family:Pretendard,sans-serif}.screen{position:absolute;top:0;right:0;bottom:0;left:0}.stage-body{max-width:var(--stage-max, 560px);margin-inline:auto;position:relative;display:flow-root}.pin-bottom{position:absolute;left:0;right:0;padding-inline:max(24px,calc((100% - var(--app-fluid, 100%)) / 2))}.tabbar{position:absolute;left:0;right:0;bottom:0;height:var(--tabbar-h, 64px);padding-bottom:var(--safe-b, 0px);padding-inline:max(0px,calc((100% - var(--app-fluid, 100%)) / 2));border-top:.5px solid var(--ink);background:var(--paper);display:grid;grid-template-columns:repeat(5,1fr)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:Pretendard;font-size:11px;color:var(--pencil);position:relative}.tab .tab-icon{width:32px;height:32px;border:.5px solid var(--ink);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--paper)}.tab.active{color:var(--ink);font-weight:700}.tab.active .tab-icon{background:var(--accent);color:#fff;border-color:var(--ink)}.tab.active:before{content:"";position:absolute;top:-2px;left:14%;right:14%;height:3px;background:var(--accent)}.tab-center{position:relative}.tab-center .tab-icon-lg{width:52px;height:52px;border-radius:50%;font-size:22px;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);box-shadow:0 2px 6px #3a241426;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.tab-center>div:last-child{margin-top:32px;font-weight:700}.tab.tab-center.active:before{display:none}.hbox{border:.5px solid var(--ink);border-radius:14px;background:var(--paper);position:relative;color:var(--ink)}.hbox.dashed{border-style:dashed;background:transparent}.hbox.filled{background:var(--paper-2)}.hbox.accent{background:var(--accent-soft);border-color:var(--ink)}.hbox.night{background:var(--night);color:#fff}.hbox.day{background:var(--day-soft)}.hbox.ink{background:var(--ink);color:#fbf8f3}.sketch>*{will-change:transform}.r-l{transform:rotate(-.4deg)}.r-r{transform:rotate(.5deg)}.r-ll{transform:rotate(-.8deg)}.r-rr{transform:rotate(.7deg)}h1,h2{margin:0;font:inherit;font-size:inherit;font-weight:inherit}.h-display{font-family:Pretendard;font-weight:700;font-size:var(--text-display);line-height:1;letter-spacing:-.5px}.h-title{font-family:Pretendard;font-weight:700;font-size:var(--text-title);line-height:1.1}.h-section{font-family:Pretendard;font-weight:400;font-size:var(--text-section);text-transform:uppercase;letter-spacing:1px;color:var(--pencil)}.h-label{font-family:Pretendard;font-size:var(--text-label);color:var(--pencil)}.body{font-family:Pretendard;font-size:var(--text-body);color:var(--ink)}.tiny{font-family:Pretendard;font-size:var(--text-tiny);color:var(--pencil);letter-spacing:.4px}.handwriting{font-family:Pretendard;font-size:var(--text-handwriting);color:var(--ink-soft)}.nav-arrow{position:relative;font-size:22px;cursor:pointer}.nav-arrow:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%}.ph-circle{border:1.5px solid var(--ink);border-radius:50%;background:var(--paper-2);display:flex;align-items:center;justify-content:center}.ph-square{border:1.5px solid var(--ink);border-radius:6px;background:var(--paper-2);display:flex;align-items:center;justify-content:center}.ph-stripe{background:repeating-linear-gradient(135deg,transparent,transparent 6px,rgba(26,26,26,.08) 6px,rgba(26,26,26,.08) 7px);border:1.5px solid var(--ink)}.ph-stripe-dense{background:repeating-linear-gradient(135deg,transparent,transparent 3px,rgba(26,26,26,.12) 3px,rgba(26,26,26,.12) 4px);border:1.5px solid var(--ink)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font-family:Pretendard;font-size:12px}.chip.solid{background:var(--ink);color:#fff}.chip.accent{background:var(--accent);color:#fff;border-color:var(--ink)}.chip.dashed{border-style:dashed;background:transparent}.chip-btn{min-height:44px;padding:10px 14px}.chip.mood-chip{padding:8px 14px;min-height:40px;font-size:13px;gap:6px;transition:transform .12s ease,box-shadow .12s ease}.chip.mood-chip[aria-pressed=true]{font-weight:700;transform:translateY(-1px);box-shadow:0 2px 8px #3a24142e}.chip.mood-chip.mood-skip{min-height:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border:1.5px solid var(--ink);border-radius:12px;background:var(--paper);font-family:Pretendard;font-size:14px;box-shadow:2px 3px 0 var(--ink)}.btn.primary{background:var(--accent);color:#fff}.btn.ink{background:var(--ink);color:#fff}.btn.ghost{background:transparent;box-shadow:none}.btn.block{display:flex;width:100%}.check{width:20px;height:20px;border:1.5px solid var(--ink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff;font-size:14px}.check.on{background:var(--ink);color:#fff}.check.sq{border-radius:4px}.sticky{background:var(--cream);border:1.5px solid var(--ink);padding:8px 10px;border-radius:4px;font-family:Pretendard;font-size:12px;box-shadow:2px 2px #00000014;transform:rotate(-1deg)}.anno{position:absolute;font-family:Pretendard;font-weight:500;font-size:16px;color:var(--accent);display:flex;gap:6px;align-items:flex-start}.anno svg{flex:none}.squiggle{background-color:var(--accent);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 6'><path d='M0 3 Q 5 0 10 3 T 20 3 T 30 3 T 40 3 T 50 3 T 60 3 T 70 3 T 80 3' fill='none' stroke='%23fff' stroke-width='1.5'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 6'><path d='M0 3 Q 5 0 10 3 T 20 3 T 30 3 T 40 3 T 50 3 T 60 3 T 70 3 T 80 3' fill='none' stroke='%23fff' stroke-width='1.5'/></svg>");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:80px 6px;mask-size:80px 6px;padding-bottom:4px}.cat-spot{display:inline-flex;align-items:center;justify-content:center}.bar{height:8px;background:var(--paper-2);border:1.5px solid var(--ink);border-radius:999px;overflow:hidden;position:relative}.bar>i{display:block;height:100%;background:var(--accent);border-right:1.5px solid var(--ink)}.mood-blob{width:28px;height:28px;border:1.5px solid var(--ink);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Pretendard;font-size:14px;background:#fff}.cal-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:Pretendard;font-size:13px;position:relative}.cal-cell.has:after{content:"";position:absolute;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.cal-cell.today{border:1.5px solid var(--ink);border-radius:50%;background:var(--ink);color:#fbf8f3}.cal-cell.off{color:var(--muted)}.note{margin-top:6px;font-family:Pretendard,Pretendard,sans-serif;font-size:15px;line-height:1.35;color:var(--accent);font-weight:500}html,body{background:var(--canvas)}.input-row{position:absolute;left:0;right:0;bottom:0;padding:10px 14px calc(16px + var(--safe-b, 0px));padding-inline:max(14px,calc((100% - var(--app-fluid, 100%)) / 2));background:#fbf8f3f2;border-top:1.5px dashed var(--line, #c9a877);display:flex;gap:8px;align-items:center}.input-row.above-tabbar{bottom:var(--tabbar-h, 64px);padding-bottom:16px}.input-row input{flex:1;background:#fff;border:1.5px solid var(--ink, #3a2414);border-radius:999px;padding:12px 16px;font-family:Pretendard,Pretendard,sans-serif;font-size:16px;color:var(--ink, #3a2414);outline:none;min-width:0}.input-row input::placeholder{color:var(--muted, #b39570)}.input-row input:focus{border-color:var(--accent, #8c4a1f);box-shadow:0 0 0 2px #8c4a1f26}:focus-visible{outline:2px solid var(--accent, #8c4a1f);outline-offset:2px}.bubble{padding:10px 13px;max-width:280px;box-shadow:1px 2px #0000000d;border:none}.bubble-bot{background:var(--paper-2);color:var(--ink);border-radius:4px 16px 16px}.bubble-user{background:var(--accent-soft);color:var(--ink);border-radius:16px 4px 16px 16px;max-width:260px}.toast{position:absolute;left:0;right:0;bottom:calc(84px + var(--safe-b, 0px));max-width:calc(var(--app-fluid, 100%) - 48px);margin-inline:auto;background:var(--ink, #3a2414);color:var(--paper, #f5e6cf);border-radius:12px;padding:10px 14px;font-family:Pretendard;font-size:13px;text-align:center;box-shadow:0 4px 16px #0000002e;animation:toastIn .2s ease-out;z-index:50}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pencil, #7a5634);margin:0 2px;animation:typing 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}button.chip,button.btn{font-family:inherit;cursor:pointer}button.chip:disabled,button.btn:disabled{cursor:not-allowed;opacity:.55}.screen-scroll{position:absolute;top:0;right:0;bottom:0;left:0;max-width:var(--app-fluid, none);margin-inline:auto;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.screen-scroll::-webkit-scrollbar{width:4px}.screen-scroll::-webkit-scrollbar-thumb{background:#3a24142e;border-radius:2px}