@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spa-assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spa-assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spa-assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spa-assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spa-assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spa-assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/spa-assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root{--font-sans: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--bg: light-dark(#f5f5f8, #0d0d11);--surface: light-dark(#ffffff, #16161c);--surface-2: light-dark(#f0f0f4, #1e1e26);--surface-hover: light-dark(#f7f7fa, #1b1b22);--border: light-dark(#e3e3ea, #2a2a34);--border-strong: light-dark(#cfcfd9, #3a3a47);--text: light-dark(#17171c, #ececf1);--text-muted: light-dark(#686874, #a0a0ad);--text-subtle: light-dark(#8c8c98, #7a7a87);--accent: light-dark(#a12a5e, #f0719f);--accent-hover: light-dark(#8a224f, #f58db3);--accent-fg: light-dark(#ffffff, #1c0a12);--accent-soft: light-dark(rgba(161, 42, 94, .09), rgba(240, 113, 159, .13));--accent-ring: light-dark(rgba(161, 42, 94, .35), rgba(240, 113, 159, .4));--danger: light-dark(#c4314b, #ff6b81);--danger-soft: light-dark(rgba(196, 49, 75, .09), rgba(255, 107, 129, .12));--success: light-dark(#1f8a4c, #4fd08a);--success-soft: light-dark(rgba(31, 138, 76, .1), rgba(79, 208, 138, .12));--warning: light-dark(#a86a00, #f2b84b);--warning-soft: light-dark(rgba(214, 145, 0, .12), rgba(242, 184, 75, .13));--info: light-dark(#3461c9, #7ea2ff);--info-soft: light-dark(rgba(52, 97, 201, .09), rgba(126, 162, 255, .13));--header-bg: light-dark(rgba(255, 255, 255, .82), rgba(18, 18, 24, .8));--scrim: light-dark(rgba(20, 20, 28, .4), rgba(0, 0, 0, .55));--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-sm: 0 1px 2px light-dark(rgba(20, 20, 40, .05), rgba(0, 0, 0, .3));--shadow: 0 1px 2px light-dark(rgba(20, 20, 40, .04), rgba(0, 0, 0, .3)), 0 4px 16px light-dark(rgba(20, 20, 40, .06), rgba(0, 0, 0, .25));--shadow-lg: 0 12px 40px light-dark(rgba(20, 20, 40, .16), rgba(0, 0, 0, .5));--control-height: 38px;--header-height: 60px;--content-top: var(--header-height);--sidebar-width: 248px;--gutter: 24px}@media(max-width:699px){:root{--control-height: 44px;--gutter: 16px;--header-height: 56px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.nav-open{overflow:hidden}a{color:var(--accent);text-decoration:none;text-underline-offset:2px}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4,h5{margin:0 0 12px;padding:0;line-height:1.25;letter-spacing:-.01em;font-weight:650}h2{font-size:22px}h3{font-size:17px}p{margin:0 0 12px}pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:13px}hr{border:0;border-top:1px solid var(--border);margin:16px 0}.topbar{position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;gap:16px;max-width:1200px;height:var(--header-height);margin:0 auto;padding:0 var(--gutter)}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text);font-weight:700;font-size:16px;letter-spacing:-.01em;white-space:nowrap}.brand:hover{text-decoration:none}svg.logo{flex:none;color:var(--accent)}svg.logo path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}svg.logo path.logo-bell{fill:var(--accent-soft)}svg.logo path.logo-shine{stroke-width:1.3;opacity:.55}.brand-name{overflow:hidden;text-overflow:ellipsis}.menu-toggle{display:none}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--text-muted);box-shadow:none;cursor:pointer}.theme-toggle:hover{background:var(--surface-2);color:var(--text)}.theme-toggle svg{width:19px;height:19px}div.auth>.theme-toggle{position:fixed;top:12px;right:12px}nav.navigation{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;min-width:0}ul.nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-row{display:flex;align-items:center}.nav-link{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:14px;font-weight:550;white-space:nowrap;cursor:pointer;min-height:0;box-shadow:none;justify-content:flex-start}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.current,.nav-item.current>.nav-row>.nav-link{color:var(--text)}.nav-link.current{box-shadow:inset 0 -2px 0 var(--accent);border-bottom-left-radius:0;border-bottom-right-radius:0}.chevron{width:14px;height:14px;transition:transform .15s ease}.nav-item.expanded>.nav-row .chevron{transform:rotate(180deg)}ul.navigation_sub{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:200px;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}ul.navigation_sub:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}ul.navigation_sub a{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);font-size:14px;white-space:nowrap}ul.navigation_sub a:hover{background:var(--surface-2);text-decoration:none}ul.navigation_sub a.current{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.expanded>ul.navigation_sub{display:block}.nav-scrim{display:none}@media(max-width:899px){.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.topbar-inner{justify-content:space-between;gap:4px}.theme-toggle{width:44px;height:44px;margin-left:auto}.menu-toggle{display:inline-flex;box-shadow:none;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin-right:-10px;padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer}.menu-toggle:hover{background:var(--surface-2)}.menu-toggle svg{width:22px;height:22px}nav.navigation{position:fixed;z-index:49;top:var(--header-height);right:0;bottom:0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:min(340px,88vw);padding:12px 12px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translate(100%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}nav.navigation.open{transform:none;visibility:visible;transition:transform .22s ease}ul.nav-list{flex-direction:column;align-items:stretch;gap:2px}.nav-row{justify-content:space-between}.nav-link{flex:1;height:46px;padding:0 12px;font-size:16px;color:var(--text)}.nav-link.current{box-shadow:none;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.nav-disclosure{justify-content:space-between}.chevron{width:18px;height:18px}ul.navigation_sub{position:static;min-width:0;margin:2px 0 6px 12px;padding:0 0 0 10px;border:0;border-left:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}ul.navigation_sub:before{display:none}ul.navigation_sub a{padding:11px 12px;font-size:15px}.nav-scrim{display:block;position:fixed;z-index:48;inset:var(--header-height) 0 0 0;background:var(--scrim)}.nav-scrim[hidden]{display:none}}@media(min-width:900px){:root{--content-top: 0px}.topbar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);border-bottom:0;border-right:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--surface)}.topbar-inner{flex-direction:column;align-items:stretch;gap:16px;height:100%;max-width:none;padding:20px 12px 14px}.brand{padding:0 8px}nav.navigation{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}ul.nav-list{flex-direction:column;align-items:stretch}.nav-link{flex:1;height:34px;padding:0 10px}.nav-link.current{box-shadow:none;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent)}.nav-disclosure{justify-content:space-between}ul.navigation_sub{position:static;min-width:0;margin:2px 0 8px 14px;padding:0 0 0 8px;border:0;border-left:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none}ul.navigation_sub:before{display:none}ul.navigation_sub a{padding:6px 10px;color:var(--text-muted)}ul.navigation_sub a:hover{color:var(--text)}.topbar .theme-toggle{align-self:flex-start}.topbar~div.container{margin-left:max(var(--sidebar-width),calc((100% + var(--sidebar-width) - 1200px) / 2));margin-right:auto}}div.container{container-type:inline-size;max-width:1200px;margin:0 auto;padding:28px var(--gutter) calc(48px + env(safe-area-inset-bottom))}div.auth{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding:48px var(--gutter)}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:18px;font-weight:700}div.auth div.container{width:100%;max-width:480px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}@media(max-width:699px){div.auth{padding-top:28px}div.auth div.container{padding:20px}}div.loading{display:flex;justify-content:center;padding:64px 0}.spinner{display:inline-block;width:16px;height:16px;vertical-align:-3px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}div.loading .spinner{width:28px;height:28px;border-width:3px}*+.spinner{margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}nav.navigation,nav.navigation.open{transition:none}}div.messages{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}div.auth div.messages,div.container div.messages{padding:0}div.messages.toasts{position:fixed;top:calc(var(--content-top) + 8px);left:0;right:0;z-index:60;max-width:none;pointer-events:none}div.messages.toasts ul.messages{max-width:640px;margin:0 auto}div.messages.toasts li{margin:0 0 8px;box-shadow:var(--shadow-lg);pointer-events:auto}:root:not(:has(.topbar)) div.messages.toasts{top:8px}@media(min-width:900px){:root:has(.topbar) div.messages.toasts{left:var(--sidebar-width)}}ul.messages{list-style:none;margin:0;padding:0}ul.messages li{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid var(--border);border-left:4px solid var(--info);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);font-size:14px}ul.messages li.error{border-left-color:var(--danger);background:linear-gradient(var(--danger-soft),var(--danger-soft)),var(--surface)}ul.messages li.warning{border-left-color:var(--warning);background:linear-gradient(var(--warning-soft),var(--warning-soft)),var(--surface)}ul.messages li.success{border-left-color:var(--success);background:linear-gradient(var(--success-soft),var(--success-soft)),var(--surface)}ul.messages li.info{border-left-color:var(--info);background:linear-gradient(var(--info-soft),var(--info-soft)),var(--surface)}ul.messages li>.text{flex:1;min-width:0}ul.messages button.close{flex:none;width:26px;height:26px;min-height:0;margin:-3px -4px -3px 0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:13px;line-height:1;cursor:pointer}ul.messages button.close:hover{background:var(--surface-2);color:var(--text)}div.tooltip{position:relative;display:inline-block}div.tooltip span.tooltiptext{visibility:hidden;opacity:0;position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:max-content;max-width:min(320px,80vw);padding:8px 10px;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);font-size:13px;font-weight:400;line-height:1.4;text-align:left;box-shadow:var(--shadow-lg);transition:opacity .12s ease;pointer-events:none}div.tooltip:hover span.tooltiptext,div.tooltip:focus-within span.tooltiptext{visibility:visible;opacity:1}button.nav span.alert{padding-left:6px;color:var(--warning);font-weight:700}div.pill{display:inline-block;margin-left:10px;padding:1px 10px;border:1px solid var(--danger);border-radius:var(--radius-pill);background:var(--danger-soft);color:var(--danger);font-size:13px}span.sort{display:inline-block;margin-left:6px;color:var(--text-subtle);font-size:12px}th:hover span.sort{color:var(--text)}span.checkbox{display:inline-block;padding-right:6px;font-size:18px;line-height:1;vertical-align:-2px;color:var(--accent);cursor:pointer}div.slider{position:relative;display:inline-flex;align-items:center;height:28px;min-width:64px;padding:0 3px;border:0;border-radius:var(--radius-pill);cursor:pointer;vertical-align:middle;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}div.slider.on{background:var(--accent);color:var(--accent-fg)}div.slider.off{background:var(--border-strong);color:var(--text)}div.slider span.label{flex:1;padding:0 8px;font-size:12px;font-weight:600;text-align:center}div.slider span.ball{flex:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040}dialog.confirm{width:min(440px,calc(100vw - 32px));padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg)}dialog.confirm::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog.confirm div.section{margin:0;padding:22px;border:0;box-shadow:none}dialog.confirm p{color:var(--text-muted)}dialog.confirm button{margin-top:8px}@media(max-width:699px){dialog.confirm{width:100%;max-width:none;margin:auto 0 0;border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}dialog.confirm button{width:100%;margin:8px 0 0}}@container (min-width: 1100px){.narrow-only{display:none!important}}:where(button,input[type=submit],input[type=button],input[type=reset]){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--control-height);padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:550;line-height:1.2;white-space:nowrap;cursor:pointer;vertical-align:middle;box-shadow:var(--shadow-sm);transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;-webkit-appearance:none;appearance:none}:where(button,input[type=submit],input[type=button],input[type=reset]):hover{background:var(--surface-2);border-color:var(--border-strong)}:where(button,input[type=submit],input[type=button],input[type=reset]):active{transform:translateY(.5px)}:where(button,input[type=submit],input[type=button],input[type=reset]):disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=submit],button.add{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}input[type=submit]:hover:not(:disabled),button.add:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}button.delete{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--surface);color:var(--danger)}button.delete:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}button.edit,button.viewmore{min-height:30px;padding:0 10px;font-size:13px;box-shadow:none}span+button.edit,span+button.toggle,span+button.delete,span+button.add,div+button.edit,div+button.toggle,div+button.delete,div+button.add{margin-left:12px}button+button,input:not([type=submit],[type=button])+input[type=submit],input[type=submit]+input[type=button],input[type=button]+input[type=button]{margin-left:8px}button.nav{min-height:34px;padding:0 14px;border-radius:var(--radius-pill);border-color:var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;box-shadow:none}button.nav+button.nav{margin-left:0}button.nav:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--surface)}button.nav.active,button.nav.active:hover{border-color:var(--text);background:var(--text);color:var(--bg)}button.prev:before{content:"←";margin-right:2px}button.next:after{content:"→";margin-left:2px}div.section:has(>button.nav){display:flex;flex-wrap:wrap;align-items:center;gap:6px}div.section:has(>button.nav)>:not(button){flex:0 0 100%}@media(max-width:699px){div.section:has(>button.nav):not(:has(>:not(button))){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding-left:var(--gutter)!important;padding-right:var(--gutter)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 24px),transparent)}div.section:has(>button.nav):not(:has(>:not(button)))::-webkit-scrollbar{display:none}div.section:has(>button.nav)>button.nav{flex:none;min-height:38px}}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input:not([type]),textarea,select{min-height:var(--control-height);max-width:100%;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:15px;vertical-align:middle;transition:border-color .12s ease,box-shadow .12s ease}textarea{padding:10px 12px;line-height:1.5}select{padding-right:34px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23888'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0L10 10.6l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:0 6px 0 0;accent-color:var(--accent);vertical-align:-3px}@media(max-width:699px){input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input:not([type]),textarea,select{font-size:16px}}option.placeholder{font-style:italic}label{font-size:13px;font-weight:600;color:var(--text-muted)}form dl{display:grid;gap:4px}form dt{margin-top:10px;font-size:13px;font-weight:600;color:var(--text-muted)}form dt:first-child{margin-top:0}form dt:empty{display:none}form dd input[type=text],form dd input[type=password],form dd input[type=email],form dd input:not([type]),form dd select,form dd textarea{width:100%}form dd input[type=submit]{width:100%;margin-top:12px}form.inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0}form.inline>div,form.inline>label{display:flex;flex-direction:column;gap:4px}form.inline label{display:block}form.inline label.inline{display:inline-block}form.inline>div.buttons,form.inline>div.action{flex-direction:row;flex-basis:100%}form.inline input[type=submit]+input[type=button]{margin-left:0}form.padded{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:8px}form.padded>label{flex-basis:100%}form.padded>br{display:none}form.padded>input.inline,form.padded>input[type=submit],form.padded>input[type=button]{margin-left:0}@media(max-width:699px){form.padded>input[type=text]{flex:1 1 100%}form.padded>input[type=submit],form.padded>input[type=button]{flex:1 1 0}}input.inline{margin-right:0}form div.action,div.buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}div.buttons>*+*,form div.action>*+*{margin-left:0}@media(max-width:699px){form.inline{align-items:stretch}form.inline>div,form.inline>label,form.inline input[type=text],form.inline input[type=password],form.inline select{flex:1 1 100%;width:100%}form.inline input[type=submit],form.inline input[type=button]{flex:1 1 0}div.buttons>*,form div.action>*{flex:1 1 0}}div.container div.section{margin:0 0 16px;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}div.container div.section:has(>button.nav):not(:has(>:not(button))){padding:0;background:none;border:0;box-shadow:none}div.container div.section div.section,div.auth div.container div.section{margin:16px 0 0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}div.auth div.container div.section:first-of-type{margin-top:0}div.auth div.container div.section+div.section{color:var(--text-muted);font-size:14px;text-align:center}div.auth h2{font-size:22px;margin-bottom:16px}div.auth form h3{margin:24px 0 10px;padding-top:18px;border-top:1px solid var(--border);font-size:15px}div.auth form p{color:var(--text-muted);font-size:14px}div.hint{margin-top:5px;color:var(--text-muted);font-size:13px;line-height:1.45}div.container div.section:has(>table.list:only-child),div.container div.section:has(>form:only-child>table.list:only-child){padding:0;overflow:clip}@media(max-width:699px){div.container div.section{padding:16px;border-radius:var(--radius)}div.container div.section:has(table.list){padding:0;overflow:visible;background:none;border:0;box-shadow:none}}div.container div.section>h3:first-child,div.container div.section>h2:first-child{margin-bottom:14px}div.container div.floating.right{float:right}span.separator{padding:0 8px;color:var(--text-subtle)}div.labelledsection.horizontal{display:inline-block;margin:0 28px 12px 0;vertical-align:top}div.labelledsection.vertical{display:block;margin-bottom:14px}div.labelledsection.vertical:last-child{margin-bottom:0}div.labelledsection div.label{margin-bottom:3px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}div.labelledsection div.content{margin:0;font-size:15px;overflow-wrap:anywhere}div.labelledsection.centered div.content,div.labelledsection.centered div.label{text-align:center}div.labelledsection.padded{min-width:180px;padding:18px 20px;text-align:center}div.labelledsection.filled{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}div.labelledsection.filled div.content{font-variant-numeric:tabular-nums}div.labelledsection.filled div.content>div:first-child{margin:4px 0 2px;font-size:20px;font-weight:700;color:var(--text)}div.labelledsection.filled div.content>div:not(:first-child){color:var(--text-muted);font-size:14px}div.section:has(>div.labelledsection.filled){display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}div.section:has(>div.labelledsection.filled)>div.labelledsection{margin:0}div.labelledsection.iidx.themeoption select,div.labelledsection.ddr.option select{width:min(260px,100%)}div.labelledsection.iidx.qprooption select,div.labelledsection.jubeat.emblemoption select{width:min(320px,100%)}div.iidx.menuoption,div.arcade.menuoption{padding:6px 0}div.iidx.menuoption label,div.arcade.menuoption label{display:inline-block;min-width:220px;margin-right:12px;font-size:14px;font-weight:500;color:var(--text)}div.arcade.menuoption div.tooltip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}@media(max-width:699px){div.labelledsection.horizontal{display:block;margin-right:0}div.iidx.menuoption label,div.arcade.menuoption label{display:block;min-width:0}div.arcade.menuoption div.tooltip,div.arcade.menuoption select{width:100%}}div.score{display:flex;flex-direction:column;gap:3px;font-variant-numeric:tabular-nums}div.score span.label{margin-right:3px;font-size:11px;font-weight:600;color:var(--text-subtle)}div.score span.score{margin-right:10px;font-weight:600}div.score span.grade,table.topscores span.grade{margin-right:6px;font-weight:800;color:var(--accent);letter-spacing:.02em}span.percent{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}span.status{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.04em;line-height:1.5;white-space:nowrap}span.status.lamp-failed{background:#6b6b75;color:#fff}span.status.lamp-assist{background:#9a5cf0;color:#fff}span.status.lamp-easy{background:#3fae5a;color:#fff}span.status.lamp-clear{background:#2f7fe0;color:#fff}span.status.lamp-hard{background:light-dark(#1d1d22,#f1f1f4);color:light-dark(#ffffff,#17171c);box-shadow:inset 0 0 0 1px #e04660}span.status.lamp-exhard{background:#f2c230;color:#3b2a00}span.status.lamp-fc{background:linear-gradient(90deg,#ff6b9a,#ffb347,#f7e36b,#6be3a1,#6bc4ff,#b58bff);color:#2a1030}div.songname{font-weight:650;font-size:15px;line-height:1.3;color:var(--text)}div.songartist,div.songgenre,div.songdifficulty,div.songdifficulties,div.songplays{font-size:13px;color:var(--text-muted)}div.songgenre{color:var(--text-subtle);font-size:12px}div.songdifficulties{margin-top:4px;font-variant-numeric:tabular-nums}a:hover div.songname{color:var(--accent)}a:has(div.songname):hover{text-decoration:none}span.difficulty{font-variant-numeric:tabular-nums}div.section:has(>div.left>div.songname){display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px}div.left:has(>div.songname){flex:1 1 260px}div.left:has(>div.songname) div.songname{font-size:26px;font-weight:750;letter-spacing:-.02em}div.left:has(>div.songname) div.songartist{margin-top:4px;font-size:16px}div.left:has(>div.songname) div.songgenre{font-size:14px}div.left:has(>div.songname) div.songdifficulty{display:inline-block;margin-top:10px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-weight:700}div.left:has(>svg),div.left:has(>div:empty){order:2;flex:0 1 320px;color:var(--text-muted)}div.left>svg{display:block;width:100%;height:auto;max-width:420px}@media(max-width:699px){div.left:has(>div:empty){display:none}}span.file{font-family:var(--font-mono)}ul.ownerlist{margin:0;padding:0 0 0 18px}div.card{display:inline-block;font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;font-variant-numeric:tabular-nums}div.placeholder,span.placeholder,p.placeholder{color:var(--text-muted);font-style:normal}div.container>span.placeholder,div.container>div>span.placeholder:only-child{display:block;padding:48px 16px;text-align:center}div.timestamp{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}h3+div.timestamp{margin:-8px 0 12px}span.loading{font-size:13px;color:var(--text-muted)}span.raised{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}dl{margin:0}dt{font-weight:600}dd{margin:0;padding-bottom:6px}div.longmessage{margin-bottom:10px}div.longmessage pre{margin:0 0 6px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}span.filter:not(:last-child){padding-right:20px}.slider.padded{margin:2px 6px 2px 0}.slider.spaced{margin-left:6px}span.slider-label{vertical-align:middle}div.emblem{position:relative;width:256px;height:256px;padding-bottom:10px}div.emblem div{position:absolute}div.emblem div img{width:256px;height:256px}div.cards-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}div.container div.section div.cards-heading>h3{margin:0}span.cards-count{padding:2px 9px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}p.cards-intro{margin:0 0 18px;color:var(--text-muted);font-size:14px}div.cards-empty{padding:32px 16px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;font-size:14px}ul.cardlist{display:grid;gap:8px;max-width:520px;margin:0;padding:0;list-style:none}ul.cardlist>li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}ul.cardlist dl.cardids{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:baseline;margin:0;min-width:0}ul.cardlist dl.cardids dt{color:var(--text-muted);font-size:12px;font-weight:600}ul.cardlist dl.cardids dd{margin:0;font-family:var(--font-mono);font-size:15px;font-weight:550;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}ul.cardlist dl.cardids dd.raw{color:var(--text-muted);font-size:13px;font-weight:450}ul.cardlist button.delete{min-height:32px;padding:0 12px;font-size:13px;box-shadow:none}form.addcard label{display:block;margin-bottom:6px}div.addcard-row{display:flex;flex-wrap:wrap;gap:8px}input.addcard-input{flex:0 1 300px;min-width:0;font-family:var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums}div.addcard-row input[type=submit]{margin-left:0}@media(max-width:699px){ul.cardlist dl.cardids{grid-template-columns:1fr;gap:0}ul.cardlist dl.cardids dd+dt{margin-top:6px}input.addcard-input,div.addcard-row input[type=submit]{flex:1 1 100%}}ul.settings{margin:0;padding:0;list-style:none}ul.settings>li{padding:16px 0;border-top:1px solid var(--border)}ul.settings>li:first-child{border-top:0;padding-top:4px}ul.settings>li:last-child{padding-bottom:0}div.setting-head{display:flex;align-items:center;gap:16px}div.setting-text{flex:1 1 auto;min-width:0}div.setting-label{font-weight:600}div.setting-description{margin-top:2px;color:var(--text-muted);font-size:13px}div.setting-value{flex:0 1 auto;min-width:0;overflow-wrap:anywhere;text-align:right}div.setting-value span.masked{color:var(--text-muted);letter-spacing:.12em}button.setting-change{flex:none;min-height:32px;padding:0 12px;font-size:13px;box-shadow:none}form.setting-form{display:grid;gap:14px;max-width:360px;margin-top:14px}div.setting-field label{display:block;margin-bottom:6px}div.setting-field input{width:100%}div.setting-field input.pin{width:8em;letter-spacing:.3em}form.setting-form div.buttons{margin-top:2px}@media(max-width:699px){div.setting-head{flex-wrap:wrap;row-gap:6px}div.setting-text{flex-basis:100%}div.setting-value{flex:1 1 0;text-align:left}form.setting-form{max-width:none}}.mono{font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums}p.section-note{margin:-6px 0 12px;color:var(--text-muted);font-size:13px}span.setting-switch{display:inline-flex;align-items:center;gap:8px}div.setting-field input.pin[maxlength="8"]{width:11em}form.setting-form select{justify-self:start;max-width:100%}form.subform{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}form.subform h4{margin:0 0 12px;font-size:15px}div.field-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}div.field-row div.setting-field{flex:0 1 260px;min-width:0}div.field-row input.amount{max-width:140px}div.field-row div.setting-field:has(input.amount){flex-basis:140px}@media(max-width:699px){div.field-row div.setting-field,div.field-row div.setting-field:has(input.amount){flex-basis:100%}div.field-row input.amount{max-width:none}div.field-row input[type=submit]{flex:1 1 100%}}@media(min-width:700px){table.blance input[name=credits]{max-width:200px}}div.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}div.container div.section div.section-heading>h3{margin:0}div.setting-value select{max-width:240px}div.setting-field input.djname{width:9em;font-family:var(--font-mono);letter-spacing:.1em}ul.settings.columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));column-gap:40px}ul.settings.columns>li,ul.settings.columns>li:first-child,ul.settings.columns>li:last-child{padding:10px 0;border-top:0;border-bottom:1px solid var(--border)}ul.settings.columns div.setting-head{min-height:var(--control-height)}@media(max-width:699px){ul.settings.columns div.setting-head{flex-wrap:nowrap}ul.settings.columns div.setting-text{flex-basis:auto}ul.settings.columns div.setting-value{flex:0 1 auto;max-width:55%;text-align:right}div.setting-value select{max-width:100%}}pre.profile-json{max-height:70vh;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:.85rem;white-space:pre}@media(min-width:700px){table.musicdb td:nth-child(2){min-width:14em}}code.inline-json{font-size:.8rem;overflow-wrap:anywhere}table.musicdb span.chart{white-space:nowrap}table.musicdb span.problem{color:var(--danger);font-weight:600}table.list,table.add{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}thead tr th{cursor:default}table.list th,table.add th{padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.03em;text-align:left;text-transform:uppercase;white-space:nowrap}table.list th:has(span.sort){cursor:pointer;-webkit-user-select:none;user-select:none}table.list th:has(span.sort):hover{color:var(--text)}table.list thead th{position:sticky;top:var(--content-top);z-index:2}table.add th{background:none;border:0;padding:0 8px 6px 0}table.list tbody td,table.add tbody td{padding:12px 14px;vertical-align:top;overflow-wrap:anywhere}table.add tbody td{padding:0 8px 0 0;vertical-align:middle}table.list tbody td{border-bottom:1px solid var(--border)}table.list tbody tr:last-child td{border-bottom:0}table.list tbody tr:not(.header):hover td:not(.nochart){background:var(--surface-hover)}table.list tr.header td{vertical-align:middle!important}table td.center{word-break:break-word;text-align:left}table.list input[type=text],table.add input[type=text],table.list select,table.add select{width:100%}table.list input[type=checkbox],table.add input[type=checkbox]{width:22px;height:22px;margin:0}table td.subheader{padding-top:10px!important;padding-bottom:10px!important;background:var(--surface-2)!important;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}table.list tfoot td{padding:10px 14px;border-top:1px solid var(--border)}table.list tfoot td:empty{display:none!important}table.list tfoot td:after{content:"";display:table;clear:both}table.list tfoot button{margin:0}td.edit,th.action{text-align:right;white-space:nowrap}td.edit>*+*{margin-left:6px}td.nochart{background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--border) 55%,transparent) 6px 7px)}table.records,table.attempts,table.topscores,table.players,table.events{width:100%}table.records tbody td:not(:first-child){min-width:92px}table.records td.subheader:not(:first-child){text-align:center}table.jubility{width:100%;margin:5px 0}.row{display:flex}.column{flex:50%;padding:5px}table.records a,table.attempts a,table.topscores a,table.players a,table.jubility a{text-decoration:none}table.events td div.circle{display:inline-block;width:10px;height:10px;margin:0 8px 1px 0;border-radius:50%}table.events td.details div.inline{display:inline-block;margin-right:6px;color:var(--text-muted);font-size:13px}table.events td.details pre.inline{display:inline-block;margin:0}table.events td.details>div+div{margin-top:2px}table.events td.exception div.circle,table.events td.profilepurge div.circle{background:#e04660}table.events td.unhandled div.circle{background:#f59e0b}table.events td.unauthorized div.circle{background:#a855f7}table.events td.scheduled div.circle{background:#3b82f6}table.events td.pcbevent div.circle{background:#22c55e}table.events td.transaction div.circle{background:#eab308}@container (max-width: 1099px){table.records .offchart{display:none!important}table.records tbody td:not(:first-child){min-width:0;width:40%}table.records td.subheader:not(:first-child){text-align:left}}@media(max-width:699px){.row{display:block}table.list,table.list tbody,table.list tfoot,table.list tr,table.add,table.add tbody,table.add tr{display:block;width:100%}table.list thead,table.add thead{display:none}table.list tbody tr{margin-bottom:10px;padding:6px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}table.list tbody tr:hover td:not(.nochart){background:none}table.list tbody td,table.add tbody td{display:block;width:auto!important;padding:10px 0;border:0;border-bottom:1px solid var(--border);background:none;text-align:left}table.add tbody td{padding:0 0 10px;border:0}table.list tbody td:last-child,table.list tbody tr td:nth-last-child(1 of:not(.offchart)){border-bottom:0}table.list tbody td[data-label]:not([data-label=""]){display:grid;grid-template-columns:minmax(96px,32%) minmax(0,1fr);align-items:baseline;column-gap:12px}table.list tbody td[data-label]:not([data-label=""]):before{grid-row:1 / span 8}table.records tbody td[data-label]:not([data-label=""]):empty:after{content:"not played";color:var(--text-subtle);font-size:13px}table.list tbody td[data-label]:not([data-label=""]):before,table.add tbody td[data-label]:not([data-label=""]):before{content:attr(data-label);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}table.add tbody td[data-label]:not([data-label=""]):before{display:block;margin-bottom:4px}table.add tbody td input[type=submit]{width:100%}table.list tbody td.edit{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 0 10px;white-space:normal}table.list tbody td.edit:empty{display:none}td.edit>*+*{margin-left:0}td.nochart{background:none}table.list tbody tr.header{margin:18px 0 8px;padding:0 2px;background:none;border:0;box-shadow:none}table.list tbody tr.header:first-child{margin-top:0}table.list tbody tr.header td.subheader{padding:0!important;border:0;background:none!important}table.list tbody tr.header td.subheader:not(:first-child){display:none}table.list tfoot tr{display:block}table.list tfoot td{display:flex;justify-content:space-between;gap:10px;padding:4px 0 0;border:0}table.list tfoot td:after{display:none}table.list tfoot td>*{flex:1 1 0;float:none!important}table.list tfoot td>:only-child.next,table.list tfoot td>:only-child.loading{margin-left:auto;flex:0 1 50%}table.list tfoot td>:only-child.prev{flex:0 1 50%}table.list tfoot td span.loading{align-self:center;text-align:right}}