@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;700;900&family=JetBrains+Mono:wght@700&display=swap";:root{--bg: #0b0b0b;--fg: #fafafa;--muted: #b8b8b8;--accent: #3dd2ff;--chip: #1c1c1c;--danger: #ff5d5d;--ok: #5dff86;--border: #2a2a2a;--header-h: 56px}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;width:100vw;height:100%;background:var(--bg);color:var(--fg);font-family:IBM Plex Sans JP,system-ui,sans-serif;overflow:hidden}#root{width:100%;height:100dvh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}.page{display:flex;flex-direction:column;width:100%;height:100dvh}.header{position:relative;flex:0 0 var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);background:#0e0e0e;z-index:5}.header-left{display:flex;align-items:center;gap:8px;min-width:0}.header-title{position:absolute;left:50%;transform:translate(-50%);text-align:center;font-size:clamp(17px,4.5vw,26px);font-weight:900;pointer-events:none;white-space:nowrap;letter-spacing:.02em}.header-right{justify-self:end;display:flex;gap:8px}.backbtn{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:12px;border:2px solid var(--border);background:#151515;font-weight:800;white-space:nowrap;color:var(--fg);font-size:14px;cursor:pointer}.backbtn:active{opacity:.7}.hselect{height:38px;background:#0c0c0c;color:var(--fg);border:2px solid var(--border);border-radius:999px;padding:0 12px;font-weight:800;font-family:inherit;font-size:13px}.notifbtn{position:relative;width:38px;height:38px;border-radius:50%;border:2px solid var(--border);background:#1b1b1b;color:#fff;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.notifbtn:active{transform:scale(.97)}.notif-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#ff4040;border:2px solid #0e0e0e}.notifpanel{position:fixed;top:var(--header-h);left:50%;transform:translate(-50%);width:min(720px,92vw);max-height:min(60vh,520px);overflow-y:auto;background:#131313;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #00000073;padding:8px;z-index:10}.notif-title{font-weight:900;padding:8px 10px;border-bottom:1px solid #222}.notif-empty{color:#bbb;padding:14px 10px}.notif-row{display:flex;gap:10px;padding:10px;border-bottom:1px solid #1f1f1f;cursor:pointer;align-items:baseline}.notif-row:last-child{border-bottom:none}.notif-row .num{width:64px;flex:0 0 64px;color:#aaa;font-family:JetBrains Mono,monospace}.notif-row .txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-row .tag{font-weight:900;margin-right:6px}.st-unanswered{color:#c6c6c6}.st-new{color:#fff}.st-new .tag{color:var(--danger)}.st-seen{color:#444}.content{flex:1 1 auto;display:flex;flex-direction:column;padding:8px 12px;gap:12px;min-height:0;overflow:hidden}.title{text-align:center;font-size:clamp(20px,5vw,38px);font-weight:900;letter-spacing:.02em}.chips{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1;min-height:0}.chip{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1c1c1c;border:2px solid var(--border);border-radius:18px;font-size:clamp(15px,3.8vw,26px);font-weight:900;transition:.1s transform,.1s background;padding:16px;text-align:center;cursor:pointer;color:var(--fg)}.chip:active{transform:scale(.98);background:#222}.subtxt{margin-top:6px;color:#b8b8b8;font-weight:600;font-size:.8em}.row{display:flex;gap:12px;flex:1;min-height:0}.pane{background:#101010;border:2px solid var(--border);border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0}.pane.left,.pane.right{flex:1;min-width:0}.pane.equal{flex:1}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:14px;background:#1f1f1f;color:#fff;padding:12px 16px;font-size:clamp(13px,3vw,18px);font-weight:700;border:2px solid var(--border);white-space:nowrap;cursor:pointer;font-family:inherit}.btn:active{opacity:.8}.btn.ok{background:#0f2;color:#000;border-color:#0f2}.btn.accent{background:#0af;color:#000;border-color:#0af}.btn.danger{background:#ff4040;color:#fff;border-color:#ff4040}.btn.bigbtn{width:100%;height:64px;font-size:clamp(15px,3.8vw,22px)}.fields{display:flex;gap:10px}.select,.input,.textarea,.file{width:100%;font-size:clamp(13px,2.8vw,17px);padding:12px;background:#0c0c0c;color:var(--fg);border:2px solid var(--border);border-radius:12px;font-family:inherit}.select,.file{height:54px}.textarea{flex:1;resize:none;min-height:120px}.imgwin{position:relative;flex:1;min-height:200px;background:#000;border:1px solid #333;border-radius:14px;overflow:hidden;touch-action:none}.stage{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;transform:scale(1) translate(0)}.imgctr{position:absolute;left:10px;bottom:10px;display:flex;gap:8px;z-index:1}.imgctr .btn{padding:8px 12px;font-size:15px;border-radius:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:8px 12px;border-radius:999px;border:2px solid var(--border);background:#151515;font-weight:800;cursor:pointer;font-size:13px;color:var(--fg)}.tab.sel{background:#0af;color:#000;border-color:#0af}.hscroll{overflow-y:auto;border-radius:12px;border:1px solid var(--border);background:#0d0d0d;padding:8px;min-height:0}.listrow{display:grid;grid-template-columns:72px 120px 130px 1fr;gap:8px;padding:10px;border-bottom:1px solid #222;color:var(--fg);cursor:pointer}.listrow:hover{background:#161616}.listrow:last-child{border-bottom:none}.listrow.answered{color:#ffeb3b}.checklistrow{display:grid;grid-template-columns:36px 72px 120px 140px 1fr;gap:8px;padding:10px;border-bottom:1px solid #222;align-items:center}.checklisthead{display:grid;grid-template-columns:36px 72px 120px 140px 1fr;gap:8px;padding:8px 10px;border-bottom:1px solid #222;color:#bbb;font-weight:900}.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#141414;font-size:12px;color:#aaa}.badge.lg{font-size:17px;font-weight:900}.note{color:#bbb;font-size:13px}.msg{text-align:center;color:#ffb;font-size:14px}.bottom-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sending-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999}.sending-box{background:#111;border:1px solid var(--border);border-radius:16px;padding:24px 28px;width:min(360px,90vw);text-align:center}.sending-title{font-weight:900;margin-bottom:12px;font-size:18px}.bar{height:10px;background:#222;border-radius:999px;overflow:hidden;border:1px solid #333}.bar-fill{height:100%;background:var(--accent);border-radius:999px;animation:barLoop 1.6s ease-in-out infinite}@keyframes barLoop{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.hl{outline:2px solid var(--accent)!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:999px}