*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#8b6914;--primary-light:#f5e6c8;--primary-container:#eed9a4;--bg:#fff8f0;--surface:#fff;--surface-alt:#f5ede3;--text:#1a1a1a;--text-secondary:#595959;--error:#d32f2f;--radius:12px;--shadow:0 2px 8px #00000014}html{font-size:16px}body{background:var(--bg);color:var(--text);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{background:var(--surface);border-bottom:1px solid var(--primary-light);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.header h1{color:var(--text);font-size:1.25rem;font-weight:700}.header-right{align-items:center;gap:10px;display:flex}.share-btn{border:1.5px solid var(--primary-light);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.share-btn:hover{background:var(--primary-light);color:var(--primary)}.share-btn:active{background:var(--primary);color:#fff}.lang-bar{flex-wrap:wrap;gap:6px;display:flex}.lang-chip{border:1.5px solid var(--primary-light);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:16px;padding:4px 10px;font-size:.8rem;font-weight:500;transition:all .15s}.lang-chip:hover{background:var(--primary-light);color:var(--primary)}.lang-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.container{max-width:420px;margin:0 auto;padding:24px 16px}.notification-hint{color:#5c4400;background:var(--primary-light);border-radius:var(--radius);margin-bottom:12px;padding:10px 14px;font-size:.85rem;line-height:1.5}.feature-intro{color:var(--text-secondary);margin-bottom:16px;padding:0 2px;font-size:.82rem;line-height:1.6}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}.form-group select,.form-group input{border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);border:1.5px solid #ccc;outline:none;padding:14px 16px;font-size:1rem;transition:border-color .2s}.form-group select:focus,.form-group input:focus{border-color:var(--primary)}.threshold-row{align-items:center;gap:8px;margin-bottom:24px;display:flex}.threshold-row label,.threshold-row span{white-space:nowrap;font-size:.9rem}.threshold-row input[type=range]{accent-color:var(--primary);flex:1}.threshold-val{text-align:right;min-width:50px;font-weight:600}.btn-primary{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1.1rem;font-weight:600;transition:filter .2s;display:flex}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{filter:brightness(.9)}.btn-outline{border:1.5px solid var(--primary);border-radius:var(--radius);width:100%;color:var(--primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.btn-outline:hover{background:var(--primary-light)}.stay-hint{color:#5c4400;background:var(--primary-light);border-radius:var(--radius);text-align:center;margin-bottom:14px;padding:10px 14px;font-size:.82rem;line-height:1.5}.monitor-header{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:1.1rem}.status-card{background:var(--surface-alt);text-align:center;border-radius:16px;padding:28px 24px;transition:background .5s}.status-card.alert{background:#ffcdd2}.status-card .label{color:var(--text-secondary);margin-bottom:2px;font-size:.85rem}.status-card .current-num{margin-bottom:12px;font-size:3.5rem;font-weight:800;line-height:1.1}.status-card .current-num.alert-text{color:var(--error)}.status-card .user-num{margin-bottom:12px;font-size:2rem;font-weight:700}.status-card .diff{margin-bottom:8px;font-size:1.3rem;font-weight:700}.status-card .wait{color:var(--text-secondary);font-size:.95rem}.error-msg{color:var(--error);text-align:center;margin:12px 0;font-size:.9rem}.loading{text-align:center;margin:20px 0}.spinner{border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{background:var(--primary-light);border-radius:2px;height:3px;margin-top:16px;overflow:hidden}.progress-bar .fill{background:var(--primary);height:100%;animation:10s linear infinite progress}@keyframes progress{0%{width:0}to{width:100%}}.flash-bg{transition:background .3s}.flash-bg.flashing{animation:.5s ease-in-out infinite alternate flash}@keyframes flash{0%{background:var(--bg)}to{background:#ef9a9a}}.snackbar{color:#fff;z-index:100;opacity:0;pointer-events:none;background:#333;border-radius:8px;padding:12px 24px;font-size:.9rem;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.snackbar.show{opacity:1}.ad-footer{contain:layout style;max-width:420px;min-height:100px;margin:24px auto 0;padding:0 16px}.site-footer{text-align:center;max-width:420px;color:var(--text-secondary);border-top:1px solid var(--primary-light);margin:32px auto 24px;padding:16px 16px 0;font-size:.8rem}.site-footer a{color:var(--primary);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer p{margin:4px 0}@media (width<=480px){.header h1{font-size:1.1rem}.container{padding:16px 12px}.status-card .current-num{font-size:2.8rem}}