*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overscroll-behavior-x:none;touch-action:manipulation;overflow-x:hidden}body{margin:0}img{max-width:100%;display:block}:root{--green-900:#16211c;--green-800:#1f2e27;--green-700:#1f6b4a;--green-600:#3d8663;--green-400:#8fc4aa;--green-300:#b7e3a6;--card:#fbfcfa;--ink:#16211c;--ink-faint:#7c8a80;--wash:#6bae77;--on-wash:#fff;--on-wash-soft:#fffffff7;--on-wash-mono:var(--green-300);--on-wash-ghost:#ffffffad;--panel-border:#ffffff52;--hairline:#ffffff38;--data-blue:#0072b2;--data-orange:#e69f00;--data-teal:#009e73;--font-display:"Zen Kaku Gothic New", system-ui, sans-serif;--font-jp:"Noto Sans JP", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace}body{background:var(--wash);color:var(--ink);font-family:var(--font-jp);-webkit-font-smoothing:antialiased;overscroll-behavior-x:none;min-height:100vh;overflow-x:hidden}a{color:var(--on-wash)}a:hover{color:var(--green-300)}.app-field{color:var(--ink-faint);margin-top:14px;font-size:13px;display:block}.app-field span{margin-bottom:6px;display:block}.app-field input,.app-field select{width:100%;font-family:var(--font-jp);color:var(--ink);background:#fff;border:1px solid #16211c29;border-radius:8px;padding:10px 12px;font-size:14px}.app-submit{background:var(--green-700);color:#fff;font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;margin-top:18px;padding:10px 20px;font-size:14px}.app-submit:hover{background:var(--green-800)}.app-form-status{color:var(--green-800);min-height:1.2em;margin-top:10px;font-size:13px}.karami-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;justify-content:center;align-items:center;height:56vh;min-height:320px;margin-top:12px;display:flex;position:relative}.karami-loading{color:var(--on-wash-ghost);font-size:13px}.karami-stage__img[hidden]{display:none}.karami-stage__img{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:220px}.karami-stage__img:active{cursor:grabbing}.karami-stage canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.karami-stage canvas:active{cursor:grabbing}.karami-stage .karami-bubble{z-index:1}.karami-bubble{background:var(--card);color:var(--ink);text-align:center;opacity:0;pointer-events:none;border-radius:14px;max-width:80%;padding:10px 16px;font-size:14px;transition:opacity .25s;position:absolute;top:6%;left:50%;transform:translate(-50%)}.karami-bubble.is-visible{opacity:1}.karami-hint{text-align:center;color:var(--green-800);margin:4px 0 0;font-size:12px}.home{max-width:640px;min-height:100dvh;color:var(--ink);flex-direction:column;margin:0 auto;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-header{justify-content:space-between;align-items:center;padding:20px 16px 10px 20px;display:flex}.home-header__name{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:22px}.home-header__sub{color:var(--green-800);margin:2px 0 0;font-size:12px}.home-site-link{color:var(--green-800);align-items:center;gap:2px;margin:-8px 0 0 -6px;padding:8px 10px 4px 4px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex}.home-site-link:hover{color:var(--ink)}.home-header__menu{gap:8px;display:flex}.home-icon-button{width:44px;height:44px;color:var(--ink);background:#ffffff47;border-radius:999px;justify-content:center;align-items:center;display:flex}.home-icon-button:hover{color:var(--ink);background:#ffffff73}.pot-switcher{gap:8px;padding:0 16px 10px;display:flex;overflow-x:auto}.pot-switcher[hidden]{display:none}.pot-switcher__item{min-height:36px;color:var(--ink);font-family:var(--font-display);background:#ffffff47;border-radius:999px;flex:none;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;display:flex}.pot-switcher__item.is-active{background:var(--card);font-weight:700}.view-toggle{background:#16211c1f;border-radius:999px;align-self:center;margin-bottom:12px;padding:3px;display:flex}.view-toggle__item{width:92px;height:34px;color:var(--ink);font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.view-toggle__item:hover{color:var(--ink)}.view-toggle__item.is-active{background:var(--card);font-weight:700}.home-status{background:var(--card);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 16px;display:grid}.home-status__cell{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.home-status__cell+.home-status__cell{border-left:1px solid #16211c14}.home-status dt{color:#56645a;font-size:11px}.home-status dd{margin:0}.home-status__value{font-size:15px;font-weight:500}.home-status__note{color:#56645a;font-size:11px}.home-stage{flex-direction:column;flex-grow:1;padding-bottom:16px;display:flex;position:relative}.home-stage .karami-stage{flex-grow:1;height:auto;margin-top:0}.bubble-recall{z-index:2;background:var(--card);width:48px;height:48px;color:var(--green-700);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:18%;left:calc(50% + 64px);box-shadow:0 2px 6px #16211c29}.bubble-recall[hidden]{display:none}.home-chat{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--card);border-radius:20px 20px 0 0;align-items:center;gap:8px;display:flex;position:sticky;bottom:0}.home-chat[hidden]{display:none}.home-chat input{box-sizing:border-box;min-width:0;height:44px;font-family:var(--font-jp);color:var(--ink);background:#fff;border:1px solid #16211c29;border-radius:999px;flex-grow:1;padding:0 16px;font-size:16px}.home-chat button{background:var(--green-700);color:#fff;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.numbers{flex-direction:column;gap:12px;padding:0 16px 28px;display:flex}.numbers-card{background:var(--card);border-radius:16px;padding:14px 16px}.numbers-card__title{font-family:var(--font-display);color:var(--green-800);margin:0 0 6px;font-size:15px}.numbers-card__note{margin:4px 0 0;font-size:13px;line-height:1.7}.numbers-card__note strong{color:#9a4e24}.numbers-chart svg{touch-action:pan-y;width:100%;height:auto;display:block}.numbers-values{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 16px;display:grid}.numbers-value{border-bottom:1px solid #16211c14;flex-direction:column;gap:2px;padding:10px 0;display:flex}.numbers-value:nth-child(2n){border-left:1px solid #16211c14;padding-left:16px}.numbers-value:nth-last-child(-n+2){border-bottom:none}.numbers-value__label{color:#56645a;font-size:11px}.numbers-value__label-unit{white-space:nowrap}.numbers-value__num{font-family:var(--font-mono);font-size:22px;font-weight:500}.numbers-value__num small{font-size:13px}.numbers-value__status{font-family:var(--font-jp);margin-left:6px;font-size:12px}.numbers-value__bar{background:#16211c14;border-radius:3px;height:6px;margin-top:4px;display:block;overflow:hidden}.numbers-value__bar>span{background:#1f6b4a;border-radius:3px;width:0;height:100%;display:block}.numbers-value__note{font-family:var(--font-mono);color:#56645a;font-size:11px}.numbers-footer{color:var(--green-800);margin:4px 4px 0;font-size:12px}
