:root{--color-bg: #ffffff;--color-surface: #eef4f1;--color-surface-strong: #dcebe4;--color-border: #c8d8d1;--color-border-input: #5f7268;--color-text: #132019;--color-text-muted: #43564d;--color-accent: #0b6e52;--color-accent-strong: #084c39;--color-on-accent: #ffffff;--color-danger: #b3261e;--color-success: #14663c;--color-warning: #8a5a00;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--type-xs: 12px;--type-xs-line: 16px;--type-sm: 14px;--type-sm-line: 20px;--type-base: 16px;--type-base-line: 24px;--type-lg: 20px;--type-lg-line: 28px;--type-xl: 28px;--type-xl-line: 34px;--type-display: 36px;--type-display-line: 42px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(10,40,30,.07), 0 1px 3px rgba(10,40,30,.1);--shadow-pop: 0 12px 32px rgba(10,40,30,.18);--motion-fast: .12s;--motion-base: .2s;--ease: cubic-bezier(.2,.8,.2,1);--layout-max: 560px;--header-h: 56px;--tabbar-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--type-base);line-height:var(--type-base-line);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-accent)}h1{font-size:var(--type-xl);line-height:var(--type-xl-line);margin:0 0 var(--space-3)}h2{font-size:var(--type-lg);line-height:var(--type-lg-line);margin:0 0 var(--space-2)}h3{font-size:var(--type-base);margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}.muted{color:var(--color-text-muted)}.small{font-size:var(--type-sm);line-height:var(--type-sm-line)}.ok{color:var(--color-success);font-weight:600}.warn{color:var(--color-warning);font-weight:600}.danger-text{color:var(--color-danger)}.app-shell{max-width:var(--layout-max);margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--tabbar-h) + var(--space-5))}.app-shell.no-tabs{padding-bottom:var(--space-6)}header.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.brand{font-weight:700;font-size:var(--type-lg);color:var(--color-text);text-decoration:none}.brand small{display:block;font-size:var(--type-xs);color:var(--color-accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4);margin-bottom:var(--space-4)}.card-plain{background:var(--color-bg);border:1px solid var(--color-border);box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-size:var(--type-sm);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--motion-fast) var(--ease)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover{background:var(--color-accent-strong)}.btn-secondary{background:var(--color-bg);color:var(--color-accent);border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-accent)}.btn-danger{background:var(--color-danger);color:var(--color-on-accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.field{display:block;margin-bottom:var(--space-4)}.field-label{display:block;font-size:var(--type-sm);font-weight:600;margin-bottom:var(--space-1)}.field-hint{display:block;font-size:var(--type-xs);color:var(--color-text-muted);margin-top:var(--space-1)}input,select,textarea{width:100%;font:inherit;font-size:var(--type-base);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text)}input[type=checkbox],input[type=radio]{width:auto}textarea{min-height:84px}.goalbar{margin-bottom:var(--space-3)}.goalbar-head{display:flex;justify-content:space-between;font-size:var(--type-sm);margin-bottom:var(--space-1)}.goalbar-track{height:10px;border-radius:var(--radius-pill);background:var(--color-surface-strong);overflow:hidden}.goalbar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-pill);transition:width var(--motion-base) var(--ease)}.goalbar-fill.fill-done{background:var(--color-success)}nav.tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--tabbar-h);background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;justify-content:center;z-index:20}nav.tabbar .tabbar-inner{width:100%;max-width:var(--layout-max);display:grid;grid-template-columns:repeat(5,1fr)}nav.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-muted);text-decoration:none;font-size:var(--type-xs);font-weight:500}nav.tabbar a[aria-current=page]{color:var(--color-accent);font-weight:700}nav.tabbar .tab-icon{font-size:20px;line-height:1}.grid2,.grid-menu{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-menu a{display:block;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);text-decoration:none;color:var(--color-text);box-shadow:var(--shadow-card)}.grid-menu .menu-icon{font-size:24px;display:block;margin-bottom:var(--space-2)}.grid-menu .menu-label{font-weight:600;font-size:var(--type-sm)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-input);background:var(--color-bg);cursor:pointer;font:inherit;font-size:var(--type-sm);min-height:40px}.chip[aria-pressed=true],.chip.selected{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.list-row:last-child{border-bottom:none}.row-main{min-width:0}.row-title{font-weight:600;font-size:var(--type-sm)}.row-sub{font-size:var(--type-xs);color:var(--color-text-muted)}.empty{text-align:center;padding:var(--space-5) var(--space-3)}.empty-title{font-weight:700;margin-bottom:var(--space-1)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tabbar-h) + var(--space-3));background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);box-shadow:var(--shadow-pop);z-index:40;font-size:var(--type-sm);max-width:92vw;text-align:center}.progress-top{height:6px;background:var(--color-surface-strong);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-4)}.progress-top>div{height:100%;background:var(--color-accent)}.option{display:block;width:100%;text-align:left;background:var(--color-bg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);font:inherit;cursor:pointer;min-height:48px}.option.selected{border-color:var(--color-accent);background:var(--color-surface);font-weight:600}.badge{display:inline-block;background:var(--color-surface-strong);border-radius:var(--radius-pill);padding:2px var(--space-3);font-size:var(--type-xs);font-weight:600}.badge-accent{background:var(--color-accent);color:var(--color-on-accent)}.sev{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.sev button{min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border-input);background:var(--color-bg);font:inherit;cursor:pointer}.sev button.selected{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);font-weight:700}.chat-msg{max-width:88%;padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-2);font-size:var(--type-sm);line-height:var(--type-sm-line);white-space:pre-wrap}.chat-user{background:var(--color-accent);color:var(--color-on-accent);margin-left:auto}.chat-bot{background:var(--color-surface)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.photo-grid img{width:100%;border-radius:var(--radius-md);display:block}details.data-table summary{cursor:pointer;font-size:var(--type-sm);font-weight:600;margin:var(--space-3) 0}table.mini{width:100%;border-collapse:collapse;font-size:var(--type-sm)}table.mini td,table.mini th{border-bottom:1px solid var(--color-border);padding:var(--space-1) var(--space-2);text-align:left}@media print{nav.tabbar,header.topbar,.no-print{display:none!important}.app-shell{padding:0;max-width:none}.card{box-shadow:none;border:1px solid #999;break-inside:avoid}}@media (min-width: 720px){.app-shell{padding-top:var(--space-5)}}