:root{--bg: #4f1f2f;--bg-soft: #6d3144;--surface: rgba(255, 250, 245, .88);--surface-strong: #fffaf4;--surface-muted: #f6ede3;--text: #2d241f;--text-soft: #5f5148;--muted: #7d6d63;--border: rgba(124, 93, 74, .16);--border-strong: rgba(124, 93, 74, .24);--primary: #55684f;--primary-strong: #44533f;--primary-soft: rgba(118, 139, 109, .16);--accent: #b07a5b;--accent-soft: rgba(176, 122, 91, .14);--danger: #b56455;--shadow: 0 22px 52px rgba(38, 9, 19, .24);--shadow-soft: 0 12px 32px rgba(38, 9, 19, .16);--highlight: rgba(255, 255, 255, .7)}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(214,170,140,.2),transparent 24%),radial-gradient(circle at top right,rgba(133,63,86,.28),transparent 30%),radial-gradient(circle at bottom center,rgba(58,18,34,.35),transparent 34%),linear-gradient(180deg,#7f384d,#5b2335 42%,#3c1321);color:var(--text)}button,input,select{font:inherit}.app-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;inset:18px;border-radius:36px;border:1px solid rgba(255,255,255,.26);pointer-events:none}.phone{width:min(430px,100%);min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent 16%),linear-gradient(180deg,var(--bg-soft),var(--bg));border-radius:28px;border:1px solid rgba(255,255,255,.42);box-shadow:0 28px 70px #402b1f2e,inset 0 1px #ffffffad;overflow:hidden;overflow-x:hidden;position:relative;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.phone:before,.phone:after{content:"";position:absolute;border-radius:999px;filter:blur(10px);pointer-events:none}.phone:before{width:180px;height:180px;top:-48px;right:-72px;background:#e0bb9b2e}.phone:after{display:none}.app{position:absolute;inset:0;display:flex;flex-direction:column;min-height:100%}.screen{flex:1;overflow:auto;overflow-x:hidden;padding:24px 18px 98px;position:relative;z-index:0;overscroll-behavior:contain}.screen::-webkit-scrollbar{display:none}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.1;margin:12px 0 8px;font-family:Iowan Old Style,Georgia,serif;font-weight:700;letter-spacing:-.03em}h2{font-size:22px;line-height:1.2;font-family:Iowan Old Style,Georgia,serif;font-weight:700;letter-spacing:-.025em}.sub,.muted{color:var(--muted);font-size:14px}.card{background:linear-gradient(180deg,#ffffffb8,#fffaf5e6),var(--surface);border:1px solid var(--border);border-radius:24px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{padding:18px;background:radial-gradient(circle at top right,rgba(176,122,91,.16),transparent 30%),radial-gradient(circle at bottom left,rgba(85,104,79,.14),transparent 36%),linear-gradient(180deg,#fffcf8eb,#f8efe6eb)}.screen-home .card{margin-bottom:10px}.screen-home .home-heading{display:flex;align-items:baseline;gap:10px;min-width:0}.screen-home .home-heading h2{font-size:22px;margin:0}.screen-home .home-date{color:#2d241fb3;font-size:14px;white-space:nowrap}.screen-home .hero{padding:12px}.screen-home .section-title{font-size:15px;margin-bottom:6px}.screen-home .meter{height:6px;margin:4px 0 2px}.screen-home .macro-item+.macro-item,.screen-home .meal-item+.meal-item{margin-top:4px}.screen-home .meal-item,.screen-home .macro-head,.screen-home .list-simple>div{padding:4px 0}.screen-home .macro-item{line-height:1.15}.screen-home .macro-head{gap:8px;margin-bottom:2px}.screen-home .macro-head span:last-child{font-size:13px;white-space:nowrap}.screen-home .big-number{font-size:15px}.screen-home .big-number strong{font-size:34px}.screen-home .formula-note{margin-top:6px;font-size:11px}.screen-diary .card{overflow:hidden}.screen-diary .section-title{font-size:15px;margin-bottom:6px}.screen-diary .list-simple>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:4px 0}.screen-diary .list-simple>div+div{margin-top:4px}.screen-diary .list-simple strong{color:var(--text);font-weight:600;white-space:nowrap;text-align:right}.screen-diary .list-simple strong.danger{color:var(--danger);font-weight:700}.screen-diary .diary-meal-item{flex-direction:column;align-items:stretch;gap:6px;padding:6px 0}.screen-diary .diary-meal-head{display:flex;align-items:baseline;gap:8px;min-width:0}.screen-diary .diary-meal-head strong:first-child{flex:1;min-width:0}.screen-diary .diary-meal-head strong:last-child,.screen-diary .diary-meal-head span{white-space:nowrap}.screen-diary .diary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.screen-diary .diary-actions .btn{width:100%}.compact-date-input{display:block;width:100%;min-width:0;max-width:100%;font-variant-numeric:tabular-nums;text-align:center}.inner-card{background:linear-gradient(180deg,#fffbf6fa,#f6ede3eb);border-color:#7c5d4a1f;box-shadow:var(--shadow-soft)}.pill{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,rgba(255,255,255,.82),var(--primary-soft));color:var(--primary-strong);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;border:1px solid rgba(85,104,79,.12);box-shadow:inset 0 1px #ffffffa6;min-width:0;max-width:100%;flex-wrap:wrap}.diary-summary-pill{width:100%;justify-content:center;text-align:center;overflow-wrap:anywhere}.btn{border:1px solid transparent;cursor:pointer;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:600;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease;min-height:46px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(180deg,#667a5e,var(--primary-strong));color:#fff;box-shadow:0 14px 24px #44533f33}.btn.secondary{background:#fffaf5cc;color:var(--text);border-color:var(--border);box-shadow:inset 0 1px #fff9}.btn.small{padding:10px 14px;font-size:14px}.full{width:100%}.row{display:flex;gap:12px;min-width:0}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.center{align-items:center}.col{display:flex;flex-direction:column;gap:4px;min-width:0}.col.right{align-items:flex-end}.stack{display:grid;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2>div,.time-row>div{min-width:0}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input,select{width:100%;background:#fffbf7f0;border:1px solid var(--border);border-radius:16px;padding:14px;color:var(--text);box-shadow:inset 0 1px #ffffffad}input::placeholder{color:#5f514885}input:focus,select:focus,button:focus-visible{outline:none;border-color:#55684f61;box-shadow:0 0 0 4px #55684f1f,inset 0 1px #ffffffad}.center-box{min-height:100%;display:flex;align-items:center}.big-number{font-size:18px;color:var(--text-soft)}.big-number strong{font-size:50px;color:var(--text);line-height:1;display:inline-block;margin-right:6px;font-family:Iowan Old Style,Georgia,serif;letter-spacing:-.05em}.kicker,.section-title{font-size:18px;font-weight:700;margin-bottom:10px}.meter{height:8px;background:#7d6d6324;border-radius:999px;overflow:hidden;margin:14px 0}.meter>div{height:100%;border-radius:999px;box-shadow:0 0 18px #00000014}.macro-item+.macro-item,.meal-item+.meal-item{margin-top:12px}.macro-head,.meal-item,.food-list-item,.list-simple>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.list-simple>div,.meal-item,.food-list-item{padding:10px 0;border-top:1px solid var(--border)}.list-simple>div:first-child,.meal-item:first-child,.food-list-item:first-child{border-top:none;padding-top:0}.empty{padding:16px;background:linear-gradient(180deg,#fffbf6f5,#f6ede3eb);border-radius:18px;color:var(--muted);text-align:center;border:1px dashed rgba(124,93,74,.18)}.photo-box,.chart-box{background:linear-gradient(180deg,#fffbf6fa,#f6ede3eb);border:1px solid var(--border);border-radius:18px;box-shadow:inset 0 1px #ffffffb8}.photo-box{min-height:220px;display:grid;place-items:center;color:var(--muted);overflow:hidden}.capture-preview-image{width:100%;height:100%;object-fit:cover;display:block}.crop-preview{position:relative;width:100%;height:100%;min-height:220px;overflow:hidden}.crop-mask,.crop-selection{position:absolute;pointer-events:none}.crop-mask{background:#2d241f6b}.crop-mask-top{top:0;left:0;right:0;height:var(--crop-top)}.crop-mask-right{top:var(--crop-top);right:0;bottom:var(--crop-bottom);width:var(--crop-right)}.crop-mask-bottom{left:0;right:0;bottom:0;height:var(--crop-bottom)}.crop-mask-left{top:var(--crop-top);left:0;bottom:var(--crop-bottom);width:var(--crop-left)}.crop-selection{top:var(--crop-top);right:var(--crop-right);bottom:var(--crop-bottom);left:var(--crop-left);border:2px solid rgba(255,255,255,.92);border-radius:18px;box-shadow:0 0 0 999px #ffffff05}.camera-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 12px}.camera-actions>.btn,.camera-actions>.file-btn{width:100%;justify-content:center;text-align:center}.camera-extra-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}.crop-controls-card{margin-bottom:12px}.crop-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.centered{text-align:center}.stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.stat{background:linear-gradient(180deg,#fffbf6fa,#f6ede3eb);border-radius:18px;padding:12px;text-align:center;border:1px solid rgba(124,93,74,.12);box-shadow:var(--shadow-soft)}.stat .v{font-size:20px;font-weight:700;font-family:Iowan Old Style,Georgia,serif}.component{background:linear-gradient(180deg,#fffbf6fa,#f6ede3eb);border:1px solid var(--border);border-radius:18px;padding:12px}.component-grid{display:grid;grid-template-columns:minmax(0,1.8fr) 96px 42px;gap:8px;align-items:end}.icon-btn{width:42px;height:46px;border-radius:14px;padding:0}.time-row{display:grid;grid-template-columns:1fr 120px 120px;gap:12px;align-items:end;margin-top:16px}.time-row.time-row-wide{grid-template-columns:minmax(0,1.5fr) 1fr 120px 120px}.time-row.two-cols{grid-template-columns:1fr 120px}.notice-box{background:linear-gradient(180deg,#fffbf6fa,#f6ede3eb);border:1px solid var(--border);border-radius:18px;padding:12px;margin:16px 0}.notice-box.editing{background:linear-gradient(180deg,#fff5eafa,#f8e4cff5);border-color:#b07a5b57}.notice-title{font-size:14px;font-weight:700;margin-bottom:4px}.food-manage-row{display:grid;grid-template-columns:1fr auto;gap:10px}.food-category-row{display:flex;gap:8px;overflow-x:auto;padding-top:10px}.food-category-row::-webkit-scrollbar{display:none}.food-list{max-height:240px;overflow:auto}.food-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.food-name{font-weight:600}.food-small{color:var(--muted);font-size:12px}.weekly-reminder{background:linear-gradient(180deg,#fffbf6fa,#f6ede3eb);border:1px solid var(--border);border-radius:18px;padding:12px;margin-top:16px;overflow:hidden}.weekly-reminder .row{align-items:flex-start}.weekly-reminder .toggle-row{flex-shrink:0}.weekly-reminder input[type=number]{min-width:0;max-width:100%}.formula-note{margin-top:12px;display:grid;gap:4px;font-size:13px;color:var(--muted)}.formula-preview{margin-bottom:0}.chart-svg{width:100%;height:180px;display:block}.file-btn{display:inline-flex;justify-content:center;align-items:center}.typical-dish-btn{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}.hidden-input{display:none}.toggle-row{display:flex;align-items:center;gap:8px}.danger{color:var(--danger)}.nav{position:absolute;left:0;right:0;bottom:0;height:calc(54px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#fffaf5d1,#f7eee5f5);border-top:1px solid var(--border-strong);display:flex;justify-content:space-around;align-items:center;padding:0 6px env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -10px 24px #4d352714;z-index:10}.app-credit{display:none}.app-feedback{position:absolute;left:50%;bottom:calc(68px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:#2d241feb;color:#fff;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 10px 30px #0000002e;z-index:20;white-space:nowrap}.nav button{background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;padding:10px 12px;border-radius:16px;min-width:0;min-height:40px}.nav button.active{color:var(--text);background:#ffffff75;box-shadow:inset 0 1px #ffffffb8}.top-gap{margin-top:16px}.stack-field{display:grid;gap:6px}.notice-text{color:var(--text-soft)}@media(max-width:420px){.app-shell{min-height:100svh;padding:0}.app-shell:before,.phone:before{display:none}.phone{width:100%;min-height:100svh;height:100svh;border-radius:0;border:none;box-shadow:none}.app{position:relative;min-height:100%;height:100%}.time-row,.time-row.time-row-wide,.time-row.two-cols,.grid2,.component-grid,.food-manage-row,.stats3{grid-template-columns:1fr}.row{flex-wrap:wrap}.weekly-reminder .row.between.center{align-items:flex-start}.weekly-reminder .toggle-row{width:100%;justify-content:flex-start}.screen{padding:14px 12px calc(72px + env(safe-area-inset-bottom,0px))}.pill{width:100%}.diary-summary-pill{font-size:12px;padding:8px 10px}.compact-date-input{font-size:14px;padding:14px}.screen-diary .section-title{font-size:14px}.screen-diary .list-simple>div{flex-direction:row;align-items:center;justify-content:space-between;padding:3px 0}.screen-diary .diary-meal-item{gap:5px;padding:5px 0}.screen-diary .diary-meal-head{gap:6px;flex-wrap:wrap}.screen-diary .diary-meal-head strong,.screen-diary .diary-meal-head span{font-size:13px}.screen-home{padding-top:10px;padding-bottom:60px}.card{padding:12px;border-radius:18px}.screen-home .card{padding:10px;border-radius:16px;margin-bottom:8px}.screen-home .sub,.screen-home .muted{font-size:12px}.screen-home h2{font-size:18px}.screen-home .home-heading{width:100%;justify-content:space-between;align-items:baseline;gap:8px}.screen-home .home-heading h2{font-size:22px}.screen-home .home-date{font-size:14px}.screen-home .big-number strong{font-size:28px}.screen-home .hero{padding:10px}.screen-home .section-title{font-size:14px}.screen-home .meter{margin:3px 0 1px}.screen-home .macro-item{line-height:1.1}.screen-home .macro-head{gap:6px;margin-bottom:1px}.screen-home .macro-head span{font-size:13px}.screen-home .macro-head span:last-child{font-size:12px}.screen-home .btn.small{min-height:36px;padding:6px 10px;font-size:13px}.meal-item,.food-list-item,.macro-head,.list-simple>div{flex-direction:column;align-items:flex-start}.food-item-actions,.col.right{width:100%;align-items:stretch}.food-item-actions .btn,.meal-item .btn{width:100%}.camera-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-extra-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-grid{grid-template-columns:1fr}.nav{height:calc(48px + env(safe-area-inset-bottom,0px));padding:0 4px;gap:2px}.nav button{flex:1;font-size:12px;padding:4px 6px;min-height:38px}.app-feedback{bottom:calc(56px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 24px);white-space:normal;text-align:center}}