:root{--bg:#0d100e;--surface:#151916;--surface2:#1c211d;--line:#2b322c;--text:#f4f7f2;--muted:#9ca79e;--lime:#d7ff47;--cyan:#48e2db;--violet:#ae8cff;--orange:#ffac66;--danger:#ff766f}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,Noto Sans JP,system-ui,sans-serif}body{background:radial-gradient(circle at 80% -10%,#25301e 0,transparent 28%),var(--bg);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0d100eed;flex-direction:column;height:100vh;padding:30px 18px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 38px;display:flex}.brand-mark{background:var(--lime);color:#10130e;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:900;display:grid;transform:rotate(-5deg)}.brand b{letter-spacing:-.5px;font-size:20px}.brand small,.sidebar-foot small{color:var(--muted);letter-spacing:.08em;font-size:10px;display:block}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:15px;padding:13px 15px;font-weight:650;display:flex}.sidebar nav button span{text-align:center;width:22px;font-size:19px}.sidebar nav button:hover,.sidebar nav button.active{background:var(--surface2);color:var(--text)}.sidebar nav button.active span{color:var(--lime)}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:auto;padding:22px 8px 0;display:flex}.avatar{width:38px;height:38px;color:var(--lime);background:#354234;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.avatar.small{width:32px;height:32px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#0d100ebf;justify-content:flex-end;align-items:center;gap:14px;height:72px;padding:0 4.5%;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:10px;margin-right:auto;display:none}.save-state{color:var(--muted);font-size:12px}.save-state.saving{color:var(--cyan)}.save-state.failed{color:var(--danger)}.lang,.topbar button{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 10px}.content{max-width:1240px;margin:auto;padding:56px 5% 100px}.hero,.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;margin:0 0 9px;font-weight:800;color:var(--lime)!important;font-size:11px!important}.hero h1,.page-title h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(30px,4vw,49px);line-height:1}.hero p,.page-title p{color:var(--muted);margin:0}.streak{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:13px;padding:14px 20px;display:flex}.streak>span{color:var(--lime);font-size:22px}.streak strong{font-size:25px}.streak small{color:var(--muted);display:block}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:43px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:15px;min-height:133px;padding:18px;display:flex}.ring{--ring:var(--lime);--p:180deg;background:conic-gradient(var(--ring) var(--p),#293029 0);border-radius:50%;flex:none;place-items:center;width:69px;height:69px;display:grid;position:relative}.ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:6px}.ring span{z-index:1;font-size:11px;font-weight:800}.ring.cyan{--ring:var(--cyan)}.ring.violet{--ring:var(--violet)}.ring.orange{--ring:var(--orange)}.metric-card p{color:var(--muted);margin:0 0 6px;font-size:12px}.metric-card strong{font-size:25px;display:block}.metric-card strong small{color:var(--muted);margin-left:3px;font-size:11px}.metric-card div>small{color:var(--muted);font-size:10px}.content>h2{margin:0 0 14px;font-size:16px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:37px;display:grid}.quick-card{border:1px solid var(--line);background:var(--surface);min-height:93px;color:var(--text);text-align:left;border-radius:18px;align-items:center;gap:13px;padding:17px;display:flex}.quick-card.primary{background:linear-gradient(135deg,#222b18,#171c15);border-color:#789225}.quick-card:hover{border-color:#566253;transform:translateY(-2px)}.quick-icon{background:var(--surface2);width:42px;height:42px;color:var(--lime);border-radius:12px;place-items:center;font-size:22px;display:grid}.quick-card b,.quick-card small{display:block}.quick-card small{color:var(--muted);margin-top:5px;font-size:11px}.quick-card i{color:var(--muted);margin-left:auto;font-style:normal}.two-col,.progress-grid,.settings-grid{grid-template-columns:1.35fr 1fr;gap:15px;display:grid}.panel,.exercise-card,.session-summary,.nutrition-strip,.meal-compose,.meal-section{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:22px}.panel-head,.exercise-head,.meal-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h2,.goal-card h2,.exercise-head h2,.meal-heading h2,.form-panel h2,.data-panel h2{margin:0;font-size:19px}.panel-head button,.exercise-head button{color:var(--muted);background:0 0;border:0}.heatmap{grid-template-rows:repeat(7,10px);grid-auto-columns:10px;grid-auto-flow:column;gap:5px;margin-top:24px;display:grid;overflow:hidden}.heatmap i{background:#293029;border-radius:2px}.heatmap i[data-level="1"]{background:#53672b}.heatmap i[data-level="2"]{background:#789a2e}.heatmap i[data-level="3"]{background:#a7d936}.heatmap i[data-level="4"]{background:var(--lime)}.heatmap.food i[data-level="1"]{background:#245b58}.heatmap.food i[data-level="2"]{background:#287d78}.heatmap.food i[data-level="3"]{background:#32aaa4}.heatmap.food i[data-level="4"]{background:var(--cyan)}.goal-card>h2{margin:15px 0 8px;font-size:37px}.goal-card>p:not(.eyebrow){color:var(--muted);font-size:13px}.bar,.mini-bar{background:#293029;border-radius:5px;height:7px;margin:24px 0 12px;overflow:hidden}.bar i,.mini-bar i{background:var(--lime);border-radius:5px;height:100%;display:block}.goal-card>small{color:var(--muted)}.page-title button,.form-panel>button,.meal-compose .compose-row button{background:var(--lime);color:#11150e;border:0;border-radius:11px;padding:12px 17px;font-weight:800}.session-summary{margin-bottom:16px;display:flex}.session-summary>div{border-right:1px solid var(--line);padding:3px 34px}.session-summary>div:first-child{padding-left:0}.session-summary>div:last-child{border:0}.session-summary small,.session-summary strong{display:block}.session-summary small{color:var(--muted);font-size:11px}.session-summary strong{margin-top:5px;font-size:20px}.exercise-card{margin-bottom:14px}.exercise-head{border-bottom:1px solid var(--line);margin-bottom:15px;padding-bottom:19px}.exercise-head small{color:var(--muted)}.set-table{gap:6px;display:grid}.set-row{grid-template-columns:50px 1fr 1fr 1fr 35px;align-items:center;gap:10px;min-height:48px;display:grid}.set-row.labels{min-height:25px;color:var(--muted);letter-spacing:.1em;font-size:10px}.set-row input{background:var(--surface2);width:100%;color:var(--text);border:1px solid var(--line);text-align:center;border-radius:9px;padding:10px}.set-row>button{color:var(--muted);background:0 0;border:0;font-size:20px}.target{color:var(--muted)}.outline{border-radius:10px;padding:10px 15px;border:1px solid var(--line)!important;color:var(--text)!important;background:0 0!important}.outline.wide{width:100%;margin-top:13px}.muted-exercise{opacity:.78}.add-exercise{width:100%;color:var(--lime);background:0 0;border:1px dashed #4a554b;border-radius:17px;padding:17px}.nutrition-strip{grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:15px;display:grid}.nutrition-strip>div{border-right:1px solid var(--line);padding-right:20px}.nutrition-strip>div:last-child{border:0}.nutrition-strip span,.nutrition-strip small{color:var(--muted);font-size:11px;display:block}.nutrition-strip strong{font-size:24px}.nutrition-strip strong small{margin-left:3px;display:inline}.mini-bar{height:4px;margin:8px 0 5px}.meal-compose{margin-bottom:15px}.bucket-tabs{gap:7px;margin-bottom:15px;display:flex}.bucket-tabs button{border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:20px;padding:8px 18px}.bucket-tabs button.active{background:var(--text);color:var(--bg)}.compose-row{gap:9px;display:flex}.compose-row input{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:11px;flex:1;padding:13px}.meal-compose>small{color:var(--muted);margin-top:10px;display:block}.meal-list{gap:12px;display:grid}.meal-heading{border-bottom:1px solid var(--line);align-items:center;margin-bottom:4px;padding-bottom:13px}.meal-heading span{color:var(--muted)}.meal-section article{border-bottom:1px solid #232923;grid-template-columns:42px 1fr auto 30px;align-items:center;gap:13px;padding:13px 0;display:grid}.meal-section article:last-child{border:0}.meal-section article small{color:var(--muted);margin-top:5px;display:block}.meal-section article>button{color:var(--muted);background:0 0;border:0;font-size:18px}.food-dot{width:40px;height:40px;color:var(--lime);background:#283526;border-radius:11px;place-items:center;font-weight:800;display:grid}.empty-add{width:100%;color:var(--muted);background:0 0;border:0;padding:15px}.chart-panel{min-height:390px}.chart-value{align-items:flex-end;gap:9px;display:flex}.chart-value>strong{letter-spacing:-.06em;font-size:48px}.chart-value span{color:var(--muted);margin-bottom:8px;font-size:12px}.chart-value em{color:var(--lime);font-style:normal}.line-chart{width:100%;height:210px;overflow:visible}.line-chart path:not(.fill){fill:none;stroke:var(--lime);stroke-width:3px}.line-chart .fill{fill:url(#fill)}.line-chart circle{fill:var(--lime)}.chart-axis{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.goal-detail h2{margin:16px 0 28px;font-size:25px}.goal-numbers{color:var(--muted);grid-template-columns:repeat(3,1fr);font-size:11px;display:grid}.goal-numbers b{color:var(--text);margin-top:5px;font-size:20px;display:block}.goal-detail>p{color:var(--muted)}.contribution{margin-top:15px}.contribution h3{margin:24px 0 -15px;font-size:12px}.legend{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:flex}.legend i{background:#293029;border-radius:2px;width:9px;height:9px}.legend i:nth-of-type(2){background:#53672b}.legend i:nth-of-type(3){background:#789a2e}.legend i:nth-of-type(4){background:#a7d936}.legend i:nth-of-type(5){background:var(--lime)}.contribution>small{color:var(--muted);margin-top:17px;display:block}.bar-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:2.3%;height:210px;padding-top:20px;display:flex;position:relative}.bar-chart>i{background:linear-gradient(var(--lime),#759326);border-radius:4px 4px 0 0;width:5%;position:relative}.bar-chart>i span{display:none}.bar-chart>b{width:100%;color:var(--muted);border-top:1px dashed #839168;padding-top:3px;font-size:9px;font-weight:400;position:absolute;left:0}.settings-grid{align-items:start}.form-panel label{color:var(--muted);gap:7px;margin:17px 0;font-size:12px;display:grid}.form-panel input,.form-panel select{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:10px;width:100%;padding:12px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metabolism{margin-top:15px}.metabolism>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metabolism span{color:var(--muted);font-size:11px}.metabolism strong{color:var(--text);font-size:20px;display:block}.metabolism>small{color:var(--muted);margin-top:18px;display:block}.data-panel{margin-top:15px}.data-panel>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0;display:flex}.data-panel small{color:var(--muted);margin-top:5px;display:block}.data-panel .danger b{color:var(--danger)}.data-panel .danger button{color:var(--danger);background:0 0;border:1px solid #693a37;border-radius:10px;padding:10px 15px}.bottom-nav{display:none}@media (max-width:900px){.app-shell{display:block}.sidebar{display:none}.topbar{height:61px}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:29px;height:29px}.content{padding:35px 18px 100px}.bottom-nav{z-index:10;border-top:1px solid var(--line);padding:8px 4px max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121613f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--muted);background:0 0;border:0;place-items:center;gap:2px;display:grid}.bottom-nav button span{font-size:19px}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:var(--lime)}.metric-grid{grid-template-columns:1fr 1fr}.quick-grid,.two-col,.progress-grid,.settings-grid{grid-template-columns:1fr}.hero{align-items:flex-start}.streak{padding:10px}.streak strong{font-size:19px}.nutrition-strip{grid-template-columns:1fr 1fr}.nutrition-strip>div:nth-child(2){border:0}.page-title{align-items:flex-start;gap:15px}.page-title button{font-size:11px}.session-summary>div{padding:3px 13px}.set-row{grid-template-columns:34px 70px 1fr 1fr 26px;gap:6px}.target{font-size:12px}.contribution .heatmap{grid-template-rows:repeat(7,9px);grid-auto-columns:9px;gap:4px}.topbar .save-state{display:none}}@media (max-width:500px){.metric-card{gap:9px;min-height:105px;padding:12px}.ring{width:51px;height:51px}.metric-card strong{font-size:20px}.hero h1,.page-title h1{font-size:31px}.streak small{display:none}.nutrition-strip{gap:15px;padding:16px}.meal-section{padding:17px}.meal-section article{grid-template-columns:34px 1fr auto 20px}.food-dot{width:34px;height:34px}.meal-section article>strong{font-size:13px}.form-row{grid-template-columns:1fr}.page-title{margin-bottom:25px}.page-title>button{max-width:125px}.chart-panel{min-height:330px}.line-chart{height:160px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.auth-loading,.auth-error{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}.auth-loading .brand-mark,.auth-error .brand-mark{width:48px;height:48px;font-size:20px}.auth-error button{border:1px solid var(--line);background:var(--surface2);min-height:44px;color:var(--text);border-radius:10px;padding:10px 18px}.google-fallback{border:1px solid var(--line);background:var(--surface2);min-height:44px;color:var(--text);border-radius:10px;margin-top:12px;padding:10px 18px}.history-panel{margin-top:15px}.history-list{gap:0;display:grid}.history-list article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.history-list small{color:var(--muted);margin-top:4px;display:block}.history-list article>strong{color:var(--lime);font-size:13px}.history-empty{color:var(--muted);margin-bottom:0}.menu-panel{margin-bottom:15px}.menu-panel>span{color:var(--muted)}.menu-list{gap:8px;margin-top:14px;display:grid}.menu-list button{text-align:left;justify-content:space-between;width:100%;display:flex}.menu-list small{color:var(--muted);margin-left:8px}.goal-editor{gap:8px;margin-top:18px;display:grid}.goal-editor label{color:var(--muted);gap:5px;font-size:11px;display:grid}.goal-editor input{background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:9px;width:100%;padding:9px}.login-page{background:radial-gradient(circle at 50% 10%,#29351e,#0000 38%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);text-align:center;background:#151916ed;border-radius:28px;width:min(100%,480px);padding:46px;box-shadow:0 30px 90px #0008}.login-brand{justify-content:center;padding:0 0 38px}.login-card h1{letter-spacing:-.05em;margin:10px 0 18px;font-size:40px;line-height:1.18}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card>small{color:var(--muted);margin-top:30px;display:block}.google-login{justify-content:center;min-height:44px;margin-top:30px;display:flex}.login-error{font-size:13px;color:var(--danger)!important}.retry-login{border:1px solid var(--line);background:var(--surface2);min-height:44px;color:var(--text);border-radius:10px;margin-top:12px;padding:10px 18px}@media (max-width:500px){.login-card{padding:35px 22px}.login-card h1{font-size:33px}}