*{box-sizing:border-box}body{margin:0;overscroll-behavior-y:none}#ptr-indicator{position:fixed;top:calc(-64px - env(safe-area-inset-top));left:0;right:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;gap:8px;height:calc(64px + env(safe-area-inset-top));padding-bottom:16px;background:#0d0d1a;color:#7ec8e3;font-family:DotGothic16,monospace;font-size:12px;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;-webkit-user-select:none;user-select:none}#ptr-indicator.ptr-ready{color:#7fff7f}#ptr-icon{display:block;flex-shrink:0;width:24px;height:24px;transition:transform .2s;transform-origin:center center;transform-box:fill-box}@keyframes ptr-spin{to{transform:rotate(360deg)}}.app-wrap{min-height:100vh;background:#1a1a2e;font-family:DotGothic16,Courier New,monospace;color:#e8e8e8;padding:16px;padding-top:calc(env(safe-area-inset-top) + 16px);padding-bottom:72px}.col-hidden{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0d0d1a;border-top:1px solid #2a2a4a;z-index:100;padding-bottom:max(env(safe-area-inset-bottom),8px)}.bottom-nav button{flex:1;padding:16px 8px;background:transparent;border:none;border-top:2px solid transparent;color:#555;font-size:12px;cursor:pointer;font-family:inherit;letter-spacing:1px;transition:color .15s}.mon-btn{transition:all .15s}.mon-btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.mon-btn.active{box-shadow:0 0 12px #ffffff4d}.step-btn{border-radius:8px;font-size:12px;padding:8px;cursor:pointer;min-width:40px;font-family:inherit;transition:all .1s}.step-btn:hover{filter:brightness(1.3);transform:scale(1.08)}.step-btn:active{transform:scale(.95)}.bar-bg{background:#0d0d1a;border-radius:4px;overflow:hidden}.bar-fill{transition:width .3s cubic-bezier(.4,0,.2,1)}.card{background:#16213e;border:1px solid #2a2a4a;border-radius:8px}.badge-max{font-size:8px;background:#7fff7f22;color:#7fff7f;border:1px solid #7fff7f44;border-radius:4px;padding:1px 4px}.panel-toggle{width:100%;background:#16213e;border:1px solid #2a2a4a;border-radius:8px;color:#555;font-size:12px;padding:8px;cursor:pointer;font-family:inherit;letter-spacing:1px;text-align:center}.panel-body{background:#0d1a2e;border:1px solid;border-top:none;border-radius:0 0 8px 8px;padding:12px}input,textarea,select{outline:none;font-family:inherit}.input-dark{background:#16213e;border:1px solid #3a3a5a;border-radius:8px;color:#e8e8e8;font-size:12px;padding:8px}textarea.input-dark{resize:none;overflow:hidden}.search-item:hover{background:#2a2a4a!important;color:#e8e8e8!important}@media(min-width:768px){.app-wrap{padding-bottom:24px}.app-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:0 auto;align-items:start}.col-hidden{display:block!important}.bottom-nav{display:none!important}}.toggle-row{display:flex;flex-direction:column;gap:8px}#sw-update-banner{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 80px);transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;background:#16213e;border:1px solid #3a3a5a;border-radius:999px;box-shadow:0 4px 16px #0006;color:#e8e8e8;font-family:DotGothic16,Courier New,monospace;font-size:12px;letter-spacing:1px;max-width:calc(100vw - 32px)}#sw-update-banner button{background:#2a2a4a;border:1px solid #3a3a5a;border-radius:999px;color:#7ec8e3;font-family:inherit;font-size:12px;letter-spacing:1px;padding:6px 12px;cursor:pointer}#sw-update-banner button:active{background:#3a3a5a}#sw-update-banner button[data-action=dismiss]{padding:4px 10px;color:#888}@media(min-width:768px){#sw-update-banner{bottom:24px}}@media(min-width:1024px){.app-layout{grid-template-columns:300px 1fr 320px;max-width:1400px}.col-boken{order:1}.col-ikusei{order:2}.col-chosa{order:3}.mon-grid{grid-template-columns:repeat(4,1fr)!important}.toggle-row{flex-direction:row}.toggle-btn{flex:1;width:auto!important}}