.banner[data-v-b79ad1fa]{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.banner-inner[data-v-b79ad1fa]{max-width:var(--max-width);justify-content:center;align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1.25rem;display:flex}.banner-logo[data-v-b79ad1fa]{flex-shrink:0;width:auto;height:72px}.banner-text[data-v-b79ad1fa]{flex-direction:column;gap:.25rem;display:flex}.banner-title[data-v-b79ad1fa]{font-family:var(--font-sans);color:var(--color-text);font-size:1.0625rem;font-weight:700;line-height:1.3}.banner-conf[data-v-b79ad1fa]{font-family:var(--font-ui);color:var(--color-accent);letter-spacing:.04em;font-size:.8125rem;font-weight:600}@media (width<=400px){.banner-logo[data-v-b79ad1fa]{height:56px}.banner-title[data-v-b79ad1fa]{font-size:.9375rem}}.part-header[data-v-0355969c]{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.part-header-inner[data-v-0355969c]{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.625rem 1.25rem;display:flex}.part-workshop[data-v-0355969c]{color:var(--color-text-secondary);align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;display:flex}.part-code[data-v-0355969c]{font-family:var(--font-ui);color:var(--color-text);font-weight:600}.part-identity[data-v-0355969c]{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.part-nickname[data-v-0355969c]{font-size:.9375rem;font-weight:500}.btn-logout[data-v-0355969c]{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);cursor:pointer;font-size:.8125rem;font-family:var(--font-ui);background:0 0;padding:.25rem .75rem;transition:border-color .15s,color .15s}.btn-logout[data-v-0355969c]:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text)}.btn-logout[data-v-0355969c]:disabled{opacity:.5;cursor:not-allowed}.conn-banner[data-v-201b0d81]{box-shadow:var(--shadow-md);z-index:999;white-space:nowrap;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.conn-banner--warn[data-v-201b0d81]{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.conn-banner--ok[data-v-201b0d81]{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}.conn-dot[data-v-201b0d81]{opacity:.8;background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-201b0d81}.conn-banner--ok .conn-dot[data-v-201b0d81]{animation:none}@keyframes pulse-201b0d81{0%,to{opacity:.8}50%{opacity:.2}}.conn-fade-enter-active[data-v-201b0d81],.conn-fade-leave-active[data-v-201b0d81]{transition:opacity .3s,transform .3s}.conn-fade-enter-from[data-v-201b0d81],.conn-fade-leave-to[data-v-201b0d81]{opacity:0;transform:translate(-50%)translateY(.5rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fafaf9;--color-surface:#fff;--color-border:#e5e5e5;--color-text:#1a1a1a;--color-text-secondary:#6b6b6b;--color-accent:#1d4ed8;--color-accent-hover:#1e40af;--color-primary:#1d4ed8;--color-for:#166534;--color-for-bg:#f0fdf4;--color-against:#991b1b;--color-against-bg:#fef2f2;--color-locked:#9ca3af;--color-phase2:#7c3aed;--color-phase2-bg:#f5f3ff;--font-sans:"Georgia", "Times New Roman", serif;--font-ui:system-ui, -apple-system, sans-serif;--radius:6px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--max-width:780px}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}#app-root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.page{flex:1;padding:3rem 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem}.btn{border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#d4d4d4}.badge{letter-spacing:.02em;border-radius:99px;padding:.2rem .7rem;font-size:.8125rem;font-weight:600;display:inline-block}.badge-for{background:var(--color-for-bg);color:var(--color-for)}.badge-against{background:var(--color-against-bg);color:var(--color-against)}.badge-full{color:var(--color-locked);background:#f3f4f6}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.placeholder-page h1{color:var(--color-text-secondary);font-size:1.5rem}.placeholder-page p{color:var(--color-text-secondary);font-size:.9375rem}@media (width<=600px){.card{padding:1.25rem}.page{padding:2rem 0}}