:root{color:#183e3e;background:#4bc6c3;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100svh;margin:0;overflow:hidden}#app{touch-action:none;position:relative}#sea{width:100%;height:100%;display:block}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #174c4b}#topbar{top:env(safe-area-inset-top,0px);pointer-events:none;align-items:center;gap:12px;padding:13px 16px;display:flex;position:absolute;left:0;right:0}.brand{letter-spacing:.025em;color:#f9f0d9;text-shadow:0 2px 8px #12686588;white-space:nowrap;font:800 17px ui-rounded,system-ui,sans-serif}.brand span{color:#f4cf84}#count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#fff8;border-radius:30px;margin-left:auto;padding:8px 12px;font-weight:700;box-shadow:0 3px 12px #145f5c22}.round{color:#205451;pointer-events:auto;background:#fff9;border-radius:50%;width:48px;height:48px;font-size:23px;box-shadow:0 3px 12px #145f5c22}#situation{top:calc(env(safe-area-inset-top,0px) + 65px);text-align:center;color:#205451;pointer-events:none;background:#fffa;border-radius:30px;width:max-content;max-width:calc(100% - 32px);padding:9px 15px;font-size:14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #146c6626}#bottom-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 23px);text-align:center;color:#e9fffa;text-shadow:0 2px 8px #126865;pointer-events:none;width:100%;font-size:14px;font-weight:700;position:absolute}#bottom-hint button{pointer-events:auto;color:#e9fffa;text-shadow:0 2px 8px #126865}.latest{bottom:calc(env(safe-area-inset-bottom,0px) + 80px);color:#285b55;text-align:center;background:#fff9e8e8;border-radius:18px;width:min(310px,100% - 28px);padding:12px 16px;font-size:13px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #125c5c33}.latest strong{font-family:ui-rounded,system-ui;font-size:17px;display:block}.panel{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);touch-action:pan-y;background:#fff9e8;border-radius:28px;width:min(440px,100% - 28px);max-height:calc(100svh - 90px);padding:22px;position:absolute;overflow:auto;transform:translate(-50%);box-shadow:0 20px 60px #0a53566c}.panel h1,.panel h2,.panel h3{color:#214e4b;margin:0 0 8px;font-family:ui-rounded,system-ui,sans-serif;line-height:1.05}.panel h1{font-size:36px}.panel h2{font-size:28px}.panel h3{font-size:19px}.panel p{margin:7px 0 14px;line-height:1.4}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#5d8e83;margin-bottom:7px;font-size:11px;font-weight:700}.choice{background:#eaf6ec;border:2px solid #d3e8d9;border-radius:20px;margin:12px 0;padding:14px}.choice.risk{background:#e7f4f7;border-color:#cbe5e9}.choice p{margin:6px 0 12px;font-size:13px}.choice-illustration{letter-spacing:.1em;font-size:24px}.actions{flex-wrap:wrap;gap:9px;display:flex}.button{color:#fff;background:#2f7770;border-radius:14px;flex:1;min-height:48px;padding:12px 18px;font-weight:700}.button.secondary{color:#245851;background:#d9e9e1}.button:disabled{opacity:.55;cursor:default}.text-link{color:#235c57;background:0 0;min-height:48px;padding:11px 4px;font-weight:700;text-decoration:underline;display:inline-block}.share-row{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.share-row .button{padding:10px 8px;font-size:13px}.small{color:#55746c;font-size:12px}.mark{background:#e2edce;border-radius:50px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.hidden{display:none!important}#rotate{color:#fff9e8;text-align:center;z-index:20;background:#59c9c4;place-items:center;font:600 30px ui-rounded,system-ui,sans-serif;display:grid;position:absolute;inset:0}#rotate small{font:600 16px system-ui,sans-serif}@media (orientation:landscape) and (height<=500px){#rotate{display:grid!important}}