:root{--color-primary: #1a5f2a;--color-primary-dark: #134420;--color-accent: #2e7d32;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-muted: #666666;--header-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}button,input{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;height:calc(var(--header-height) + var(--safe-top));padding:var(--safe-top) 16px 0;background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #00000026}.menu-button{border:none;background:transparent;color:#fff;font-size:1.5rem;line-height:1;padding:8px;cursor:pointer;border-radius:8px}.menu-button:active{background:#ffffff26}.app-brand{font-size:1.25rem;font-weight:600}.app-main{flex:1;padding:16px 16px calc(16px + var(--safe-bottom));touch-action:pan-y}.page{display:flex;flex-direction:column;gap:20px;max-width:640px}.page-title{margin:0;font-size:1.5rem;font-weight:600}.page-datum{margin:0;font-size:1.25rem}.form-row{display:flex;align-items:center;gap:12px}.form-row label{min-width:100px;font-size:1.25rem}.quantity-input{width:100px;font-size:1.25rem;padding:8px 12px;border:1px solid #ccc;border-radius:8px;background:var(--color-surface)}.section-label{margin:0;font-size:1rem;color:var(--color-muted)}.calc-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.calc-label,.calc-value{font-size:1rem}.calc-value.accent{color:var(--color-accent);font-weight:600}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0006;display:flex}.menu-drawer{width:min(320px,85vw);height:100%;background:var(--color-surface);padding:calc(20px + var(--safe-top)) 20px 20px;box-shadow:4px 0 24px #0003;display:flex;flex-direction:column}.menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.menu-header h2{margin:0;font-size:1.25rem}.menu-close{border:none;background:transparent;font-size:1.25rem;padding:8px;cursor:pointer;border-radius:8px}.menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.menu-link{display:block;width:100%;padding:14px 16px;border:none;border-radius:10px;background:var(--color-bg);color:var(--color-text);text-align:left;text-decoration:none;font-size:1rem;cursor:pointer}.menu-link.active,.menu-link:hover{background:var(--color-primary);color:#fff}@media(min-width:768px){.app-main{padding:24px 32px}.menu-overlay{justify-content:flex-start}}