:root{--color-bg: #fdfcfa;--color-surface: #ffffff;--color-ink: #16151a;--color-text: #1a1a1a;--color-text-muted: #9a968a;--color-border: #ece9e2;--color-badge-1: #f3d9b0;--color-badge-2: #cfe0ee;--color-mood-blue: #93cbea;--color-mood-orange: #f0a15c;--color-mood-pink: #f3b8d0;--color-mood-green: #8fd9a8;--color-mood-purple: #c9a8e8;--color-mood-yellow: #f5d76e;--color-mood-amber: #f2a950;--color-accent-red: #e8695c;--page-bg: #e9e8ee;--radius-lg: 32px;--radius-md: 24px;--radius-pill: 999px;--shadow-soft: 0 8px 24px rgba(20, 20, 20, .06);--font-body: "Plus Jakarta Sans", "Pretendard", -apple-system, sans-serif;--font-logo: "Fredoka", "Pretendard", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page-bg);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;display:flex;justify-content:center}#root{width:100%;display:flex;justify-content:center}.app{display:flex;flex-direction:column;width:100%;max-width:440px;height:100vh;background:var(--color-bg);box-shadow:var(--shadow-soft),0 0 0 1px #00000008}.app-main{flex:1;overflow-y:auto;padding:24px 20px}.screen{width:100%}.jog-headline{font-family:var(--font-body);font-weight:800;font-size:44px;letter-spacing:-.02em;line-height:1.08;color:var(--color-ink);margin:0}.jog-date{font-family:var(--font-body);font-size:15px;color:var(--color-text-muted);margin:6px 0 0}.jog-logo{font-family:var(--font-logo);font-weight:700;font-size:64px;letter-spacing:-.03em;color:var(--color-ink);line-height:1;margin:0}.jog-logo-sm{font-family:var(--font-logo);font-weight:700;font-size:28px;letter-spacing:-.03em;color:var(--color-ink)}.jog-handwritten-note{font-family:var(--font-body);font-weight:600;font-size:17px;color:var(--color-ink);line-height:1.4}.jog-tabs{display:flex;gap:28px;border-bottom:1px solid var(--color-border);padding-bottom:12px;margin-bottom:20px}.jog-tab{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--color-text-muted);cursor:pointer;padding-bottom:12px;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-body)}.jog-tab.active{color:var(--color-ink);border-bottom:2px solid var(--color-ink)}.jog-tab-badge{background:var(--color-accent-red);color:#fff;font-size:11px;font-weight:700;width:18px;height:18px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center}.jog-mood-card{border-radius:var(--radius-lg);padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:200px;justify-content:space-between;text-align:center}.jog-mood-card.blue{background:var(--color-mood-blue)}.jog-mood-card.orange{background:var(--color-mood-orange)}.jog-mood-card.pink{background:var(--color-mood-pink)}.jog-mood-card.green{background:var(--color-mood-green)}.jog-mood-card.purple{background:var(--color-mood-purple)}.jog-mood-card.yellow{background:var(--color-mood-yellow)}.jog-mood-card.amber{background:var(--color-mood-amber)}.jog-mood-card .label-top{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--color-ink)}.jog-mood-card .label-bottom{font-family:var(--font-body);font-weight:800;font-size:24px;letter-spacing:-.01em;color:var(--color-ink)}.jog-doodle-icon{width:44px;height:44px;color:var(--color-ink);stroke:var(--color-ink);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.jog-avatar{width:40px;height:40px;border-radius:var(--radius-pill);object-fit:cover}.jog-avatar-sm{width:28px;height:28px;border-radius:var(--radius-pill);object-fit:cover}.jog-section-surface{background:var(--color-surface);border-radius:var(--radius-lg);padding:8px 24px}.section-label{font-size:13px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 4px}.jog-list-row{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--color-border);width:100%;background:none;border-left:none;border-right:none;border-top:none;text-align:left;cursor:pointer;font-family:inherit}.jog-list-row:last-child{border-bottom:none}.jog-badge{width:32px;height:32px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;color:var(--color-text)}.jog-badge.b1{background:var(--color-badge-1)}.jog-badge.b2{background:var(--color-badge-2)}.jog-badge.b3{background:var(--color-ink);color:#fff}.jog-list-row-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.jog-list-row-title{font-weight:600;font-size:15px;color:var(--color-text)}.jog-list-row-preview{font-size:13px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jog-list-drilldown{padding:2px 0 14px 48px;display:flex;flex-direction:column;gap:2px}.drop-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:9vh}.jog-prompt{font-family:var(--font-body);font-weight:600;font-size:18px;line-height:1.45;color:var(--color-text);margin:20px 0 28px}.input-wrap{width:100%;max-width:380px;position:relative}textarea{width:100%;resize:none;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:16px 16px 26px;font-size:15px;font-family:var(--font-body);line-height:1.5;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .15s ease}textarea::placeholder{color:var(--color-text-muted)}textarea:focus{border-color:var(--color-ink)}.counter{position:absolute;right:14px;bottom:10px;font-size:11px;color:var(--color-text-muted)}.jog-cta{margin-top:22px;padding:14px 36px;border:none;border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;font-size:16px;font-family:var(--font-body);font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .1s ease,opacity .15s ease}.jog-cta:hover:not(:disabled){opacity:.88}.jog-cta:active:not(:disabled){transform:scale(.97)}.jog-cta:disabled{background:var(--color-border);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed}.feedback{min-height:24px;margin-top:16px;font-size:14px}.feedback-done{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-weight:500}.feedback-scribble{width:18px;height:18px;color:var(--color-ink);stroke:var(--color-ink);stroke-width:2.5;fill:none}.hero-mood{margin-bottom:4px}.hero-sub{font-family:var(--font-body);font-size:13px;color:var(--color-text-muted);margin:0;display:flex;align-items:center;gap:6px}.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--color-ink);opacity:.6;flex-shrink:0}.big-number{font-family:var(--font-body);font-weight:800;font-size:34px;color:var(--color-ink);margin:0}.big-number-total{font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--color-text-muted);margin-left:2px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 24px}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;text-align:center;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:transparent}.stat-pill-icon{font-size:16px}.stat-pill-value{font-family:var(--font-body);font-weight:700;font-size:18px;color:var(--color-text)}.stat-pill-label{font-size:11px;color:var(--color-text-muted);letter-spacing:.02em}.empty-note{color:var(--color-text-muted);font-size:13px;margin:4px 0 8px}.thought-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--color-border)}.thought-row:last-child{border-bottom:none}.thought-row-text{font-size:14px;color:var(--color-text)}.thought-row-text.is-done{color:var(--color-text-muted);text-decoration:line-through}.thought-row-actions{display:flex;gap:6px;flex-shrink:0}.icon-btn{width:26px;height:26px;border-radius:50%;border:none;background:var(--color-bg);color:var(--color-text);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.icon-btn:hover{background:var(--color-border)}.icon-btn.delete:hover{background:var(--color-accent-red);color:#fff6f2}.handwritten-list{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:6px;text-align:center}.mood-actions{display:flex;gap:10px;margin-top:24px;justify-content:center}.mood-btn-solid{padding:11px 26px;border-radius:var(--radius-pill);border:none;background:var(--color-ink);color:#fff;font-weight:600;font-size:14px;cursor:pointer;font-family:var(--font-body)}.mood-btn-solid:hover{opacity:.88}.mood-btn-outline{padding:11px 26px;border-radius:var(--radius-pill);border:1.5px solid var(--color-ink);background:transparent;color:var(--color-ink);font-weight:600;font-size:14px;cursor:pointer;font-family:var(--font-body)}.mood-btn-outline:hover{background:#16151a0f}.tab-bar{display:flex;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.tab-btn{flex:1;padding:10px 4px 12px;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:var(--font-body)}.tab-icon{font-size:18px;opacity:.4;transition:opacity .15s ease}.tab-label{font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--color-text-muted)}.tab-btn.active .tab-icon{opacity:1}.tab-btn.active .tab-label{color:var(--color-ink);font-weight:700}.cal-header{display:flex;align-items:center;justify-content:space-between;margin:16px 4px 12px}.cal-month-label{font-family:var(--font-body);font-weight:700;font-size:16px;color:var(--color-text)}.cal-nav-btn{width:28px;height:28px;border-radius:50%;border:none;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.cal-nav-btn:hover{background:var(--color-border)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}.cal-weekday{text-align:center;font-size:11px;font-weight:600;color:var(--color-text-muted)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell{position:relative;aspect-ratio:1;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-family:var(--font-body);background:var(--color-bg)}.cal-cell-empty{visibility:hidden}.cal-cell-day{font-size:13px;font-weight:600;color:var(--color-text-muted)}.cal-cell.has-items .cal-cell-day{font-weight:700;color:var(--color-ink)}.cal-cell-blank:hover{background:var(--color-border)}.cal-cell.today{box-shadow:0 0 0 2px var(--color-ink)}.cal-cell.selected{box-shadow:0 0 0 2px var(--color-ink);transform:scale(1.05)}.cal-cell.drag-over{box-shadow:0 0 0 2px var(--color-ink);background:var(--color-border)}.cal-cell.blue,.cal-cell.orange,.cal-cell.pink,.cal-cell.green,.cal-cell.purple,.cal-cell.amber,.cal-cell.yellow{border-radius:14px}.cal-cell.blue .cal-cell-day,.cal-cell.orange .cal-cell-day,.cal-cell.pink .cal-cell-day,.cal-cell.green .cal-cell-day,.cal-cell.purple .cal-cell-day,.cal-cell.amber .cal-cell-day,.cal-cell.yellow .cal-cell-day{color:#fff}.cal-cell.blue{background:var(--color-mood-blue)}.cal-cell.orange{background:var(--color-mood-orange)}.cal-cell.pink{background:var(--color-mood-pink)}.cal-cell.green{background:var(--color-mood-green)}.cal-cell.purple{background:var(--color-mood-purple)}.cal-cell.amber{background:var(--color-mood-amber)}.cal-cell.yellow{background:var(--color-mood-yellow)}.cal-cell-dots{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;gap:3px}.cal-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.cal-dot.blue{background:var(--color-mood-blue)}.cal-dot.orange{background:var(--color-mood-orange)}.cal-dot.pink{background:var(--color-mood-pink)}.cal-dot.green{background:var(--color-mood-green)}.cal-dot.purple{background:var(--color-mood-purple)}.cal-dot.amber{background:var(--color-mood-amber)}.cal-dot.yellow{background:var(--color-mood-yellow)}.cal-legend{margin-top:20px;background:var(--color-surface);border-radius:var(--radius-lg);padding:20px}.cal-legend-title{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--color-text-muted);margin:0 0 12px}.cal-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.cal-legend-item{display:flex;align-items:center;gap:8px}.cal-legend-dot{width:14px;height:14px}.cal-legend-label{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--color-text)}.cal-pool{margin:16px 4px 20px}.cal-pool-title{font-size:12px;font-weight:600;color:var(--color-text-muted);margin:0 0 8px}.cal-pool-list{display:flex;flex-wrap:wrap;gap:8px}.cal-pool-chip{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:8px 14px;cursor:grab;-webkit-user-select:none;user-select:none}.cal-pool-chip:active{cursor:grabbing;opacity:.7}.cal-day-panel{margin-top:20px;background:var(--color-surface);border-radius:var(--radius-lg);padding:20px}.cal-day-title{font-family:var(--font-body);font-weight:700;font-size:16px;color:var(--color-text);margin:0 0 4px}.cal-add-row{display:flex;gap:8px;margin-top:10px}.cal-add-input{flex:1;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:10px 16px;font-size:14px;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);outline:none}.cal-add-input:focus{border-color:var(--color-ink)}.cal-add-btn{width:40px;height:40px;font-size:18px;flex-shrink:0}