:root{--ink: #1e1e1e;--sub: #5a5c60;--mute: #8a8c90;--faint: #c0c2c6;--line: #e0e2e6;--line-soft: #f2f3f5;--bg-soft: #f7f8f9;--green-bg: #eef5ef;--green-line: #cfe3d4;--green: #2f7a4d;--amber-bg: #fbf5e4;--amber-line: #ede0bc;--amber: #7a5c15;--red-bg: #faf0ee;--red-line: #ead2cc;--red: #b23b2e;--gold: #b58a2a;--font-latin: "Overpass", sans-serif}body{margin:0;background:#fff;color:var(--ink);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--ink)}a:hover{opacity:.82}input,select,textarea,button{font-family:Noto Sans JP,sans-serif}@keyframes tgspin{to{transform:rotate(360deg)}}@keyframes tgstripe{to{background-position:40px 0}}@property --tgang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes tgrainbow{to{--tgang: 360deg}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;font-weight:500;cursor:pointer;transition:background .18s,color .18s,opacity .18s;box-sizing:border-box}.btn:disabled{cursor:default}.btn-primary{padding:14px 48px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:17px}.btn-primary:hover{opacity:.82}.btn-primary:disabled{background:var(--line-soft);color:var(--faint);border-color:var(--line-soft);opacity:1}.btn-outline{padding:13px 40px;background:transparent;color:var(--ink);border:1px solid var(--ink);font-size:16px}.btn-outline:hover{background:var(--ink);color:#fff}.btn-ghost{padding:14px 36px;background:transparent;color:var(--sub);border:1px solid var(--line);font-size:16px}.btn-ghost:hover{background:var(--bg-soft)}.btn-sm{padding:9px 24px;font-size:14px}.btn-link{background:none;border:none;font-size:14px;color:var(--sub);text-decoration:underline;cursor:pointer;padding:0}.rainbow-ring{display:inline-block;padding:3px;border-radius:100px;background:conic-gradient(from var(--tgang),#ff5f6d,#ffc371,#7fd67c,#5ec9f5,#a78bfa,#ff5f6d);animation:tgrainbow 3s linear infinite}.rainbow-ring>.btn{background:#fff;color:var(--ink);border:none}.rainbow-ring>.btn:hover{opacity:.82}.card{border:1px solid var(--line);border-radius:4px}.card-click{cursor:pointer;transition:background .18s}.card-click:hover{background:var(--bg-soft)}.panel-green{background:var(--green-bg);border:1px solid var(--green-line);border-radius:4px}.panel-amber{background:var(--amber-bg);border:1px solid var(--amber-line);border-radius:4px}.panel-red{background:var(--red-bg);border:1px solid var(--red-line);border-radius:4px}.eyebrow{font-family:var(--font-latin);font-weight:900;font-size:13px;letter-spacing:.12em;color:var(--faint)}.num{font-family:var(--font-latin)}.mono{font-family:ui-monospace,Menlo,monospace}.field-label{display:block;font-size:15px;font-weight:700}.input,.select{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid var(--line);border-radius:4px;font-size:16px;background:#fff;color:var(--ink)}.dropzone{border:2px dashed var(--faint);border-radius:4px;padding:72px 40px;text-align:center;cursor:pointer;transition:background .18s}.dropzone:hover,.dropzone.drag-over{background:var(--bg-soft)}.spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;margin:0 auto;animation:tgspin .8s linear infinite}.progress-track{height:22px;background:var(--line-soft);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--ink);border-radius:100px;transition:width .56s cubic-bezier(.2,0,.2,1);background-image:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%);background-size:40px 40px}.progress-fill.running{animation:tgstripe .9s linear infinite}.switch{flex:none;width:58px;height:32px;border-radius:100px;border:none;cursor:pointer;position:relative;transition:background .18s;padding:0}.switch .knob{position:absolute;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .18s}.switch.on{background:var(--ink)}.switch.on .knob{left:30px}.switch.off{background:var(--line)}.switch.off .knob{left:4px}.nav-tab{padding:14px 2px;background:none;border:none;border-bottom:2px solid transparent;font-size:15px;font-weight:400;color:var(--ink);cursor:pointer;text-decoration:none;display:inline-block}.nav-tab:hover{opacity:1}.nav-tab.active{border-bottom-color:var(--ink);font-weight:700}.table-head{padding:12px 20px;background:var(--bg-soft);border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:var(--sub)}.table-row{border-bottom:1px solid var(--line-soft);font-size:15px}.chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-size:12px;line-height:1.6;background:var(--bg-soft);border:1px solid var(--line);color:var(--sub);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.chip-green{background:var(--green-bg);border-color:var(--green-line);color:var(--green)}.thumb{width:48px;height:48px;border-radius:4px;object-fit:cover;background:var(--line-soft);display:block;flex:none}