:root{color-scheme:light;--primary:#5b2aa8;--primary-dark:#431e82;--primary-soft:#f0e9fb;--surface:#fff;--background:#f5f6fa;--text:#191b22;--muted:#6d7280;--border:#dfe2e8;--danger:#b42318;--danger-soft:#fff0ee;--shadow:0 10px 30px rgba(31,35,48,.08)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif;color:var(--text);background:var(--background)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{width:min(960px,100%);margin:0 auto;padding:24px 18px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.topbar h1{margin:3px 0 0;font-size:clamp(24px,4vw,34px)}.eyebrow{margin:0;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.14em}.user-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.header-user-info{font-size:14px;font-weight:800;color:#4e5260;margin-right:4px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:24px}.auth-panel{width:min(520px,100%);margin:40px auto 0}.panel+.panel{margin-top:18px}.panel-heading{margin-bottom:20px}.panel-heading h2{margin:0 0 6px;font-size:20px}.panel-heading p{margin:0;color:var(--muted);font-size:14px}.row-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}form{display:grid;gap:16px}label{display:grid;gap:7px}label>span,legend{font-weight:700;font-size:14px}small{color:var(--muted);font-size:12px}input{width:100%;min-height:46px;border:1px solid var(--border);border-radius:12px;padding:0 13px;color:var(--text);background:#fff;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,42,168,.12)}input[readonly]{background:#f2f3f6;color:#555b68}fieldset{margin:0;padding:0;border:0}legend{margin-bottom:8px}.btn{min-height:42px;border:0;border-radius:11px;padding:0 15px;font-weight:800;transition:transform .1s ease,opacity .1s ease}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--primary-soft);color:var(--primary-dark)}.btn-ghost{background:transparent;color:var(--primary);border:1px solid #cfc0e8}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid #f3c7c2}.btn-block{width:100%;min-height:48px}.btn-compact{min-height:34px;padding:0 12px;font-size:12px;border-radius:9px}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.test-account{margin-top:18px;display:grid;gap:5px;border-radius:12px;padding:13px;background:var(--primary-soft);font-size:13px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-card{min-height:100px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border);border-radius:16px;background:#fff;padding:16px}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:27px}.stat-wide{grid-column:span 2}.stat-wide strong{font-size:17px}.readonly-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.segment-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segment-control label{display:block}.segment-control input{position:absolute;opacity:0;pointer-events:none}.segment-control span{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--border);border-radius:12px;font-weight:700}.segment-control input:checked+span{color:var(--primary-dark);background:var(--primary-soft);border-color:#baa1e1}.priority-box{grid-template-columns:22px 1fr;align-items:start;gap:10px;border:1px solid #d7c7ef;border-radius:13px;background:#faf7ff;padding:14px}.priority-box input{width:20px;min-height:20px;margin-top:2px;accent-color:var(--primary)}.priority-box span{display:grid;gap:4px}.sync-status{color:var(--muted);font-size:12px;white-space:nowrap}.queue-list{display:grid;gap:10px}.queue-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid var(--border);border-radius:15px;padding:15px}.queue-item.is-mine{border-color:#b9a2dc;box-shadow:inset 4px 0 0 var(--primary)}.queue-item.is-priority{background:#fcf9ff}.queue-rank{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f0f1f5;font-size:17px;font-weight:900}.queue-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:10px}.queue-name{font-size:17px}.badge{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:0 9px;font-size:11px;font-weight:900}.priority-badge{color:#7027b5;background:#eee0ff}.type-badge{color:#1e4f91;background:#e8f2ff}dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0}dl div{min-width:0}dt{color:var(--muted);font-size:11px;margin-bottom:3px}dd{margin:0;overflow-wrap:anywhere;font-size:13px;font-weight:700}.empty-state{padding:42px 16px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:14px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,15px);max-width:calc(100vw - 32px);border-radius:10px;background:#252833;color:#fff;padding:12px 16px;opacity:0;pointer-events:none;transition:.2s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#8f1d17}
@media(max-width:700px){.shell{padding:18px 12px 36px}.panel{padding:18px 15px;border-radius:16px}.topbar{align-items:flex-start}.user-actions{max-width:58%}.header-user-info{width:100%;text-align:right;font-size:12px}.status-grid{grid-template-columns:1fr 1fr}.stat-wide{grid-column:span 2}.readonly-grid{grid-template-columns:1fr}.queue-item{grid-template-columns:42px minmax(0,1fr);align-items:start}.cancel-button{grid-column:1/-1;width:100%}dl{grid-template-columns:1fr 1fr}.form-actions{grid-template-columns:1fr}}