.site-shell{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.site-shell-body{flex:1;min-height:0;display:flex}.site-shell-nav{width:240px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border-glass);padding:1.5rem .85rem;display:flex;flex-direction:column;gap:.4rem;box-sizing:border-box;overflow-y:auto}.site-shell-nav .portal-tab-btn{width:100%;padding:.65rem .85rem}.site-shell-nav-note{margin-top:auto;padding:.8rem;border:1px solid var(--border-glass);border-radius:8px;font-size:.75rem;line-height:1.6;color:var(--text-secondary)}.site-shell-main{flex:1;min-width:0;overflow-y:auto;padding:2.5rem 3rem;box-sizing:border-box}.site-shell-content{width:100%;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.site-shell-content-wide{max-width:1600px}@media (max-width: 800px){.site-shell-body{flex-direction:column}.site-shell-nav{width:100%;flex-direction:row;padding:.5rem .75rem;border-right:none;border-bottom:1px solid var(--border-glass);overflow-x:auto}.site-shell-nav .portal-tab-btn{width:auto;white-space:nowrap}.site-shell-nav-note{display:none}.site-shell-main{padding:1.25rem 1rem}}.pack-chip{font-size:.7rem;padding:2px 6px;border-radius:3px;border:1px solid var(--border-glass);color:var(--text-secondary);white-space:nowrap}.pack-chip-accent{background:var(--color-accent-subtle);color:var(--color-accent)}.pack-search{flex:1;min-width:200px;padding:.55rem .85rem;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.875rem}.pack-search::placeholder{color:var(--text-placeholder)}.pack-title-link{background:none;border:none;padding:0;font-family:inherit;font-size:1.05rem;font-weight:700;line-height:1.4;color:var(--text-primary);text-align:left;cursor:pointer}.pack-title-link:hover{color:var(--color-accent)}.like-button{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border:1px solid var(--border-glass);border-radius:9999px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.like-button:hover,.like-button[aria-pressed=true]{border-color:var(--color-danger);color:var(--color-danger)}.like-button[aria-pressed=true] svg{fill:currentColor}.pack-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:1.5rem}.pack-row{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:8px;padding:.9rem 1.1rem}.pack-answer{margin-top:.6rem;padding:.6rem .8rem;border-left:3px solid var(--color-accent);background:var(--bg-card-subtle);border-radius:4px;font-size:.875rem}.pack-link-button{background:none;border:none;padding:0;font-family:inherit;font-size:.8rem;color:var(--color-accent);cursor:pointer;text-decoration:underline}.solo-choice{padding:1rem 1.2rem;background:var(--bg-card-subtle);border:1px solid var(--border-input);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.8rem}.solo-choice:hover{border-color:var(--color-accent);background:var(--bg-card-active)}.solo-choice-mark{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--color-accent-subtle);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.judge-mark{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid currentColor;white-space:nowrap}.judge-mark-correct{color:var(--color-success)}.judge-mark-wrong{color:var(--color-danger)}@font-face{font-family:QuizCast Marks;src:url(data:font/woff2;base64,d09GMgABAAAAAASsABYAAAAACfAAAARBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGYIKGx4cQD9IVkFSNQZgP1NUQVSBHicqADwvbBEICoEcgQILCAAwUgE2AiQDDAQgBYYwByAMBxckGAgbUQjIBJ5/8vq6L0kRjZmp8ztfKrXEIk4a4nKg1axB7ATH3vZLe4ASMP4lZ2RTqy6zW9j/SrS3JYJNXd0JeULWMljSrfG1EZuexSL6LfZjGFmPhH9Sxg18zctoWGfNWbSKcZm9RpWugpGr0FVM1UuMq6TqKcZVUzvqdGHFv0pFo4c2DtDy5FbMUPxsdwl7UNW7KKIymrp3yMw6SRftgNYJA1gLYp5BVSca5ssRUM1HYoWO8GApk0+XMvkdpWyuYTRq9dg8dJ93o6APPrtGex/TmHa/BicRIohAbUfzDKZpVxo6pjBFful93i5/F/xd0+ZwIswKz9XDxPjUQhwEj2vqa2SxgHJOWQcsPGbJFpIyu0BxKUy2er2N6bNmLGUaOm+oTfMM1mhnRN9mFVsBjoxQ3oMxW62w/ZtOmFYTQdldKO6Qp6eDtNDHGOawgi2U2fX7nQGy/zIkLp6/GrcMlBjKaKkiV0B5+H2XV3712KdCwvabUwFVTwbVExBnHufxy4f8OCeHCe8fzvDfddrfiJP4tohgT9rtCKNqQb1cDVY0BKUQRCmI44D5kdnPLC1oP4oL/Y5du1DnygoB44hDnPdhcannqdINKA2JByrrxeu6f3X5RNVU+ZWHJABFzRLkWSiIaeKr21hVW8fuSHVSDGtzt0WLpnq/6l5tC1jLBW8uZ9vjy+ethf35bF8h358r9GZzmd1f6l9ejky+9sDmJyZfm+x9auOByddufiI5+VoS28a3OurMuEO/Tj9brYpZ9tUREdyCWTaunsaRBgHblUfQePT4HaR9yvWG9P/wzA998kZocui4689X/xzl/CgyJ/Khc9RxtvsUsU4+cuuorb5Jv9lV9Uun993b20YcL/zgZGbWv63/fO4ybEG9NYqEtHbm/w+3uO7/t/W/v1xGlZSvwLE2y7ugfskDhmJVsbOqRe3i5cP8Xv2O1pQ7bpSbryS0yQFS8EqdVKZJ1NbMZKHM02SlhdvIyygMHcBOAgtEcLPFK+mwnSAXYRaQGyfTLI+UBeLFzSiQDz8d7C9+CQoQxInzz2AGVVJkqDCbPezAIMUMGlTJhktXkqNG6d692J0d2UmNRSguUGRH2m3PXWvJXSOrKHrrb9lBkwnEiLGdDAYlmsghEmX7W6tEaWBQIMZS5rCIJTTYgZtXkqLOdhawjEG2sTXkMFJ9vEEdnSRR4sQZxSDzSDKRYlrOmNQu8iZmRkmQYBzm1khRIRdjYZ4ce8hxqNE4fQyjGUOckaz/ZSLTmcUMljJRmIylltLa2awgR4GdxV1rpKnViXUK6mM9ZOgVYeIktOCskjSiM52sy2mRx/UUKO9ed0VJmTmq/CM1YvQygM5uSuygiC6Htxce76pSozOniNw7xpaQosZ+VjcrabATgww6uol2+y7M4wPPztXs+8U8ebt2cTDrlV//d7fRjLnqvz27tjwlGEVt8gQ=) format("woff2");font-weight:100 900;font-display:block;unicode-range:U+00D7}:root{--header-height: 52px;--bg-primary: #0b0f19;--bg-main: var(--bg-primary);--bg-secondary: #131a2e;--bg-header: rgba(10, 15, 29, .95);--bg-sidebar: rgba(15, 22, 40, .95);--bg-card: rgba(22, 30, 53, .7);--bg-popover: #18213a;--bg-card-hover: rgba(30, 41, 73, .85);--bg-card-subtle: rgba(255, 255, 255, .03);--bg-card-active: rgba(255, 255, 255, .08);--bg-input: rgba(19, 26, 46, .85);--bg-input-hover: rgba(26, 36, 62, .9);--bg-btn-secondary: #1e293b;--bg-btn-secondary-hover: #334155;--text-btn-secondary: #f3f4f6;--bg-segmented-track: rgba(0, 0, 0, .35);--slider-track-bg: rgba(255, 255, 255, .2);--btn-primary-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--btn-primary-hover-bg: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--btn-primary-active-bg: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);--btn-primary-shadow: 0 4px 14px rgba(59, 130, 246, .4);--btn-primary-hover-shadow: 0 6px 20px rgba(59, 130, 246, .6);--btn-primary-text: #ffffff;--color-accent-secondary: #10b981;--color-accent-secondary-glow: rgba(16, 185, 129, .4);--color-accent-secondary-subtle: rgba(16, 185, 129, .15);--btn-accent-secondary-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--btn-accent-secondary-hover-bg: linear-gradient(135deg, #34d399 0%, #10b981 100%);--btn-accent-secondary-active-bg: linear-gradient(135deg, #059669 0%, #047857 100%);--btn-accent-secondary-shadow: 0 4px 14px rgba(16, 185, 129, .4);--btn-accent-secondary-hover-shadow: 0 6px 20px rgba(16, 185, 129, .6);--btn-accent-secondary-text: #ffffff;--radio-gap-color: #0b0f19;--bg-radio-option: var(--bg-card-subtle);--border-radio-option: var(--border-subtle);--portal-bg-card: rgba(22, 30, 53, .7);--portal-border: rgba(255, 255, 255, .08);--portal-bg-hover: rgba(30, 41, 73, .85);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-placeholder: rgba(156, 163, 175, .55);--color-accent: #3b82f6;--color-accent-glow: rgba(59, 130, 246, .5);--color-accent-subtle: rgba(59, 130, 246, .15);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-gold: #fbbf24;--color-status-saved: #4ade80;--color-status-saving: #60a5fa;--border-glass: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .14);--modal-backdrop: rgba(0, 0, 0, .75);--scrollbar-track: rgba(0, 0, 0, .2);--scrollbar-thumb: rgba(255, 255, 255, .18);--scrollbar-thumb-hover: rgba(255, 255, 255, .35);--font-main: "QuizCast Marks", "Outfit", "Inter", "Noto Sans JP", sans-serif;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1);--summary-card-1-bg: rgba(244, 114, 182, .05);--summary-card-1-border: rgba(244, 114, 182, .22);--summary-card-1-icon: #f472b6;--summary-card-1-text: #f472b6;--summary-card-2-bg: rgba(96, 165, 250, .05);--summary-card-2-border: rgba(96, 165, 250, .22);--summary-card-2-icon: #60a5fa;--summary-card-2-text: #60a5fa;--summary-card-3-bg: rgba(192, 132, 252, .05);--summary-card-3-border: rgba(192, 132, 252, .22);--summary-card-3-icon: #c084fc;--summary-card-3-text: #c084fc;--summary-avatar-border: #131a2e}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-header: rgba(255, 255, 255, .92);--bg-sidebar: rgba(248, 250, 252, .95);--bg-card: #ffffff;--bg-popover: #ffffff;--bg-card-hover: #f8fafc;--bg-card-subtle: rgba(0, 0, 0, .03);--bg-card-active: rgba(0, 0, 0, .06);--bg-input: #ffffff;--bg-input-hover: #f8fafc;--bg-btn-secondary: #e2e8f0;--bg-btn-secondary-hover: #cbd5e1;--text-btn-secondary: #0f172a;--bg-segmented-track: #e2e8f0;color-scheme:light;--slider-track-bg: rgba(0, 0, 0, .12);--btn-primary-bg: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--btn-primary-hover-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--btn-primary-active-bg: linear-gradient(135deg, #1e40af 0%, #172554 100%);--btn-primary-shadow: 0 4px 14px rgba(37, 99, 235, .25);--btn-primary-hover-shadow: 0 6px 20px rgba(37, 99, 235, .4);--btn-primary-text: #ffffff;--color-accent-secondary: #059669;--color-accent-secondary-glow: rgba(5, 150, 105, .3);--color-accent-secondary-subtle: rgba(5, 150, 105, .1);--btn-accent-secondary-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--btn-accent-secondary-hover-bg: linear-gradient(135deg, #34d399 0%, #10b981 100%);--btn-accent-secondary-active-bg: linear-gradient(135deg, #047857 0%, #065f46 100%);--btn-accent-secondary-shadow: 0 4px 14px rgba(16, 185, 129, .25);--btn-accent-secondary-hover-shadow: 0 6px 20px rgba(16, 185, 129, .4);--btn-accent-secondary-text: #ffffff;--radio-gap-color: #ffffff;--bg-radio-option: var(--bg-card-subtle);--border-radio-option: var(--border-subtle);--portal-bg-card: #ffffff;--portal-border: rgba(0, 0, 0, .09);--portal-bg-hover: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-placeholder: rgba(148, 163, 184, .65);--color-accent: #2563eb;--color-accent-glow: rgba(37, 99, 235, .3);--color-accent-subtle: rgba(37, 99, 235, .1);--color-status-saved: #16a34a;--color-status-saving: #2563eb;--border-glass: rgba(0, 0, 0, .09);--border-subtle: rgba(0, 0, 0, .05);--border-input: rgba(0, 0, 0, .15);--shadow-glass: 0 4px 20px 0 rgba(0, 0, 0, .06);--modal-backdrop: rgba(15, 23, 42, .45);--scrollbar-track: rgba(0, 0, 0, .04);--scrollbar-thumb: rgba(0, 0, 0, .18);--scrollbar-thumb-hover: rgba(0, 0, 0, .32);--summary-card-1-bg: rgba(244, 114, 182, .06);--summary-card-1-border: rgba(244, 114, 182, .22);--summary-card-1-icon: #ec4899;--summary-card-1-text: #db2777;--summary-card-2-bg: rgba(96, 165, 250, .06);--summary-card-2-border: rgba(96, 165, 250, .22);--summary-card-2-icon: #3b82f6;--summary-card-2-text: #2563eb;--summary-card-3-bg: rgba(192, 132, 252, .06);--summary-card-3-border: rgba(192, 132, 252, .22);--summary-card-3-icon: #a855f7;--summary-card-3-text: #9333ea;--summary-avatar-border: #ffffff}[data-theme=girly],[data-theme=lovely]{--girly-accent-primary: #f472b6;--girly-accent-primary-light: color-mix(in srgb, var(--girly-accent-primary) 72%, white);--girly-accent-primary-lighter: color-mix(in srgb, var(--girly-accent-primary) 45%, white);--girly-accent-primary-dark: color-mix(in srgb, var(--girly-accent-primary) 84%, black);--girly-accent-primary-deeper: color-mix(in srgb, var(--girly-accent-primary) 70%, black);--girly-accent-primary-glow: color-mix(in srgb, var(--girly-accent-primary) 35%, transparent);--girly-accent-primary-subtle: color-mix(in srgb, var(--girly-accent-primary) 12%, transparent);--girly-accent-secondary: #3ba8ea;--girly-accent-secondary-light: color-mix(in srgb, var(--girly-accent-secondary) 75%, white);--girly-accent-secondary-lighter: color-mix(in srgb, var(--girly-accent-secondary) 50%, white);--girly-accent-secondary-dark: color-mix(in srgb, var(--girly-accent-secondary) 85%, black);--girly-accent-secondary-deeper: color-mix(in srgb, var(--girly-accent-secondary) 70%, black);--girly-accent-secondary-glow: color-mix(in srgb, var(--girly-accent-secondary) 40%, transparent);--girly-accent-secondary-subtle: color-mix(in srgb, var(--girly-accent-secondary) 14%, transparent);--bg-primary: #fff5f7;--bg-secondary: #ffe4e9;--bg-header: rgba(255, 245, 248, .94);--bg-sidebar: rgba(255, 240, 245, .95);--bg-card: #ffffff;--bg-popover: #ffffff;--bg-card-hover: #fff0f5;--bg-card-subtle: color-mix(in srgb, var(--girly-accent-primary) 6%, transparent);--bg-card-active: color-mix(in srgb, var(--girly-accent-primary) 12%, transparent);--bg-input: #ffffff;--bg-input-hover: #fff5f7;--bg-btn-secondary: #fce7f3;--bg-btn-secondary-hover: #fbcfe8;--text-btn-secondary: #831843;--bg-segmented-track: color-mix(in srgb, var(--girly-accent-secondary) 15%, #ffffff);color-scheme:light;--slider-track-bg: color-mix(in srgb, var(--girly-accent-primary) 22%, #ffffff);--btn-primary-bg: var(--girly-accent-primary);--btn-primary-hover-bg: var(--girly-accent-primary-light);--btn-primary-active-bg: var(--girly-accent-primary-dark);--btn-primary-shadow: 0 1px 3px rgba(0, 0, 0, .08);--btn-primary-hover-shadow: 0 2px 6px rgba(0, 0, 0, .12);--btn-primary-text: #ffffff;--color-accent-secondary: var(--girly-accent-secondary);--color-accent-secondary-glow: var(--girly-accent-secondary-glow);--color-accent-secondary-subtle: var(--girly-accent-secondary-subtle);--btn-accent-secondary-bg: var(--girly-accent-secondary);--btn-accent-secondary-hover-bg: var(--girly-accent-secondary-light);--btn-accent-secondary-active-bg: var(--girly-accent-secondary-dark);--btn-accent-secondary-shadow: 0 1px 3px rgba(0, 0, 0, .08);--btn-accent-secondary-hover-shadow: 0 2px 6px rgba(0, 0, 0, .12);--btn-accent-secondary-text: #ffffff;--radio-gap-color: #ffffff;--bg-radio-option: color-mix(in srgb, var(--girly-accent-secondary) 14%, #ffffff);--border-radio-option: color-mix(in srgb, var(--girly-accent-secondary) 25%, transparent);--portal-bg-card: #ffffff;--portal-border: color-mix(in srgb, var(--girly-accent-primary) 20%, transparent);--portal-bg-hover: #fff0f5;--text-primary: #3b0764;--text-secondary: #701a75;--text-muted: #a21caf;--text-placeholder: rgba(162, 28, 175, .38);--color-accent: var(--girly-accent-primary);--color-accent-glow: var(--girly-accent-primary-glow);--color-accent-subtle: var(--girly-accent-primary-subtle);--color-status-saved: var(--color-accent-secondary);--color-status-saving: var(--girly-accent-secondary-light);--border-glass: color-mix(in srgb, var(--girly-accent-primary) 20%, transparent);--border-subtle: color-mix(in srgb, var(--girly-accent-primary) 12%, transparent);--border-input: color-mix(in srgb, var(--girly-accent-primary) 30%, transparent);--shadow-glass: 0 4px 20px 0 color-mix(in srgb, var(--girly-accent-primary) 8%, transparent);--modal-backdrop: rgba(74, 4, 78, .4);--scrollbar-track: color-mix(in srgb, var(--girly-accent-primary) 8%, transparent);--scrollbar-thumb: var(--girly-accent-primary-glow);--scrollbar-thumb-hover: color-mix(in srgb, var(--girly-accent-primary) 65%, transparent);--summary-card-1-bg: color-mix(in srgb, var(--girly-accent-primary) 8%, transparent);--summary-card-1-border: color-mix(in srgb, var(--girly-accent-primary) 28%, transparent);--summary-card-1-icon: var(--girly-accent-primary);--summary-card-1-text: var(--girly-accent-primary-dark);--summary-card-2-bg: rgba(96, 165, 250, .08);--summary-card-2-border: rgba(96, 165, 250, .28);--summary-card-2-icon: #60a5fa;--summary-card-2-text: #2563eb;--summary-card-3-bg: rgba(192, 132, 252, .08);--summary-card-3-border: rgba(192, 132, 252, .28);--summary-card-3-icon: #c084fc;--summary-card-3-text: #9333ea;--summary-avatar-border: #ffffff}.summary-card-quiz{background:var(--summary-card-1-bg)!important;border-color:var(--summary-card-1-border)!important}.summary-card-quiz:hover{border-color:var(--summary-card-1-icon)!important;box-shadow:0 4px 16px var(--summary-card-1-bg)!important}.summary-card-members{background:var(--summary-card-2-bg)!important;border-color:var(--summary-card-2-border)!important}.summary-card-members:hover{border-color:var(--summary-card-2-icon)!important;box-shadow:0 4px 16px var(--summary-card-2-bg)!important}.summary-card-media{background:var(--summary-card-3-bg)!important;border-color:var(--summary-card-3-border)!important}.summary-card-media:hover{border-color:var(--summary-card-3-icon)!important;box-shadow:0 4px 16px var(--summary-card-3-bg)!important}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;overflow-x:hidden;line-height:1.5;line-break:strict;word-break:normal;overflow-wrap:anywhere}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:8px}.gradient-text{background:linear-gradient(135deg,#60a5fa,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-header{background:linear-gradient(90deg,#1e293b,#0f172a);border-bottom:1px solid var(--border-glass)}.btn{font-family:var(--font-main);font-weight:600;font-size:.95rem;padding:.6rem 1.2rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:var(--btn-primary-shadow)}.btn-primary:hover{background:var(--btn-primary-hover-bg);box-shadow:var(--btn-primary-hover-shadow)}.btn:active{transform:scale(.96) translateY(1px);filter:brightness(.8);box-shadow:inset 0 2px 5px #00000073!important;transition:transform .05s ease,filter .05s ease}.btn-primary:active{filter:brightness(.85);background:var(--btn-primary-active-bg)}.btn-secondary{background:var(--bg-btn-secondary);color:var(--text-btn-secondary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--bg-btn-secondary-hover);border-color:var(--border-glass)}.btn-secondary:active{filter:brightness(.85)}.btn-sound-play,.sound-settings-tab button[title*=再生],.sound-settings-tab button[title*=試聴],.sound-settings-tab button[title*=停止],.btn-sound-play:hover,.sound-settings-tab button[title*=再生]:hover,.sound-settings-tab button[title*=試聴]:hover,.sound-settings-tab button[title*=停止]:hover{transition:none!important}.btn-sound-play:active,.sound-settings-tab button[title*=再生]:active,.sound-settings-tab button[title*=試聴]:active,.sound-settings-tab button[title*=停止]:active{transform:none!important;box-shadow:none!important;filter:brightness(.78)!important;transition:none!important}.btn-success,.btn-accent-secondary{background:var(--btn-accent-secondary-bg);color:var(--btn-accent-secondary-text);box-shadow:var(--btn-accent-secondary-shadow)}.btn-success:hover,.btn-accent-secondary:hover{background:var(--btn-accent-secondary-hover-bg);box-shadow:var(--btn-accent-secondary-hover-shadow)}.btn-success:active,.btn-accent-secondary:active{background:var(--btn-accent-secondary-active-bg);filter:brightness(.9)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-danger:hover{box-shadow:0 6px 20px #ef444499}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-cpu-sim{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:20px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s ease;border:1px solid color-mix(in srgb,var(--color-accent-secondary) 35%,transparent);background:color-mix(in srgb,var(--color-accent-secondary) 8%,transparent);color:var(--color-accent-secondary)}.btn-cpu-sim:hover{background:color-mix(in srgb,var(--color-accent-secondary) 15%,transparent);border-color:var(--color-accent-secondary)}.btn-cpu-sim.active{border:1.5px solid var(--color-accent-secondary);background:var(--color-accent-secondary);color:var(--btn-accent-secondary-text, #ffffff)}.btn-cpu-sim.active:hover{background:color-mix(in srgb,var(--color-accent-secondary) 88%,black)}.btn-cpu-sim-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent-secondary);transition:all .2s ease}.btn-cpu-sim.active .btn-cpu-sim-dot{background:#fff;box-shadow:0 0 8px #fffc}.segmented-control{display:flex;background:var(--bg-segmented-track);border:1px solid var(--border-glass);border-radius:9999px;padding:3px;gap:2px;width:100%;box-sizing:border-box;align-items:stretch;-webkit-user-select:none;user-select:none}.segmented-control-sm{padding:2px;border-radius:9999px}.segmented-control-lg{padding:4px;border-radius:9999px}.segmented-item{flex:1 1 0;padding:.32rem .5rem;font-size:.72rem;font-weight:500;border-radius:9999px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;outline:none;font-family:inherit;line-height:1.2;box-sizing:border-box;text-decoration:none}.segmented-control-sm .segmented-item{padding:.22rem .4rem;font-size:.68rem;border-radius:9999px}.segmented-control-lg .segmented-item{padding:.45rem .8rem;font-size:.8rem;border-radius:9999px}.segmented-item:hover:not(:disabled):not(.active){color:var(--text-primary);background:var(--bg-card-subtle)}.segmented-item.active{background:var(--btn-accent-secondary-bg);color:var(--btn-accent-secondary-text);font-weight:700;box-shadow:0 1px 3px #0000002e}.segmented-control-primary .segmented-item.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:700;box-shadow:0 1px 3px #0000002e}[data-theme=girly] .segmented-control .segmented-item.active,[data-theme=lovely] .segmented-control .segmented-item.active,[data-theme=girly] .segmented-control-primary .segmented-item.active,[data-theme=lovely] .segmented-control-primary .segmented-item.active{background:var(--girly-accent-secondary);color:#fff}.segmented-item:disabled{opacity:.35;cursor:not-allowed}.segmented-control-light{display:flex;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;gap:3px;width:100%;box-sizing:border-box;align-items:stretch;-webkit-user-select:none;user-select:none}.segmented-control-light .segmented-item{flex:1 1 0;padding:.38rem .5rem;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;transition:background-color .12s ease,color .12s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;outline:none;line-height:1.2;box-sizing:border-box}.segmented-control-light .segmented-item:hover:not(:disabled):not(.active){color:#0f172a;background:#ffffffb3}.segmented-control-light .segmented-item.active{background:#2563eb;color:#fff;font-weight:700;box-shadow:0 1px 2px #2563eb40}.btn-submit-answer{width:100%;padding:.75rem 1rem;font-family:var(--font-main);font-size:1rem;font-weight:800;letter-spacing:.02em;border-radius:8px;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:none!important;transform:none!important;-webkit-user-select:none;user-select:none;box-sizing:border-box}.btn-submit-answer-primary{background:#2563eb;color:#fff;border-color:#1d4ed8}.btn-submit-answer-primary:hover{background:#1d4ed8;transition:none!important;transform:none!important}.btn-submit-answer-primary:active{background:#1e40af;filter:brightness(.9)!important;transform:none!important;transition:none!important}.btn-submit-answer-submitted{background:#059669;color:#fff;border-color:#047857}.btn-submit-answer-submitted:hover{background:#047857;transition:none!important;transform:none!important}.btn-submit-answer-submitted:active{background:#065f46;filter:brightness(.9)!important;transform:none!important;transition:none!important}.btn-submit-answer:disabled{background:#cbd5e1;border-color:#cbd5e1;color:#fff;cursor:not-allowed}.guest-submit{width:100%;display:flex;flex-direction:column;gap:.4rem}.guest-submit-shortcut{font-family:inherit;font-size:.74rem;font-weight:600;opacity:.85;background:#fff3;padding:2px 6px;border-radius:4px}.guest-submit-status{margin:0;font-size:.78rem;font-weight:600;line-height:1.4;text-align:center;color:#64748b}.guest-submit-status[data-submitted=true]{color:#047857}@media (hover: none) and (pointer: coarse){.guest-submit-shortcut,.buzzer-key-badge{display:none}}.guest-choice-panel{width:100%;margin:0 auto;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.1rem;background:#fff;border-radius:16px;border:1.5px solid #e2e8f0}.guest-text-style{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box}.guest-text-style>summary{padding:.6rem 1rem;font-size:.82rem;font-weight:700;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.guest-text-style-body{display:flex;flex-direction:column;gap:.85rem;padding:.25rem 1rem 1rem}.form-control{font-family:var(--font-main);font-size:.95rem;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;padding:.65rem 1rem;outline:none;transition:var(--transition-smooth);width:100%}.form-control::placeholder{color:var(--text-placeholder, var(--text-muted));opacity:.75}.form-control:hover{border-color:var(--color-accent);background:var(--bg-input-hover)}.form-control:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);background:var(--bg-input-hover)}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:9999px;outline:none;cursor:pointer;background:var(--slider-track-bg, rgba(255, 255, 255, .2));transition:opacity .15s ease;vertical-align:middle}.volume-slider::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:transparent}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 1px 3px #00000040;border:none;margin-top:-4px;transition:transform .15s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 25%,transparent)}.volume-slider::-moz-range-track{height:6px;border-radius:9999px;background:transparent}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none;box-shadow:0 1px 3px #00000040;transition:transform .15s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.15)}input[type=checkbox]{--checkbox-bg: var(--bg-input);--checkbox-border: var(--border-input);--checkbox-accent: var(--color-accent)}.checkbox-light{--checkbox-bg: #ffffff;--checkbox-border: #cbd5e1;--checkbox-accent: #2563eb}input[type=checkbox],.checkbox-light{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;min-height:16px;border:1.5px solid var(--checkbox-border);border-radius:4px;background-color:var(--checkbox-bg);cursor:pointer;display:inline-grid;place-content:center;margin:0;vertical-align:middle;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;box-sizing:border-box}input[type=checkbox]:hover:not(:disabled),.checkbox-light:hover:not(:disabled){border-color:var(--checkbox-accent)}input[type=checkbox]:checked,.checkbox-light:checked{background-color:var(--checkbox-accent)!important;border-color:var(--checkbox-accent)!important;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3e%3cpolyline points='3.5 8.5 6.5 11.5 12.5 5.5'/%3e%3c/svg%3e")!important;background-size:78% 78%!important;background-position:center!important;background-repeat:no-repeat!important}input[type=checkbox]:focus-visible,.checkbox-light:focus-visible{outline:2px solid var(--checkbox-accent);outline-offset:1px}input[type=checkbox]:disabled,.checkbox-light:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]:disabled:checked,.checkbox-light:disabled:checked{background-color:var(--text-muted)!important;border-color:var(--text-muted)!important}input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%;border:1.5px solid var(--border-subtle, #cbd5e1);background-color:var(--bg-card, #ffffff);cursor:pointer;margin:0;vertical-align:middle;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;box-sizing:border-box}input[type=radio]:hover:not(:disabled){border-color:var(--color-accent-secondary)}input[type=radio]:checked{border:1px solid var(--color-accent-secondary);background-color:var(--color-accent-secondary);box-shadow:inset 0 0 0 1.2px var(--radio-gap-color, #0b0f19)}input[type=radio]:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:1px}.radio-option-item{background:var(--bg-radio-option, var(--bg-card-subtle));border:1px solid var(--border-radio-option, var(--border-subtle));transition:all .15s ease}.radio-option-item:hover{background:var(--bg-card-hover);border-color:var(--border-input)}[data-theme=girly] .radio-option-item:hover,[data-theme=lovely] .radio-option-item:hover{background:color-mix(in srgb,var(--girly-accent-secondary) 20%,#ffffff);border-color:color-mix(in srgb,var(--girly-accent-secondary) 40%,transparent)}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.1rem;padding-right:2.75rem;cursor:pointer}select.form-control.form-control-compact{height:30px;padding:0 1.9rem 0 .6rem;background-position:right .5rem center;background-size:.95rem}select.form-control option{background-color:var(--bg-card);color:var(--text-primary);padding:.6rem;font-weight:500}select.form-control option:checked{background-color:var(--bg-card-hover);color:var(--color-accent)}.brand-logo-container{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.brand-logo-img{width:auto;max-height:100%;object-fit:contain;display:block}.brand-logo-girly,.brand-logo-light{display:none!important}.brand-logo-default,[data-theme=light] .brand-logo-light{display:block!important}[data-theme=light] .brand-logo-default,[data-theme=light] .brand-logo-girly{display:none!important}[data-theme=girly] .brand-logo-girly,[data-theme=lovely] .brand-logo-girly{display:block!important}[data-theme=girly] .brand-logo-default,[data-theme=lovely] .brand-logo-default,[data-theme=girly] .brand-logo-light,[data-theme=lovely] .brand-logo-light{display:none!important}.brand-logo-hero{max-width:380px;width:90%;height:auto}.brand-logo-header{height:28px;width:auto;object-fit:contain}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-track-bg, rgba(255, 255, 255, .2));border-radius:9999px;outline:none}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:9999px;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;margin-top:-4px;border:none;box-shadow:0 1px 3px #0003;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 25%,transparent)}input[type=range]::-moz-range-track{height:6px;border-radius:9999px;background:var(--slider-track-bg, rgba(255, 255, 255, .2))}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none;box-shadow:0 1px 3px #0003}[data-theme=girly] input[type=range]::-webkit-slider-thumb,[data-theme=lovely] input[type=range]::-webkit-slider-thumb{border:2px solid #ffffff;box-shadow:0 1px 4px color-mix(in srgb,var(--girly-accent-primary) 40%,transparent)}.room-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;width:100%}.room-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:1.1rem;display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;transition:var(--transition-smooth)}.room-card:hover{border-color:var(--color-accent);background:var(--bg-card-hover);box-shadow:var(--shadow-glass)}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes writing-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg) translate(-2px,-1px)}75%{transform:rotate(3deg) translate(2px,1px)}}@keyframes buzzer-glow{0%{box-shadow:0 0 #fbbf24cc;transform:scale(1)}50%{box-shadow:0 0 25px 8px #fbbf24;transform:scale(1.05)}to{box-shadow:0 0 #fbbf24cc;transform:scale(1)}}@keyframes answer-slide-in{0%{transform:translate(48px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pop-in{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes timeup-pulse{0%{box-shadow:inset 0 0 #ef444400}25%{box-shadow:inset 0 0 60px 25px #ef4444d9}50%{box-shadow:inset 0 0 10px 2px #ef444433}75%{box-shadow:inset 0 0 60px 25px #ef4444d9}to{box-shadow:inset 0 0 #ef444400}}.timeup-flash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;animation:timeup-pulse 3s cubic-bezier(.4,0,.2,1) forwards}.avatar-container{position:relative;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--text-primary);background:#1e293b;z-index:2}.state-thinking .avatar-container{opacity:.95}.state-writing .avatar-container{animation:writing-wiggle .3s infinite alternate}.state-writing .avatar-image{border-color:var(--color-warning)}.state-submitted .avatar-container{animation:pulse-glow 2s infinite}.state-submitted .avatar-image{border-color:var(--color-success)}.state-buzzer-first .avatar-container{animation:buzzer-glow 1.5s infinite}.state-buzzer-first .avatar-image{border-color:var(--color-gold);transform:scale(1.1);z-index:10}.state-offline{opacity:1;filter:none}.status-badge{position:absolute;bottom:-4px;right:-4px;background-color:var(--bg-secondary);border:1px solid var(--border-glass);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;z-index:3}.state-thinking .status-badge{color:var(--text-secondary);border-color:var(--text-muted)}.state-writing .status-badge{color:var(--color-warning);border-color:var(--color-warning);box-shadow:0 0 8px #f59e0b66}.state-submitted .status-badge{color:var(--color-success);border-color:var(--color-success);box-shadow:0 0 8px #10b98166}.container{width:100%;max-width:1450px;margin:0 auto;padding:1.5rem}.hinadan-row{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;flex-wrap:nowrap!important;width:100%;max-width:100%;padding:1rem .5rem;min-height:220px;box-sizing:border-box}.player-avatar-slot{display:flex;flex-direction:column;align-items:center;gap:.8rem;animation:pop-in .5s ease-out;position:relative}.player-name{font-weight:700;font-size:.95rem;letter-spacing:.05em;background:#0f172a99;padding:2px 10px;border-radius:20px;border:1px solid var(--border-glass);text-shadow:0 2px 4px rgba(0,0,0,.5)}.player-score{font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem;color:var(--color-gold)}.avatar-body{width:12px;height:50px;border-radius:6px;margin-top:-15px;position:relative;z-index:1;box-shadow:0 4px 10px #0000004d}.avatar-hands{position:absolute;top:10px;left:-20px;width:52px;height:4px;border-radius:2px;z-index:1}.canvas-container{display:flex;flex-direction:column;align-items:center;gap:0;background:transparent;padding:0;border:none;box-shadow:none;touch-action:none}.canvas-element{background:#fff;border-radius:4px;cursor:crosshair}.canvas-tools{display:flex;gap:.8rem;width:100%;justify-content:space-between;background:var(--bg-secondary);padding:8px;border-radius:8px}.buzzer-rank-badge{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;padding:5px 18px;border-radius:9999px;white-space:nowrap;box-sizing:border-box;z-index:20;pointer-events:none;animation:buzzerRankPop .35s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.buzzer-rank-badge:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-style:solid}.buzzer-rank-badge.rank-gold{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fef08a;color:#fff;box-shadow:0 0 18px #f59e0ba6,0 4px 12px #00000080}.buzzer-rank-badge.rank-gold:after{border-color:#d97706 transparent transparent transparent}.buzzer-rank-badge.rank-silver{background:linear-gradient(135deg,#334155,#1e293b);border:1.5px solid #94a3b8;color:#f8fafc;box-shadow:0 4px 12px #00000080}.buzzer-rank-badge.rank-silver:after{border-color:#1e293b transparent transparent transparent}.buzzer-rank-main{font-size:1.15rem;font-weight:900;letter-spacing:.05em;line-height:1.2}@keyframes buzzerRankPop{0%{opacity:0;transform:translate(-50%,10px) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.buzzer-key-badge{display:inline-flex;align-items:center;justify-content:center;background:#00000059;border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700;color:#fff;margin-top:4px;letter-spacing:.03em;box-shadow:0 2px 4px #00000040;pointer-events:none}.buzzer-3d-base{width:154px;height:154px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#334155,#1e293b 70%,#0f172a);padding:10px;box-sizing:border-box;box-shadow:0 14px 28px #0009,0 0 20px #ef444440,inset 0 2px 4px #fff6,inset 0 -4px 8px #0009;border:3px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.buzzer-3d-well{width:100%;height:100%;border-radius:50%;background:#090d16;box-shadow:inset 0 6px 14px #000000d9,inset 0 1px 3px #0009;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.buzzer-3d-btn{width:118px;height:118px;border-radius:50%;border:none;outline:none;font-family:var(--font-main);font-weight:900;cursor:pointer;position:relative;transition:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;touch-action:manipulation}.buzzer-3d-btn.state-ready{background:radial-gradient(circle at 45% 25%,#ffa5a5,#ff4d4d 30%,#ef4444,#dc2626);color:#fff;transform:translateY(-8px);box-shadow:0 10px #b91c1c,0 12px #881337,0 16px 25px #00000080,0 0 30px #ef4444b3,inset 0 4px 6px #ffffffa6,inset 0 -4px 8px #00000040;text-shadow:0 2px 4px rgba(0,0,0,.6)}.buzzer-3d-btn.state-ready:hover{filter:brightness(1.08);transform:translateY(-9px);box-shadow:0 11px #b91c1c,0 13px #881337,0 20px 30px #0009,0 0 40px #ef4444e6,inset 0 4px 8px #ffffffbf,inset 0 -4px 8px #00000040}.buzzer-3d-btn.state-ready:active{transform:translateY(5px);box-shadow:0 2px #881337,0 4px 8px #0009,inset 0 4px 8px #00000080,inset 0 -2px 4px #fff3}.buzzer-3d-btn.state-pressed{background:radial-gradient(circle at 45% 30%,#be123c,#9f1239 60%,#4c0519);color:#fecdd3;transform:translateY(5px);box-shadow:0 1px #4c0519,0 3px 6px #000000b3,inset 0 6px 12px #000000b3,inset 0 2px 4px #fff3;cursor:not-allowed;text-shadow:0 1px 2px rgba(0,0,0,.8)}.buzzer-3d-btn.state-locked{background:radial-gradient(circle at 50% 30%,#64748b,#475569 60%,#334155);color:#cbd5e1;transform:translateY(3px);box-shadow:0 2px #1e293b,0 4px 8px #0009,inset 0 4px 8px #0009,inset 0 2px 4px #fff3;cursor:not-allowed;text-shadow:0 1px 2px rgba(0,0,0,.8)}.buzzer-3d-btn.state-disabled{background:radial-gradient(circle at 50% 30%,#52525b,#3f3f46 60%,#27272a);color:#a1a1aa;transform:translateY(2px);box-shadow:0 3px #18181b,0 5px 10px #00000080,inset 0 3px 6px #fff3,inset 0 -3px 6px #0006;cursor:not-allowed}.judgment-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:8rem;font-weight:900;pointer-events:none;z-index:100;text-shadow:0 0 20px rgba(0,0,0,.8);animation:judgment-pop 1.5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes judgment-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}25%{transform:translate(-50%,-50%) scale(1.2);opacity:1}75%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.judgment-correct{color:#10b981}.judgment-incorrect{color:#ef4444}.judgment-half{color:#f59e0b}@keyframes fade-in-text{0%{opacity:0}to{opacity:1}}@keyframes slide-up-text{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-left-text{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.anim-wipe{animation:wipe-text .4s linear forwards}@keyframes wipe-text{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.ruby-wrapper.anim-wipe{animation-name:wipe-ruby-text}@keyframes wipe-ruby-text{0%{clip-path:inset(-2.5em 100% -.3em 0)}to{clip-path:inset(-2.5em 0 -.3em 0)}}.anim-fade-in{opacity:0;animation:fade-in-text .5s cubic-bezier(.16,1,.3,1) forwards}.anim-slide-left{opacity:0;transform:translate(20px);animation:slide-left-text .4s cubic-bezier(.16,1,.3,1) forwards}.flip-card-inner-normal{transition:transform .6s cubic-bezier(.4,0,.2,1)}.flip-card-inner-gentle{animation:flip-open-gentle 1.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes flip-open-gentle{0%{transform:rotateX(-82deg) rotateY(180deg);transform-origin:bottom center}to{transform:rotateX(0) rotateY(180deg);transform-origin:bottom center}}.flip-card-inner-powerful{animation:flip-open-powerful .96s forwards}@keyframes flip-open-powerful{0%{transform:translateY(0) rotateX(0) scale(1);transform-origin:center center;animation-timing-function:cubic-bezier(.2,0,.25,1)}38%{transform:translateY(-80px) rotateX(180deg) scale(1.12);transform-origin:center center;animation-timing-function:linear}62%{transform:translateY(-80px) rotateX(180deg) scale(1.12);transform-origin:center center;animation-timing-function:cubic-bezier(.65,.05,.9,.35)}75%{transform:translateY(0) rotateX(180deg) scale(1);transform-origin:center center}to{transform:translateY(0) rotateX(180deg) scale(1);transform-origin:center center}}.screen-shake-down{animation:screen-shake-down .18s cubic-bezier(.12,.9,.25,1) forwards}@keyframes screen-shake-down{0%{transform:translateY(0)}35%{transform:translateY(6px)}to{transform:translateY(0)}}.btn-flip-open{display:flex;align-items:center;justify-content:center;width:100%;padding:.42rem .6rem;font-size:.8rem;font-weight:700;border-radius:6px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;border:1px solid transparent;line-height:1.2;box-sizing:border-box}.btn-flip-open-normal{background:#2563eb;color:#fff;border-color:#1d4ed8}.btn-flip-open-normal:hover{background:#1d4ed8}.btn-flip-open-normal:active{transform:scale(.97)}.btn-flip-open-gentle{background:#fff;color:#0f172a;border-color:#cbd5e1}.btn-flip-open-gentle:hover{background:#f1f5f9;border-color:#94a3b8}.btn-flip-open-gentle:active{transform:scale(.97)}.btn-flip-open-powerful{background:#dc2626;color:#fff;border-color:#b91c1c}.btn-flip-open-powerful:hover{background:#b91c1c}.btn-flip-open-powerful:active{transform:scale(.97)}.ruby-wrapper{position:relative;display:inline-block;vertical-align:baseline;line-height:1}.ruby-text{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:.42em;line-height:1;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em;font-weight:700;margin-bottom:-.04em;color:inherit;opacity:.92}@keyframes bounce-subtle{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.portal-container{height:100vh;width:100vw;display:flex;flex-direction:column;background:var(--bg-main);color:var(--text-primary);overflow:hidden}.portal-header{height:var(--header-height, 52px);background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);padding:0 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:100}.guest-header{gap:.75rem}.guest-header-group{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.guest-header-title-group{flex-shrink:1;min-width:0}.guest-header-room-name{font-size:1.05rem;font-weight:700;color:var(--text-primary);border-left:1px solid var(--border-glass);padding-left:.85rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guest-header-volume{display:flex;align-items:center;gap:.5rem;background:#ffffff14;padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.guest-header-volume .volume-slider{width:100px}.guest-header-volume-value{color:var(--text-primary);font-size:.75rem;font-weight:700;width:32px;text-align:right}.guest-header-me{display:flex;align-items:center;gap:.6rem;padding:2px 8px 2px 2px;border:1px solid transparent;border-radius:999px;background:none;font-family:inherit;cursor:pointer}.guest-header-me-icon{padding:0;border:none;transform:scale(.8);margin:-4px}.guest-header-me:hover{border-color:#ffffff59;background:#ffffff14}.guest-header-me-name{font-weight:700;font-size:1.05rem;color:#fff;max-width:10em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guest-header-view-toggle{display:flex;align-items:center;gap:6px;background:#2563eb;color:#fff;border:1px solid #1d4ed8;border-radius:9999px;padding:5px 14px;font-size:.78rem;font-weight:800;white-space:nowrap;cursor:pointer}@media (max-width: 700px){.guest-header{padding:0 .75rem}.guest-header-group{gap:.5rem}.guest-header-volume{padding:.4rem .6rem}.guest-header-volume .volume-slider{width:56px}.guest-header-volume-value,.guest-header-me-name,.guest-header-view-toggle-label{display:none}.guest-header-view-toggle{padding:7px 9px}}@media (max-width: 420px){.guest-header-room-name{display:none}}.portal-body{display:flex;flex:1;height:calc(100vh - var(--header-height, 52px));overflow:hidden}.portal-sidebar{width:240px;flex-shrink:0;height:100%;box-sizing:border-box;background:var(--bg-sidebar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-glass);padding:1.2rem .8rem;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto}.portal-content{flex:1;height:100%;min-width:0;padding:1.2rem 1.6rem;overflow-y:auto}@media (max-width: 868px){.portal-body{flex-direction:column}.portal-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid var(--border-glass)}}.portal-tab-btn{font-family:var(--font-main);font-size:.95rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:8px;padding:.75rem 1rem;text-align:left;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:.75rem}.portal-tab-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.portal-tab-btn.active{color:var(--text-primary);background:var(--bg-card-active)!important;border-color:var(--border-glass)!important;box-shadow:none!important;font-weight:700}.preview-thumbnail{width:54px;height:38px;object-fit:cover;border-radius:6px;border:1px solid var(--border-glass);cursor:zoom-in;transition:transform .2s ease,border-color .2s ease;background:#000}.preview-thumbnail:hover{transform:scale(1.08);border-color:var(--color-gold);box-shadow:0 4px 12px #00000080}.preview-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;animation:pop-in .25s ease-out;padding:2rem}.preview-modal-content{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 12px 40px #000c,0 0 0 1px var(--border-glass)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@keyframes voice-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes speaker-wave-1{0%,19.9%{opacity:0}20%,90%{opacity:1}90.1%,to{opacity:0}}@keyframes speaker-wave-2{0%,44.9%{opacity:0}45%,90%{opacity:1}90.1%,to{opacity:0}}@keyframes speaker-wave-3{0%,69.9%{opacity:0}70%,90%{opacity:1}90.1%,to{opacity:0}}.speaker-wave-1{animation:speaker-wave-1 .9s steps(1) infinite}.speaker-wave-2{animation:speaker-wave-2 .9s steps(1) infinite}.speaker-wave-3{animation:speaker-wave-3 .9s steps(1) infinite}.studio-header{padding:.6rem 1.2rem;white-space:nowrap}.studio-room-name{font-size:1.15rem;font-weight:800;color:var(--text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.studio-title{font-size:1.2rem;font-weight:800;margin:0;color:var(--text-primary);white-space:nowrap}.studio-btn-back-short{display:none}@media (max-width: 1100px){.studio-room-name{max-width:140px;font-size:1.05rem}.studio-title{font-size:1.1rem}}@media (max-width: 880px){.studio-room-name{max-width:90px;font-size:.95rem}.studio-title{font-size:1rem}.studio-btn-back-full{display:none}.studio-btn-back-short{display:inline}}.studio-layout-2col{width:100%;display:flex;flex-direction:row;align-items:stretch;padding:.6rem 1rem .75rem;max-width:1920px;margin:0 auto;height:calc(100vh - 54px);overflow:hidden;box-sizing:border-box;gap:0}.studio-side-left{display:flex;flex-direction:column;gap:.75rem;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;padding-right:.25rem}.studio-splitter{width:12px;margin:0 4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:col-resize;position:relative;-webkit-user-select:none;user-select:none;z-index:20}.studio-splitter:before{content:"";width:2px;height:100%;background:var(--border-glass);border-radius:2px;transition:background .15s ease,width .15s ease,box-shadow .15s ease}.studio-splitter:hover:before,.studio-splitter.resizing:before{width:4px;background:#3b82f6;box-shadow:0 0 10px #3b82f699}.studio-side-right{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:320px;height:100%;overflow-y:auto;overflow-x:hidden;padding-left:.25rem;padding-right:.45rem}.studio-side-left::-webkit-scrollbar,.studio-side-right::-webkit-scrollbar{width:6px;height:6px}.studio-side-left::-webkit-scrollbar-track,.studio-side-right::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.studio-side-left::-webkit-scrollbar-thumb,.studio-side-right::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.studio-side-left::-webkit-scrollbar-thumb:hover,.studio-side-right::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 1099px){.studio-layout-2col{display:flex;flex-direction:column;height:auto;overflow:visible;padding:.5rem;gap:.75rem}.studio-side-left,.studio-side-right{width:100%!important;height:auto;overflow-y:visible;padding-right:0;padding-left:0}.studio-splitter{display:none}}.studio-layout{display:grid;grid-template-columns:290px minmax(480px,820px) 310px;grid-template-areas:"left center right";justify-content:center;gap:.75rem;padding:.75rem 1.2rem;max-width:1480px;margin:0 auto}.studio-col-left{grid-area:left;display:flex;flex-direction:column;gap:.75rem}.studio-col-center{grid-area:center;display:flex;flex-direction:column;gap:.75rem;min-width:0;max-width:820px;width:100%;margin:0 auto}.studio-col-right{grid-area:right;display:flex;flex-direction:column;gap:.75rem;min-width:0}.badge-chip{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:.72rem;font-weight:700;background:var(--bg-card-subtle);border:1px solid var(--border-glass);color:var(--text-secondary);white-space:nowrap}.badge-chip-accent{background:var(--color-accent-subtle);border-color:var(--color-accent-glow);color:var(--color-accent)}@keyframes pulse-timer{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}.guest-flip-textarea::placeholder{font-size:clamp(1.2rem,3.5cqw,2rem);font-weight:700;color:#94a3b8;line-height:1.2}.guest-flip-textarea{caret-color:#2563eb}.guest-flip-textarea::-webkit-scrollbar{width:6px}.guest-flip-textarea::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}@keyframes judge-mark-lifecycle{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}18%{transform:translate(-50%,-50%) scale(1.18);opacity:.98}28%{transform:translate(-50%,-50%) scale(1);opacity:.95}72%{transform:translate(-50%,-50%) scale(1);opacity:.95}to{transform:translate(-50%,-50%) scale(.88);opacity:0}}.judge-mark-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78%;height:78%;pointer-events:none;z-index:50;display:flex;align-items:center;justify-content:center;animation:judge-mark-lifecycle 2.1s cubic-bezier(.16,1,.3,1) forwards}.instant-tooltip-container{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1}.instant-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--text-secondary);background:var(--bg-btn-secondary);color:var(--text-primary);font-size:.72rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;box-sizing:border-box;flex-shrink:0;line-height:1}.instant-tooltip-container:hover .instant-tooltip-trigger{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.instant-tooltip-content{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0f172af5;color:#f1f5f9;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;font-size:.72rem;font-weight:500;line-height:1.45;white-space:normal;width:max-content;max-width:260px;box-shadow:0 4px 16px #0009;pointer-events:none;z-index:99999;transition:none}.instant-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:rgba(15,23,42,.96) transparent transparent transparent}.instant-tooltip-content.align-left{left:0;transform:none}.instant-tooltip-content.align-left:after{left:14px;transform:none}.instant-tooltip-content.align-right{left:auto;right:0;transform:none}.instant-tooltip-content.align-right:after{left:auto;right:14px;transform:none}.instant-tooltip-content.align-theme-auto{left:auto;right:-92px;transform:none}.instant-tooltip-content.align-theme-auto:after{left:auto;right:104px;transform:none}.instant-tooltip-container:hover .instant-tooltip-content{visibility:visible;opacity:1}.se-settings-container{display:grid;grid-template-columns:1fr;gap:1.4rem;align-items:start}@media (min-width: 768px){.se-settings-container{grid-template-columns:1fr 1fr}}.hover-card:hover{background:#ffffff0d!important;border-color:#3b82f666!important}@keyframes flip-writing-shake{0%,to{transform:translate(-50%) perspective(800px) rotateX(-14deg) rotate(0) translateY(0)}25%{transform:translate(-50%) perspective(800px) rotateX(-14.8deg) rotate(-.5deg) translateY(-1px)}50%{transform:translate(-50%) perspective(800px) rotateX(-13.5deg) rotate(.4deg) translateY(.5px)}75%{transform:translate(-50%) perspective(800px) rotateX(-14.3deg) rotate(-.3deg) translateY(-.8px)}}.anim-flip-writing{animation:flip-writing-shake 2s ease-in-out infinite}@keyframes flip-descend-in{0%{opacity:0;transform:translate(-50%) translateY(-60px) perspective(1400px) rotateX(42deg)}to{opacity:1;transform:translate(-50%) translateY(0) perspective(1400px) rotateX(58deg)}}.anim-flip-descend{animation:flip-descend-in .75s cubic-bezier(.16,1,.3,1) both}.outlined-field-box{background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;padding:.65rem .9rem;display:flex;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;position:relative;box-sizing:border-box;cursor:text}.outlined-field-box:has(select){cursor:pointer}.outlined-field-box:hover{border-color:var(--color-accent);background:var(--bg-input-hover)}.outlined-field-box:focus-within{border-color:var(--color-accent)!important;box-shadow:0 0 0 1px var(--color-accent);background:var(--bg-input-hover)}.outlined-field-box .field-label{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem;-webkit-user-select:none;user-select:none;transition:color .18s ease;letter-spacing:.01em;cursor:pointer}.outlined-field-box .field-label button,.outlined-field-box .field-label a{cursor:pointer}.outlined-field-box:focus-within .field-label{color:var(--color-accent)}.outlined-field-box .field-input-inner{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;width:100%;color:var(--text-primary)!important;font-family:inherit;font-size:.92rem;line-height:1.5;padding:0!important;box-sizing:border-box}.field-number-row{display:flex;align-items:center;gap:.35rem}.field-number-row .field-input-inner{flex:1;min-width:0}.number-stepper{display:inline-flex;flex-direction:column;gap:2px;flex-shrink:0}.number-stepper button{display:flex;align-items:center;justify-content:center;width:20px;height:11px;padding:0;border:1px solid var(--border-input);border-radius:3px;background:transparent;color:var(--text-secondary);cursor:pointer}.number-stepper button:hover:not(:disabled){color:var(--text-primary);border-color:var(--color-accent)}.number-stepper button:disabled{opacity:.4;cursor:not-allowed}.outlined-field-box .field-input-inner::placeholder{color:var(--text-placeholder, var(--text-muted));opacity:.75}.outlined-field-box textarea.field-input-inner{resize:vertical;min-height:2.8rem}.outlined-field-box-sm{padding:.35rem .65rem;border-radius:6px}.outlined-field-box-sm .field-label{font-size:.7rem;font-weight:600;margin-bottom:.15rem;line-height:1.2}.outlined-field-box-sm .field-input-inner{font-size:.85rem;line-height:1.3}.outlined-field-box select.field-input-inner{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ec4899' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .2rem center;background-size:.9rem;padding-right:1.4rem!important;cursor:pointer}.outlined-field-box select.field-input-inner option{background-color:var(--bg-card);color:var(--text-primary)}.custom-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--border-input);border-radius:4px;background:var(--bg-input);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;position:relative;margin:0;vertical-align:middle}.custom-checkbox:hover{border-color:var(--color-accent);background:var(--bg-input-hover)}.custom-checkbox:checked{background:var(--btn-primary-bg, var(--color-accent));border-color:var(--color-accent)}.custom-checkbox:checked:after{content:"";display:block;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.custom-checkbox:focus-visible{outline:2px solid var(--color-accent-subtle);outline-offset:1px}.image-picker-button .image-picker-overlay{background:#00000080;opacity:0;transition:opacity .15s ease}.image-picker-button:hover .image-picker-overlay,.image-picker-button:focus-visible .image-picker-overlay{opacity:1}.u-flex:not(#_){display:flex}.u-inline-flex:not(#_){display:inline-flex}.u-grid:not(#_){display:grid}.u-block:not(#_){display:block}.u-inline-block:not(#_){display:inline-block}.u-hidden:not(#_){display:none}.u-col:not(#_){flex-direction:column}.u-wrap:not(#_){flex-wrap:wrap}.u-items-center:not(#_){align-items:center}.u-items-start:not(#_){align-items:flex-start}.u-items-end:not(#_){align-items:flex-end}.u-items-stretch:not(#_){align-items:stretch}.u-items-baseline:not(#_){align-items:baseline}.u-justify-center:not(#_){justify-content:center}.u-justify-between:not(#_){justify-content:space-between}.u-justify-start:not(#_){justify-content:flex-start}.u-justify-end:not(#_){justify-content:flex-end}.u-flex-1:not(#_){flex:1}.u-shrink-0:not(#_){flex-shrink:0}.u-min-w-0:not(#_){min-width:0}.u-gap-1:not(#_){gap:.25rem}.u-gap-2:not(#_){gap:.4rem}.u-gap-3:not(#_){gap:.5rem}.u-gap-4:not(#_){gap:.6rem}.u-gap-5:not(#_){gap:.8rem}.u-gap-6:not(#_){gap:1rem}.u-gap-7:not(#_){gap:1.2rem}.u-w-full:not(#_){width:100%}.u-h-full:not(#_){height:100%}.u-m-0:not(#_){margin:0}.u-relative:not(#_){position:relative}.u-absolute:not(#_){position:absolute}.u-overflow-hidden:not(#_){overflow:hidden}.u-text-2xs:not(#_){font-size:.7rem}.u-text-xs:not(#_){font-size:.75rem}.u-text-sm:not(#_){font-size:.8rem}.u-text-md:not(#_){font-size:.875rem}.u-text-base:not(#_){font-size:.95rem}.u-text-lg:not(#_){font-size:1.05rem}.u-text-xl:not(#_){font-size:1.25rem}.u-fw-400:not(#_){font-weight:400}.u-fw-500:not(#_){font-weight:500}.u-fw-600:not(#_){font-weight:600}.u-fw-700:not(#_){font-weight:700}.u-fw-800:not(#_){font-weight:800}.u-fw-900:not(#_){font-weight:900}.u-text-center:not(#_){text-align:center}.u-text-left:not(#_){text-align:left}.u-text-right:not(#_){text-align:right}.u-nowrap:not(#_){white-space:nowrap}.u-color-primary:not(#_){color:var(--text-primary)}.u-color-secondary:not(#_){color:var(--text-secondary)}.u-color-muted:not(#_){color:var(--text-muted)}.u-color-accent:not(#_){color:var(--color-accent)}.u-color-gold:not(#_){color:var(--color-gold)}.u-color-danger:not(#_){color:var(--color-danger)}.u-color-success:not(#_){color:var(--color-success)}.u-color-white:not(#_){color:#fff}.u-bg-card:not(#_){background:var(--bg-card)}.u-bg-card-subtle:not(#_){background:var(--bg-card-subtle)}.u-bg-input:not(#_){background:var(--bg-input)}.u-bg-transparent:not(#_){background:transparent}.u-border:not(#_){border:1px solid var(--border-glass)}.u-border-subtle:not(#_){border:1px solid var(--border-subtle)}.u-border-0:not(#_){border:none}.u-rounded-sm:not(#_){border-radius:3px}.u-rounded:not(#_){border-radius:4px}.u-rounded-md:not(#_){border-radius:6px}.u-rounded-lg:not(#_){border-radius:8px}.u-rounded-full:not(#_){border-radius:50%}.u-pointer:not(#_){cursor:pointer}