:root{--ink: #14231c;--muted: #4d6358;--paper: #f3f6f4;--panel: #ffffff;--brand: #0f3d2e;--brand-soft: #1a5c45;--accent: #c4a35a;--danger: #9b2c2c;--ok: #1f7a4d;--line: #d5e0da;--shadow: 0 10px 28px rgba(15, 61, 46, .1);--nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Segoe UI,IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.45;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100dvh;background:radial-gradient(circle at top left,#e7f1ec 0%,transparent 42%),var(--paper)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:min(720px,100%);margin:0 auto;padding:1rem 1rem calc(var(--nav-h) + var(--safe-bottom) + 1rem)}.page-title{margin:0;font-size:clamp(1.35rem,5vw,1.75rem);color:var(--brand)}.page-sub{margin:.25rem 0 0;color:var(--muted);font-size:.92rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem 1.05rem;box-shadow:var(--shadow);margin-bottom:.85rem}.panel h2{margin:0 0 .65rem;font-size:1rem}.btn-row{display:flex;flex-wrap:wrap;gap:.55rem}.btn{border:0;border-radius:999px;min-height:44px;padding:.7rem 1.05rem;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-soft));color:#fff}.btn-secondary{background:#e7f0eb;color:var(--brand)}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--brand)}.btn-danger{background:#f8e8e8;color:var(--danger)}.banner{border-radius:12px;padding:.75rem 1rem;margin:0 0 .85rem;font-size:.92rem}.banner-error{background:#fdecec;color:var(--danger)}.banner-ok{background:#e7f5ec;color:var(--ok)}.field{display:grid;gap:.3rem;margin-bottom:.75rem;font-size:.9rem;color:var(--muted)}.field input,.field select{border:1px solid var(--line);border-radius:12px;min-height:44px;padding:.65rem .8rem;background:#fbfcfb;color:var(--ink);width:100%}.list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.list-item{border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;background:#fbfcfb}.list-item strong{display:block;color:var(--brand)}.list-item span{color:var(--muted);font-size:.88rem}.muted{color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);gap:.15rem;min-height:var(--nav-h);padding:.35rem .4rem calc(.35rem + var(--safe-bottom));background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav a{text-decoration:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border-radius:12px;font-size:.72rem;font-weight:600;letter-spacing:.02em;min-height:48px}.bottom-nav a.active{color:var(--brand);background:#e7f0eb}.bottom-nav .nav-ico{font-size:1.05rem;line-height:1}@media(min-width:720px){.app-main{padding-top:1.5rem}}