:root{--bg: #f5f6f7;--card: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--accent: #22c55e;--accent-ink: #065f46;--radius-xl: 20px;--radius-lg: 14px;--radius-md: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 6px 20px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg)}.app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.appbar{position:sticky;top:0;z-index:10;background:var(--bg);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}.appbar__inner{max-width:420px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:10px}.appbar__title{font-size:1.25rem;font-weight:700;letter-spacing:.2px}.container{width:100%;max-width:100%;margin:0 auto;padding:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.bar-container{height:220px}.input,.btn{height:48px}.section-label{font-size:.9rem;color:var(--muted);margin:14px 2px 10px;font-weight:600;letter-spacing:.2px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:16px}.card+.card{margin-top:14px}.card__headline{display:flex;align-items:baseline;justify-content:space-between;font-weight:700;font-size:1.05rem;margin-bottom:8px}.card__sub{color:var(--muted);font-size:.9rem}.form{display:grid;gap:12px}.control{display:grid;gap:6px}.label{font-size:.9rem;color:var(--muted)}.input{height:46px;padding:0 14px;font-size:1rem;background:#f9fafb;border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow .15s ease,border-color .15s ease,background .15s}.input:focus{outline:none;background:#fff;border-color:#c7d2fe;box-shadow:0 0 0 4px #22c55e26}.btn{height:48px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:.2px;cursor:pointer;transition:transform .04s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--shadow-md)}.btn:active{transform:translateY(1px)}.btn:hover{filter:saturate(1.05) brightness(1.02)}.feedback{margin-top:10px;font-weight:600}.chart-card{padding:16px 12px 8px}.list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.listitem{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px}.listitem__left{min-width:0}.listitem__title{font-weight:700;font-size:1.05rem}.listitem__meta{color:var(--muted);font-size:.9rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.listitem__action{display:grid;gap:6px;justify-items:end}.badge{background:#ecfdf5;color:var(--accent-ink);border:1px solid #bbf7d0;font-weight:700;border-radius:999px;padding:4px 10px;font-size:.85rem}.iconbtn{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;height:34px;padding:0 12px;border-radius:999px;font-weight:700;cursor:pointer}html{-webkit-text-size-adjust:100%}@media (max-width: 430px){html{font-size:18px}.container{max-width:100%;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.appbar__title{font-size:1.35rem}.card{padding:18px;border-radius:22px}.input{height:54px;font-size:1.05rem;border-radius:16px}.btn{height:54px;font-size:1.05rem;border-radius:999px}.section-label{font-size:1rem}.card__headline{font-size:1.15rem}.bar-container{height:260px}.badge{font-size:.95rem;padding:6px 12px}.iconbtn{height:38px;font-size:.95rem;padding:0 14px}}:root{--title-size: clamp(1.1rem, 2.8vw, 1.35rem)}.appbar__title{font-size:var(--title-size)}@media (min-width: 640px){.container{max-width:560px}.card,.listitem{border-radius:22px}.bar-container{height:260px}}@media (min-width: 768px){.container{max-width:680px}.appbar__title{font-size:1.3rem}}@media (min-width: 1024px){.container{max-width:820px}.bar-container{height:300px}}.chart-card canvas{width:100%!important;height:100%!important}@media (min-width: 640px){.container{padding:24px}.card,.listitem{border-radius:24px}.bar-container{height:260px}}@media (prefers-color-scheme: dark){:root{--bg:#0b0c0e;--card:#111315;--text:#eef2f6;--muted:#9aa3af;--border:#1f2428;--shadow-sm:none;--shadow-md:none;--accent:#22c55e;--accent-ink:#a7f3d0}.appbar{border-bottom-color:var(--border)}.input{background:#0f1113;border-color:#1f2428;color:var(--text)}.input:focus{border-color:#14532d;box-shadow:0 0 0 4px #22c55e2e}.iconbtn{background:#3f1d1d;border-color:#571b1b;color:#fecaca}.badge{background:#0f1a14;border-color:#0f3c25;color:#a7f3d0}}