:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--app-bg:#0f172a;--surface:#1e293b;--surface-strong:#24344a;--surface-muted:#101d2f;--line:#94a3b82e;--line-strong:#94a3b847;--accent:#38bdf8;--accent-strong:#0ea5e9;--success:#22c55e;--warning:#facc15;--danger:#fb7185;--text:#f8fafc;--muted:#94a3b8;background:var(--bg);color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-height:100%;overflow-x:hidden}body{background:linear-gradient(180deg, #38bdf821, #22c55e0f 280px, #07111f00 520px), var(--bg);min-width:320px;min-height:100%;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}#root{min-height:100dvh}.viewport{background:linear-gradient(180deg, #38bdf817, #07111f00 380px), var(--bg);justify-content:center;min-height:100dvh;display:flex}.app-shell{background:linear-gradient(180deg, #38bdf814, #0f172a00 280px), var(--app-bg);width:min(100%,414px);max-width:100vw;min-height:100dvh;position:relative;overflow-x:hidden;box-shadow:0 0 60px #00000061}.screen-main{min-height:calc(100dvh - 82px);padding:max(18px, env(safe-area-inset-top)) 16px 108px}.page{flex-direction:column;gap:18px;display:flex}.hero,.page-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:4px;display:flex}.hero h1,.page-header h1{letter-spacing:0;margin:0;font-size:31px;line-height:1.1}.hero-copy{color:#cbd5e1;margin:10px 0 0;font-size:14px;font-weight:700}.page-header h1{font-size:27px}.eyebrow{color:#38bdf8;margin:0 0 8px;font-size:13px;font-weight:700}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-grid .stat-card:first-child{grid-column:1/-1}.stat-card,.ai-panel,.form-panel,.section-block,.danger-zone{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, #020617);border-radius:8px}.stat-card{flex-direction:column;justify-content:space-between;min-height:116px;padding:15px;display:flex;box-shadow:inset 0 1px #f8fafc0a}.stat-card__top{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.stat-card__icon{width:30px;height:30px;color:var(--accent);background:#38bdf81f;border-radius:8px;place-items:center;display:inline-grid}.stat-card strong{margin-top:14px;font-size:25px;line-height:1.12;display:block}.stat-card small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.stat-card--success .stat-card__top{color:var(--success)}.stat-card--success .stat-card__icon{color:var(--success);background:#22c55e21}.stat-card--warning .stat-card__top{color:var(--warning)}.stat-card--warning .stat-card__icon{color:var(--warning);background:#facc1521}.stat-grid--compact .stat-card:first-child{grid-column:auto}.stat-grid--compact .stat-card{min-height:104px}.ai-panel,.form-panel,.section-block{padding:16px}.ai-panel{background:linear-gradient(135deg, #38bdf833, #22c55e14), var(--surface);border-color:#38bdf86b}.ai-panel p{color:#f8fafc;margin:12px 0 0;font-size:15px;line-height:1.55}.section-title{align-items:center;gap:8px;margin-bottom:14px;display:flex}.section-title h2{flex:1;margin:0;font-size:16px;line-height:1.25}.section-title span{color:var(--muted);font-size:12px;font-weight:700}.primary-button,.secondary-button,.danger-button,.text-button,.primary-icon-button,.icon-button,.segmented-control button,.date-pills button,.choice-chip,.quick-duration button{cursor:pointer;border:0;border-radius:8px;transition:transform .16s,background .16s,border-color .16s}.primary-button:active,.secondary-button:active,.danger-button:active,.text-button:active,.primary-icon-button:active,.icon-button:active,.segmented-control button:active,.date-pills button:active,.choice-chip:active,.quick-duration button:active{transform:translateY(1px)}.primary-button,.secondary-button,.danger-button{justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:800;display:inline-flex}.primary-button,.primary-icon-button{background:linear-gradient(180deg, #67d5ff, var(--accent));color:#082f49;box-shadow:0 10px 24px #38bdf838}.secondary-button{color:#f8fafc;background:#334155}.danger-button{color:#fecdd3;background:#f43f5e2e}.text-button{color:var(--accent);background:0 0;font-size:13px;font-weight:800}.primary-icon-button,.icon-button{place-items:center;width:44px;height:44px;display:inline-grid}.icon-button{color:#cbd5e1;background:#0f172a;border:1px solid #94a3b82e}.icon-button--danger{color:#fb7185}.bottom-nav{z-index:10;width:min(100%,414px);min-height:88px;padding:9px 10px max(9px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08101eed;border-top:1px solid #94a3b82e;grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__item{min-width:0;min-height:68px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:800;display:flex}.bottom-nav__item.is-active{color:var(--accent);background:#38bdf81f}.bottom-nav__icon{border-radius:8px;place-items:center;width:30px;height:30px;display:inline-grid}.bottom-nav__item.is-active .bottom-nav__icon{background:#38bdf82e}.bottom-nav__label{line-height:1.1}.bottom-nav__caption{color:#64748b;font-size:9px;font-weight:800;line-height:1.1}.segmented-control{background:#020617ad;border:1px solid #94a3b82e;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;min-height:48px;padding:4px;display:grid}.segmented-control button{min-width:0;color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.segmented-control button.is-active{background:var(--surface-strong);color:#f8fafc}.form-panel{flex-direction:column;gap:14px;display:flex}.field,.field-grid{gap:8px;display:grid}.field-grid{grid-template-columns:1fr 1fr}.field span{color:#cbd5e1;font-size:13px;font-weight:800}.field input,.field select,.field textarea,.inline-form input{color:#f8fafc;background:#0f172aeb;border:1px solid #94a3b833;border-radius:8px;width:100%;padding:12px}.field textarea{resize:vertical;min-height:104px}.duration-preview{background:#38bdf817;border:1px solid #38bdf847;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 14px;display:flex}.smart-brief{background:linear-gradient(135deg,#38bdf82e,#22c55e1a),#132238;border:1px solid #38bdf85c;border-radius:8px;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:14px;min-height:142px;padding:17px;display:grid;box-shadow:inset 0 1px #f8fafc0d}.smart-brief--goal{background:linear-gradient(135deg,#22c55e29,#facc1514),#132238;border-color:#22c55e57}.smart-brief__kicker{color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.smart-brief strong{margin-top:11px;font-size:21px;line-height:1.25;display:block}.smart-brief p{color:#cbd5e1;margin:9px 0 0;font-size:13px;line-height:1.5}.smart-brief__score{background:#02061757;border:1px solid #f8fafc1f;border-radius:8px;align-content:center;place-items:center;gap:4px;width:74px;min-height:86px;display:grid}.smart-brief__score span{font-size:26px;font-weight:950;line-height:1}.smart-brief__score small{color:var(--muted);font-size:10px;font-weight:900}.choice-cloud{gap:8px;padding:2px 0 5px;display:flex;overflow-x:auto}.choice-chip{border:1px solid var(--line);color:#cbd5e1;background:#0f172ac7;flex:none;align-items:center;gap:7px;min-height:38px;padding:0 11px;font-size:12px;font-weight:900;display:inline-flex}.choice-chip span{border-radius:999px;width:9px;height:9px}.choice-chip.is-active{color:var(--text);background:#38bdf821;border-color:#38bdf8b8}.quick-duration{background:#02061757;border:1px solid #94a3b829;border-radius:8px;grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;gap:6px;min-height:46px;padding:6px;display:grid}.quick-duration>span{min-width:0;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.quick-duration button{color:#dbeafe;background:#1e293beb;border:1px solid #0000;min-height:34px;padding:0 10px;font-size:12px;font-weight:900}.duration-preview span,.duration-preview strong{white-space:nowrap}.duration-preview span{color:#94a3b8;font-size:13px;font-weight:800}.duration-preview strong{font-size:18px}.form-error{color:#fca5a5;margin:0;font-size:13px;font-weight:700}.form-actions{justify-content:flex-end;gap:10px;display:flex}.form-actions .primary-button{flex:1}.date-pills{gap:8px;margin:12px 0 16px;padding-bottom:6px;display:flex;overflow-x:auto}.date-pills button{color:#cbd5e1;background:#0f172a;border:1px solid #94a3b82e;flex:none;min-height:36px;padding:0 12px;font-size:12px;font-weight:800}.date-pills button.is-active{border-color:var(--accent);color:var(--accent)}.entry-list,.goal-list,.goal-progress-list,.bar-list,.category-list{gap:10px;display:grid}.entry-card{background:#0f172ad6;border:1px solid #94a3b829;border-radius:8px;grid-template-columns:5px 1fr;min-height:116px;display:grid;overflow:hidden}.entry-card__content{min-width:0;padding:13px}.entry-card__header,.goal-card__header{justify-content:space-between;gap:12px;display:flex}.entry-card__header strong,.goal-card__header strong{overflow-wrap:anywhere;margin-bottom:5px;line-height:1.3;display:block}.entry-card__header p,.goal-card__header p{color:#94a3b8;margin:0;font-size:12px;font-weight:700}.entry-card__duration,.goal-card__header span{color:#38bdf8;flex:none;font-size:13px;font-weight:900}.entry-card__meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.entry-card__memo{color:#cbd5e1;overflow-wrap:anywhere;margin:10px 0 0;font-size:13px;line-height:1.5}.entry-card__actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.entry-card__actions .icon-button{width:36px;height:36px}.empty-state{color:var(--muted);text-align:center;border:1px dashed #94a3b842;border-radius:8px;margin:0;padding:18px 12px;line-height:1.5}.category-strip{grid-template-columns:1fr 1fr;gap:10px;display:grid}.category-chip{background:#0f172ad1;border:1px solid #94a3b824;border-radius:8px;min-width:0;min-height:76px;padding:12px}.category-chip span,.category-row>span,.bar-row__label span{border-radius:999px;width:10px;height:10px;display:inline-block}.category-chip strong,.category-chip small{overflow-wrap:anywhere;margin-top:7px;display:block}.category-chip small{color:#94a3b8}.bar-row{gap:8px;display:grid}.bar-row__label{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.bar-row__label strong{overflow-wrap:anywhere;min-width:0;font-size:13px}.bar-row__label small{color:#94a3b8;white-space:nowrap;font-size:12px;font-weight:800}.bar-row__track,.progress__track{background:#020617b3;border-radius:999px;height:10px;overflow:hidden}.bar-row__track span,.progress__bar{border-radius:inherit;height:100%;display:block}.goal-progress,.goal-card{background:#0f172ad6;border:1px solid #94a3b829;border-radius:8px;padding:14px}.goal-progress{gap:11px;display:grid}.goal-progress>div:first-child{justify-content:space-between;gap:12px;display:flex}.goal-progress strong,.goal-progress span{overflow-wrap:anywhere}.goal-progress span{color:#94a3b8;text-align:right;font-size:12px;font-weight:800}.progress{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:9px;display:grid}.progress__value{color:#cbd5e1;text-align:right;font-size:12px;font-weight:900}.goal-card{gap:12px;display:grid}.goal-card__meta{color:#94a3b8;margin:0;font-size:12px;font-weight:700}.inline-form{grid-template-columns:minmax(0,1fr) 50px 44px;gap:8px;margin-bottom:14px;display:grid}.inline-form input[type=color]{height:44px;padding:5px}.category-row{border-bottom:1px solid #94a3b81a;grid-template-columns:10px minmax(0,1fr) 36px;align-items:center;gap:10px;min-height:48px;padding:7px 0;display:grid}.category-row:last-child{border-bottom:0}.category-row strong{overflow-wrap:anywhere}.category-row .icon-button{width:36px;height:36px}.info-list{gap:12px;margin:0;display:grid}.info-list div{border-bottom:1px solid #94a3b81a;justify-content:space-between;gap:14px;padding-bottom:12px;display:flex}.info-list div:last-child{border-bottom:0;padding-bottom:0}.info-list dt{color:#94a3b8;font-size:13px;font-weight:800}.info-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.danger-zone{border-color:#f43f5e52;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.danger-zone h2{margin:0 0 6px;font-size:16px}.danger-zone p{color:#94a3b8;margin:0;font-size:13px;line-height:1.45}@media (width<=390px){.smart-brief{grid-template-columns:1fr}.smart-brief__score{grid-template-columns:auto auto;width:100%;min-height:62px}.quick-duration{grid-template-columns:1fr 1fr 1fr}.quick-duration>span{grid-column:1/-1}}@media (width<=360px){.screen-main{padding-inline:12px}.hero h1,.page-header h1{font-size:24px}.stat-card strong{font-size:21px}.field-grid,.category-strip,.stat-grid{grid-template-columns:1fr}}@media (width>=700px){.app-shell{border:1px solid #94a3b829;border-radius:22px;min-height:calc(100dvh - 48px);margin:24px 0;overflow:hidden}}