*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chrome-button,button.chrome-button,input[type=button].chrome-button,input[type=submit].chrome-button{border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.chrome-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.chrome-button:hover:before{left:100%}.chrome-button:active{transform:scale(.98);box-shadow:0 1px 4px #0003}.chrome-tab{border-radius:10px 10px 0 0;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}[data-theme=dark-chrome]{--chrome-primary: #1a1a1a;--chrome-secondary: #2d2d2d;--chrome-accent: #4a9eff;--chrome-text: #ffffff;--chrome-text-secondary: #b0b0b0;--chrome-gradient-start: rgba(45, 45, 45, 1);--chrome-gradient-mid: rgba(35, 35, 35, 1);--chrome-gradient-end: rgba(26, 26, 26, 1);--chrome-shadow: rgba(0, 0, 0, .6);--chrome-highlight: rgba(255, 255, 255, .15);--chrome-metallic-overlay: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .08) 40%, transparent 70%)}[data-theme=dark-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);position:relative;color:var(--chrome-text);box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px #fff3,inset 0 -1px #0009,0 0 20px #4a9eff26;border:1px solid rgba(255,255,255,.1);overflow:hidden}[data-theme=dark-chrome] .chrome-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:12px}[data-theme=dark-chrome] .chrome-button:hover{background:radial-gradient(circle,#373737,#2a2a2a,#202020);box-shadow:0 6px 16px #000000b3,inset 0 1px #ffffff40,inset 0 -1px #000000b3,0 0 30px #4a9eff33;border-color:#ffffff26}[data-theme=dark-chrome] .chrome-tab{background:radial-gradient(circle,#232323e6,#1c1c1cf2,#141414);position:relative;color:var(--chrome-text-secondary);box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #00000080;border:1px solid rgba(255,255,255,.08);overflow:hidden}[data-theme=dark-chrome] .chrome-tab:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:10px 10px 0 0;opacity:.5}[data-theme=dark-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);color:var(--chrome-text);box-shadow:0 4px 10px #0009,inset 0 1px #fff3,inset 0 -1px #0009,0 0 15px #4a9eff2e;border-color:#ffffff1f}[data-theme=dark-chrome] .chrome-tab.active:after{opacity:.7}[data-theme=light-chrome]{--chrome-primary: #ffffff;--chrome-secondary: #f5f5f5;--chrome-accent: #007aff;--chrome-text: #000000;--chrome-text-secondary: #000000;--chrome-gradient-start: rgba(255, 255, 255, 1);--chrome-gradient-mid: rgba(245, 245, 245, 1);--chrome-gradient-end: rgba(232, 232, 232, 1);--chrome-shadow: rgba(0, 0, 0, .2);--chrome-highlight: rgba(255, 255, 255, .9);--chrome-metallic-overlay: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .2) 40%, transparent 70%)}[data-theme=light-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);position:relative;color:var(--chrome-text);box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px #ffffffe6,inset 0 -1px #0000001a,0 0 20px #007aff1a;border:1px solid rgba(0,0,0,.08);overflow:hidden}[data-theme=light-chrome] .chrome-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:12px;opacity:.5}[data-theme=light-chrome] .chrome-button:hover{background:radial-gradient(circle,#fff,#fafafa,#e0e0e0);box-shadow:0 6px 16px #00000040,inset 0 1px #fff,inset 0 -1px #00000026,0 0 30px #007aff26;border-color:#0000001a}[data-theme=light-chrome] .chrome-tab{background:radial-gradient(circle,#f5f5f5e6,#e8e8e8f2,#dcdcdc);position:relative;color:var(--chrome-text-secondary);box-shadow:0 2px 6px #00000026,inset 0 1px #ffffffb3,inset 0 -1px #00000014;border:1px solid rgba(0,0,0,.06);overflow:hidden}[data-theme=light-chrome] .chrome-tab:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:10px 10px 0 0;opacity:.6}[data-theme=light-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);color:var(--chrome-text);box-shadow:0 4px 10px #0003,inset 0 1px #fffffff2,inset 0 -1px #0000001a,0 0 15px #007aff1f;border-color:#0000001a}[data-theme=light-chrome] .chrome-tab.active:after{opacity:.85}[data-theme=gunmetal-chrome]{--chrome-primary: #3a3a3a;--chrome-secondary: #4a4a4a;--chrome-accent: #6c7a8f;--chrome-text: #e8e8e8;--chrome-text-secondary: #b8b8b8;--chrome-gradient-start: rgba(74, 74, 74, 1);--chrome-gradient-mid: rgba(58, 58, 58, 1);--chrome-gradient-end: rgba(46, 46, 46, 1);--chrome-shadow: rgba(0, 0, 0, .7);--chrome-highlight: rgba(255, 255, 255, .12);--chrome-metallic-overlay: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .08) 40%, transparent 70%)}[data-theme=gunmetal-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);position:relative;color:var(--chrome-text);box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px #ffffff26,inset 0 -1px #000000b3,0 0 20px #6c7a8f33;border:1px solid rgba(255,255,255,.1);overflow:hidden}[data-theme=gunmetal-chrome] .chrome-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:12px}[data-theme=gunmetal-chrome] .chrome-button:hover{background:radial-gradient(circle,#525252,#444,#383838);box-shadow:0 6px 16px #000c,inset 0 1px #fff3,inset 0 -1px #000c,0 0 30px #6c7a8f4d;border-color:#ffffff26}[data-theme=gunmetal-chrome] .chrome-tab{background:radial-gradient(circle,#404040e6,#363636f2,#2c2c2c);position:relative;color:var(--chrome-text-secondary);box-shadow:0 2px 6px #0009,inset 0 1px #ffffff1a,inset 0 -1px #0009;border:1px solid rgba(255,255,255,.08);overflow:hidden}[data-theme=gunmetal-chrome] .chrome-tab:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:10px 10px 0 0;opacity:.55}[data-theme=gunmetal-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);color:var(--chrome-text);box-shadow:0 4px 10px #000000b3,inset 0 1px #ffffff26,inset 0 -1px #000000b3,0 0 15px #6c7a8f40;border-color:#ffffff1f}[data-theme=gunmetal-chrome] .chrome-tab.active:after{opacity:.75}[data-theme=mystery-purple-chrome]{--chrome-primary: #5c0b85;--chrome-secondary: #800ec2;--chrome-accent: #b248f0;--chrome-text: #f5e0ff;--chrome-text-secondary: #d8a8f0;--chrome-gradient-start: rgba(178, 72, 240, 1);--chrome-gradient-mid: rgba(128, 14, 194, 1);--chrome-gradient-end: rgba(92, 11, 133, 1);--chrome-shadow: rgba(92, 11, 133, .6);--chrome-highlight: rgba(255, 255, 255, .25);--chrome-metallic-overlay: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .1) 40%, transparent 70%)}[data-theme=mystery-purple-chrome] .chrome-button{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);position:relative;color:var(--chrome-text);box-shadow:0 4px 12px var(--chrome-shadow),inset 0 1px #ffffff4d,inset 0 -1px #5c0b8580,0 0 20px #b248f033;border:1px solid rgba(178,72,240,.4);overflow:hidden}[data-theme=mystery-purple-chrome] .chrome-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:12px}[data-theme=mystery-purple-chrome] .chrome-button:hover{background:radial-gradient(circle,#bc58fa,#8a22d6,#661599);box-shadow:0 6px 16px #5c0b85b3,inset 0 1px #ffffff59,inset 0 -1px #5c0b8599,0 0 30px #b248f04d;border-color:#b248f080}[data-theme=mystery-purple-chrome] .chrome-tab{background:radial-gradient(circle,#800ec2cc,#5c0b85e6,#480871);position:relative;color:var(--chrome-text-secondary);box-shadow:0 2px 6px #5c0b8566,inset 0 1px #ffffff26,inset 0 -1px #5c0b8566;border:1px solid rgba(178,72,240,.3);overflow:hidden}[data-theme=mystery-purple-chrome] .chrome-tab:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chrome-metallic-overlay);pointer-events:none;border-radius:10px 10px 0 0;opacity:.6}[data-theme=mystery-purple-chrome] .chrome-tab.active{background:radial-gradient(circle,var(--chrome-gradient-start) 0%,var(--chrome-gradient-mid) 50%,var(--chrome-gradient-end) 100%);color:var(--chrome-text);box-shadow:0 4px 10px #5c0b8599,inset 0 1px #ffffff4d,inset 0 -1px #5c0b8580,0 0 15px #b248f040;border-color:#b248f073}[data-theme=mystery-purple-chrome] .chrome-tab.active:after{opacity:.8}[data-theme] button:not(.plain):not(.edit-icon-button):not(.icon-button):not(.header-toggle-button):not(.panel-toggle-button):not(.panel-collapse-button):not(.close-sidebar-button):not(.toggle-sidebar-button):not(.close-suggestions):not(.close-analysis),[data-theme] .button:not(.plain),[data-theme] input[type=button]:not(.plain),[data-theme] input[type=submit]:not(.plain){border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}[data-theme] .send-button,[data-theme] .pause-button,[data-theme] .save-button,[data-theme] .cancel-button,[data-theme] .back-button,[data-theme] .logout-button,[data-theme] .auth-button,[data-theme] .submit-button,[data-theme] .create-button,[data-theme] .add-character-button,[data-theme] .remove-button,[data-theme] .toggle-form-button,[data-theme] .analyze-button,[data-theme] .retry-button,[data-theme] .apply-suggestion-button,[data-theme] .accept-suggestion-button,[data-theme] .field-suggest-button,[data-theme] .ai-suggest-button,[data-theme] .pair-button,[data-theme] .accept-button,[data-theme] .reject-button,[data-theme] .small-button,[data-theme] .link-button{border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}[data-theme] .mobile-tab{border-radius:10px 10px 0 0}[data-theme=dark-chrome] .nav-link.active{background:linear-gradient(135deg,#4a9eff33,#4a9eff1a);color:#4a9eff;box-shadow:0 2px 8px #4a9eff4d,inset 0 1px #4a9eff33;border:1px solid rgba(74,158,255,.3)}[data-theme=light-chrome] .nav-link.active{background:linear-gradient(135deg,#007aff26,#007aff14);color:#007aff;box-shadow:0 2px 8px #007aff33,inset 0 1px #007aff26;border:1px solid rgba(0,122,255,.2)}[data-theme=gunmetal-chrome] .nav-link.active{background:linear-gradient(135deg,#6c7a8f40,#6c7a8f26);color:#a0b0c8;box-shadow:0 2px 8px #6c7a8f59,inset 0 1px #6c7a8f33;border:1px solid rgba(108,122,143,.3)}[data-theme=mystery-purple-chrome] .nav-link.active{background:radial-gradient(circle,#b248f040,#800ec226,#5c0b851a);color:#e0a0ff;box-shadow:0 2px 8px #b248f066,inset 0 1px #b248f040;border:1px solid rgba(178,72,240,.35);position:relative;overflow:hidden}[data-theme=mystery-purple-chrome] .nav-link.active:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15) 0%,rgba(255,255,255,.05) 40%,transparent 70%);pointer-events:none;border-radius:8px;opacity:.6}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.chat-panel{display:flex;flex-direction:column;height:100%;background:#f5f5f5;border-right:1px solid #ddd;transition:all .3s ease;width:100%;overflow:hidden}.chat-panel.with-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.chat-panel.with-background .messages-container{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-panel.with-background .chat-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header{padding:1.5rem 5rem 1.5rem 1.5rem;background:#fff;border-bottom:1px solid #ddd;flex-shrink:0;position:relative}.chat-header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap;position:relative;z-index:1}.message-mode-selector{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.message-mode-selector label{color:#555;font-weight:500}.mode-select{padding:.35rem .5rem;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer}.chat-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:.5rem}.chat-tab{background:none;border:none;padding:.5rem 1rem;font-size:.95rem;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;position:relative;display:flex;align-items:center;gap:.5rem}.chat-tab:hover{color:#1976d2}.chat-tab.active{color:#1976d2;font-weight:600;border-bottom-color:#1976d2}.message-count{background:#1976d2;color:#fff;font-size:.75rem;padding:.15rem .5rem;border-radius:12px;font-weight:600}.chat-tab.active .message-count{background:#1565c0}.chat-tab.message-alert{animation:messageAlert .5s ease-in-out 6;background:#1976d233!important;box-shadow:0 0 15px #1976d280;transform:scale(1.05);z-index:1000}@keyframes messageAlert{0%,to{background:#1976d233!important;box-shadow:0 0 15px #1976d280;transform:scale(1)}50%{background:#1976d299!important;box-shadow:0 0 25px #1976d2cc;transform:scale(1.08)}}.message-alert-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:1rem;text-align:center;font-weight:700;z-index:10000;animation:slideDown .3s ease-out,fadeOut .3s ease-out 2.7s forwards;box-shadow:0 4px 6px #0000004d}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.user-switcher{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#555}.user-switcher select{padding:.35rem .5rem;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:.9rem}.character-indicator{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#555}.character-label{color:#666}.character-name-badge{background:#1976d2;color:#fff;padding:.35rem .75rem;border-radius:12px;font-weight:600;font-size:.9rem}.participants{display:flex;gap:.5rem;flex-wrap:wrap}.participant-badge{background:#e3f2fd;color:#1976d2;padding:.25rem .5rem;border-radius:12px;font-size:.85rem}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.ai-chat-container{background:#fafafa}.command-message{background:#e3f2fd!important;color:#1976d2!important;border-left:3px solid #1976d2}.message{display:flex;flex-direction:column;max-width:80%;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.own-message{align-self:flex-end}.other-message{align-self:flex-start}.ai-intervention{align-self:center;max-width:90%;margin:.5rem 0}.message-header{display:flex;gap:.5rem;margin-bottom:.25rem;font-size:.85rem}.username{font-weight:600;color:#555}.timestamp{color:#999;font-size:.75rem}.message-content{background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 1px 2px #0000001a;word-wrap:break-word}.own-message .message-content{background:#1976d2;color:#fff}.ai-bubble{padding:1rem;border-radius:12px;border-left:4px solid;box-shadow:0 2px 4px #0000001a}.ai-bubble.severity-low{background:#fff3cd;border-color:#ffc107}.ai-bubble.severity-medium{background:#ffe0b2;border-color:#ff9800}.ai-bubble.severity-high{background:#ffcdd2;border-color:#f44336}.ai-label{font-weight:600;font-size:.85rem;margin-bottom:.5rem;color:#333}.ai-content{color:#555;line-height:1.5}.ai-command-response{align-self:center;max-width:90%;margin:.5rem 0}.ai-command-bubble{padding:1.5rem;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #00000026;border-left:4px solid rgba(255,255,255,.5)}.ai-command-bubble .ai-label{font-weight:600;font-size:.9rem;margin-bottom:.75rem;color:#fffffff2;text-transform:uppercase;letter-spacing:.5px}.ai-command-content{color:#fffffff2;line-height:1.6;font-size:.95rem}.ai-command-content strong{color:#fff;font-weight:600}.chat-input-wrapper{position:relative;flex-shrink:0}.command-suggestions{position:absolute;bottom:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #0000001a;max-height:300px;overflow-y:auto;z-index:100;margin-bottom:-1px}.command-suggestions-header{padding:.75rem 1rem;font-weight:600;color:#555;border-bottom:1px solid #eee;font-size:.9rem;background:#f9f9f9}.command-suggestion-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid #eee;background:#fff;cursor:pointer;text-align:left;transition:background .2s;border-radius:0}.command-suggestion-item:last-child{border-bottom:none}.command-suggestion-item:hover{background:#f5f5f5}.command-name{font-weight:600;color:#1976d2;font-size:.95rem;margin-bottom:.25rem}.command-desc{font-size:.85rem;color:#666}.chat-input-form{display:flex;padding:1rem;background:#fff;border-top:1px solid #ddd;gap:.5rem;flex-shrink:0}.chat-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;outline:none;min-width:0;box-sizing:border-box}.chat-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.message-mode-selector-inline{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffffe6;border-radius:4px;margin-left:.5rem}.message-mode-selector-inline label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;margin:0;white-space:nowrap}.message-mode-selector-inline input[type=checkbox]{margin:0;cursor:pointer;width:auto}.send-button{padding:.75rem 1.5rem;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.send-button:hover:not(:disabled){background:#1565c0}.send-button:disabled{background:#ccc;cursor:not-allowed}.para-button{padding:.75rem 1rem;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background .2s;min-width:2.5rem}.para-button:hover{background:#e0e0e0}.pause-button{padding:.75rem 1rem;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.pause-button:hover{background:#e0e0e0}.clear-ai-button{padding:.5rem 1rem;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s;margin-left:auto}.clear-ai-button:hover{background:#d32f2f}.clear-ai-button:active{background:#b71c1c}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;color:#999;font-style:italic;padding:2rem;text-align:center}.chat-subtitle{color:#666;font-size:.9rem;margin:.25rem 0 0}.chat-empty .hint{color:#bbb;font-size:.85rem;margin-top:.5rem;font-style:italic}@media(max-width:768px){.chat-header{padding:1rem}.chat-header-top{flex-direction:column;align-items:stretch;gap:.75rem}.chat-tabs{width:100%;justify-content:stretch}.chat-tab{flex:1;justify-content:center;padding:.4rem .75rem;font-size:.9rem}.message-mode-selector{font-size:.8rem}.user-switcher,.character-indicator,.participants{display:none}.messages-container{padding:.75rem}.message{max-width:90%}.chat-input-form{padding:.75rem;flex-wrap:wrap}.chat-input{font-size:.9rem;padding:.6rem}.send-button,.pause-button{padding:.6rem 1rem;font-size:.9rem}}@media(max-width:480px){.chat-header{padding:.5rem .75rem}.chat-header-top{gap:.5rem;flex-wrap:wrap}.chat-tabs{margin-bottom:.5rem;width:100%;order:-1}.chat-tab{padding:.35rem .5rem;font-size:.85rem}.message-count{font-size:.7rem;padding:.1rem .4rem}.message-mode-selector{font-size:.75rem}.user-switcher,.character-indicator,.participants{display:none}.mode-select{padding:.3rem .4rem;font-size:.85rem}.messages-container{padding:.5rem;gap:.75rem}.message{max-width:95%}.message-content{padding:.6rem .8rem;font-size:.9rem}.chat-input-form{padding:.5rem;gap:.4rem}.chat-input{font-size:.85rem;padding:.5rem}.send-button,.pause-button{padding:.5rem .75rem;font-size:.85rem;min-width:60px}}.story-panel{display:flex;flex-direction:column;height:100%;background:#fafafa;position:relative;overflow:hidden}.story-panel.with-background{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.story-panel.with-background .story-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:1.5rem;margin:1rem}.story-header{padding:1.5rem 5rem 1.5rem 1.5rem;background:#fff;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:1rem;transition:padding-right .3s ease,max-height .3s ease,padding .3s ease;position:relative;overflow:hidden}.story-header-top-bar{display:flex;align-items:center;gap:1rem;width:100%;flex-wrap:wrap}.story-header-top-bar .comic-mode-button{margin-left:auto}.story-header.collapsed{max-height:60px;padding:.75rem 5rem .75rem 1.5rem}.story-header.collapsed>*:not(.story-header-top-bar){display:none}.story-header.collapsed .story-header-top-bar{display:flex}.story-header.sidebar-open{padding-right:calc(1.5rem + 300px)}.header-toggle-button{position:absolute;top:.75rem;right:1rem;background:#fffffff2;border:1px solid #ddd;border-radius:8px;padding:.35rem .65rem;font-size:.85rem;cursor:pointer;z-index:100;transition:all .2s;box-shadow:0 2px 8px #00000026;pointer-events:auto}.header-toggle-button:hover{background:#e0e0e0}.story-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;flex-wrap:wrap;position:relative;z-index:1}.story-title-section{flex:1;min-width:0;transition:max-width .3s ease;padding-right:.5rem;position:relative;z-index:1}.story-title-section.sidebar-open{max-width:calc(100% - 300px)}.title-row,.title-display{display:flex;align-items:center;gap:.5rem}.title-display h2{margin:0;color:#333;font-size:1.5rem;font-weight:600;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.edit-icon-button{background:none;border:none;font-size:1rem;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.edit-icon-button:hover{opacity:1}.edit-icon-button.small{font-size:.85rem;margin-left:.25rem}.title-edit{display:flex;align-items:center;gap:.5rem;flex:1}.title-input{flex:1;padding:.5rem;border:2px solid #1976d2;border-radius:4px;font-size:1.5rem;font-weight:600;font-family:inherit}.details-edit{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.detail-input{padding:.5rem;border:2px solid #1976d2;border-radius:4px;font-size:.9rem;font-family:inherit;min-width:120px}.edit-actions{display:flex;gap:.25rem}.save-button,.cancel-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.save-button{color:#2e7d32}.save-button:hover{background:#e8f5e9}.cancel-button{color:#d32f2f}.cancel-button:hover{background:#ffebee}.back-button{background:#f5f5f5;border:1px solid #e0e0e0;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;color:#333;cursor:pointer;transition:all .2s;white-space:nowrap}.back-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.refine-all-button{white-space:nowrap}.refine-segment-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-weight:500}.refine-segment-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653a8f);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.refine-segment-button:disabled{opacity:.6;cursor:not-allowed}.story-meta{display:flex;gap:1rem;margin-top:.75rem;font-size:.9rem;color:#666}.meta-item{display:flex;align-items:center;gap:.25rem}.meta-item strong{color:#1976d2;font-weight:600}.story-tags{display:flex;gap:.5rem;margin-top:.75rem}.tag{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;display:inline-flex;align-items:center;gap:.25rem}.tag-label{font-weight:600;opacity:.8}.story-content{flex:1;overflow-y:auto;padding:2rem;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;position:relative;z-index:1;transition:max-width .3s ease,margin-right .3s ease}.story-content.sidebar-open{max-width:500px;margin-right:300px}@media(max-width:768px){.story-header{padding:.5rem 1rem;flex-direction:row;align-items:center;min-height:50px}.story-header.collapsed{max-height:50px;padding:.5rem 1rem}.story-header.sidebar-open{padding-right:1rem}.story-title-section{width:100%;flex:1}.story-title-section.sidebar-open{max-width:100%}.title-display h2{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-header-actions{flex-wrap:nowrap;justify-content:flex-end;gap:.5rem}.story-meta,.story-tags{display:none}.story-content{padding:1rem;flex:1;min-height:0}.story-content.sidebar-open{margin-right:0;max-width:100%}.characters-sidebar{width:100%;max-width:100%;transform:translate(100%)}.characters-sidebar.open{transform:translate(0)}.story-segment{padding:.75rem}.segment-content p{font-size:.9rem;line-height:1.5}.header-toggle-button{position:static;margin-left:auto}}@media(max-width:480px){.story-header{padding:.75rem}.title-display h2{font-size:1.1rem}.story-meta{font-size:.85rem;gap:.75rem;flex-wrap:wrap}.story-tags{flex-wrap:wrap;gap:.4rem}.tag{font-size:.8rem;padding:.2rem .6rem}.back-button,.toggle-sidebar-button{padding:.4rem .75rem;font-size:.85rem}.story-content{padding:1rem}.world-description{padding:1rem;margin-bottom:1rem}.world-description h3{font-size:1.1rem}.world-description p{font-size:.9rem}.story-segment{padding:.75rem}.segment-content p{font-size:.9rem;line-height:1.5}.segment-actions{flex-wrap:wrap;gap:.5rem}.edit-segment-button,.delete-segment-button,.verify-segment-button,.refine-segment-button,.undo-segment-button{padding:.4rem .6rem;font-size:.85rem}.characters-sidebar{padding:.75rem}.sidebar-header h3{font-size:1.1rem}.character-card{padding:.75rem}.character-name{font-size:1rem}.character-description{font-size:.85rem}}@media(min-width:1200px){.story-content{max-width:900px}.story-content.sidebar-open{max-width:600px}}.world-description{background:#f5f5f5;border-left:4px solid #1976d2;padding:1.5rem;margin-bottom:2rem;border-radius:8px;position:relative;transition:max-height .3s ease,padding .3s ease;overflow:hidden}.world-description.collapsed{padding:.75rem 1.5rem;max-height:50px}.world-description.collapsed p{display:none}.world-toggle-button{background:none;border:none;font-size:1rem;font-weight:600;color:#1976d2;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;gap:.5rem}.world-toggle-button:hover{color:#1565c0}.world-description.collapsed .world-toggle-button{margin-bottom:0}.world-description h3{margin:0 0 .75rem;font-size:1.1rem;color:#1976d2;font-weight:600}.world-description p{margin:0;color:#555;line-height:1.6}.world-rules,.world-clarifications{margin-top:.5rem!important}.world-description.world-empty{display:flex;justify-content:flex-start;padding:1rem 1.5rem}.world-add-button{font-size:.9rem}.world-edit-button{margin-top:.75rem;font-size:.9rem}.world-edit-form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.world-edit-form label{font-size:.9rem;font-weight:600;color:#333;margin:0}.world-edit-textarea{width:100%;padding:.6rem .75rem;border:2px solid #1976d2;border-radius:6px;font-size:.95rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:60px;box-sizing:border-box}.world-edit-textarea:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 2px #1976d233}.world-edit-hint{font-size:.85rem!important;color:#666!important;margin:0!important;font-style:italic}.story-text{line-height:1.8;color:#333;font-size:1.1rem}.story-chapter{margin-bottom:3rem;page-break-after:always}.chapter-title{font-size:2rem;font-weight:700;color:#333;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:3px solid #1976d2;text-align:center}.chapter-content{text-align:justify}.story-paragraph{margin:0 0 1.25rem;text-indent:1.5em;line-height:1.8}.story-paragraph:first-of-type{text-indent:0}.chapter-segment-controls{margin-top:2rem;padding-top:1rem;border-top:2px dashed #ddd}.segment-controls-details{font-size:.9rem;color:#666}.segment-controls-summary{cursor:pointer;padding:.5rem;background:#f5f5f5;border-radius:6px;-webkit-user-select:none;user-select:none;font-weight:500}.segment-controls-summary:hover{background:#e0e0e0}.segment-controls-list{margin-top:.5rem;padding:.5rem;background:#fafafa;border-radius:6px;max-height:400px;overflow-y:auto}.story-segment-controls-only{margin-bottom:.75rem}.segment-control-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.segment-preview{font-size:.85rem;color:#666;font-style:italic}.story-segment{margin-bottom:1.5rem;position:relative}.story-segment+.story-segment{margin-top:1rem}.segment-content{position:relative}.story-segment p{margin:0;text-align:justify}.story-paragraph{margin-bottom:1rem}.story-paragraph:last-child{margin-bottom:0}.segment-edit{display:flex;flex-direction:column;gap:.5rem}.segment-edit-textarea{width:100%;padding:.75rem;border:2px solid #1976d2;border-radius:8px;font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:150px;white-space:pre-wrap}.segment-edit-toolbar{display:flex;gap:.5rem;align-items:center;padding:.25rem 0}.segment-edit-toolbar .para-button{padding:.5rem 1rem;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.segment-edit-toolbar .para-button:hover{background:#e0e0e0}.segment-edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.segment-edit-indicator{font-size:.85rem;color:#666;margin-top:.5rem;font-style:italic}.segment-actions{display:flex;gap:.5rem;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.edit-segment-button,.delete-segment-button,.verify-segment-button,.refine-segment-button,.undo-segment-button{background:#f5f5f5;border:1px solid #e0e0e0;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;color:#333;cursor:pointer;transition:all .2s}.undo-segment-button:hover:not(:disabled){background:#e0e0e0;border-color:#1976d2;color:#1976d2}.undo-segment-button:disabled{opacity:.6;cursor:not-allowed}.edit-segment-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.delete-segment-button{background:#ffebee;border-color:#f44336;color:#d32f2f}.delete-segment-button:hover{background:#ffcdd2;border-color:#d32f2f}.verify-segment-button{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.verify-segment-button:hover{background:#c8e6c9}.verified-badge{color:#2e7d32;font-size:.85rem;font-weight:500}.segment-divider{height:1px;background:#e0e0e0;margin:1.5rem 0}.story-placeholder{text-align:center;color:#999;padding:3rem 1rem}.story-placeholder p{margin:.5rem 0;font-size:1.1rem}.hint{font-style:italic;font-size:.95rem!important}.story-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.story-empty h2{margin-bottom:.5rem;color:#666}.toggle-sidebar-button{background:#f5f5f5;border:1px solid #e0e0e0;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;color:#333;cursor:pointer;transition:all .2s;white-space:nowrap}.toggle-sidebar-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.characters-sidebar{position:fixed;right:0;top:0;width:300px;height:100vh;background:#fff;border-left:1px solid #ddd;overflow-y:auto;box-shadow:-2px 0 8px #00000026;z-index:100;transform:translate(100%);transition:transform .3s ease}.characters-sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f9f9f9;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.sidebar-header h3{margin:0;font-size:1.1rem;color:#333}.close-sidebar-button{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-sidebar-button:hover{background:#0000001a;color:#333}.characters-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.character-card{background:#f9f9f9;padding:1rem;border-radius:8px;border:1px solid #e0e0e0}.character-name{font-weight:600;font-size:1rem;color:#333;margin-bottom:.5rem}.character-owner{font-size:.85rem;color:#1976d2;font-weight:500;margin-bottom:.5rem}.character-description{font-size:.9rem;color:#666;margin-bottom:.75rem;line-height:1.4}.character-traits{display:flex;flex-wrap:wrap;gap:.5rem}.trait-badge{background:#e8f5e9;color:#2e7d32;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.story-text.comic-mode{background:#fafafa}.story-text.comic-mode .comic-chapter .chapter-title{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif;font-size:2.5rem;color:#d32f2f;text-shadow:2px 2px 0px #000,4px 4px 0px rgba(0,0,0,.2);border-bottom:4px solid #d32f2f;letter-spacing:2px}.comic-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.comic-panel{background:#fff;border:4px solid #000;border-radius:8px;padding:1.5rem;box-shadow:4px 4px #0003,8px 8px #0000001a;position:relative;min-height:200px;display:flex;flex-direction:column}.comic-panel:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:8px;z-index:-1;opacity:.1}.comic-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #000}.comic-panel-number{font-weight:700;font-size:1.1rem;color:#d32f2f;text-transform:uppercase;letter-spacing:1px}.comic-content{font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.6;color:#333;flex:1}.comic-panel-description{margin-bottom:1rem;font-style:italic;color:#555}.comic-caption{margin:.75rem 0;padding:.5rem;background:#fff9c4;border-left:3px solid #fbc02d;font-style:italic}.comic-dialogue{margin:.75rem 0}.comic-dialogue-item{margin:.5rem 0;padding:.5rem;background:#e3f2fd;border-left:3px solid #1976d2;border-radius:4px}.comic-sound-effects{margin:.75rem 0}.comic-sound-effect{font-weight:700;font-size:1.2rem;color:#d32f2f;text-transform:uppercase;letter-spacing:2px;text-align:center;margin:.5rem 0}.comic-image-prompt{margin-top:1.5rem;padding:1rem;background:#f5f5f5;border:2px dashed #1976d2;border-radius:8px}.comic-image-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:1rem;color:#1976d2}.comic-image-prompt-actions{display:flex;gap:.5rem}.copy-prompt-button,.generate-image-button{background:#1976d2;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-prompt-button:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.generate-image-button{background:#4caf50}.generate-image-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.generate-image-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.comic-image-prompt-text{font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;color:#333;background:#fff;padding:.75rem;border-radius:4px;white-space:pre-wrap;word-wrap:break-word}.comic-image-prompt-hint{margin-top:.5rem;font-size:.85rem;color:#666;font-style:italic}.comic-content strong{font-weight:700;color:#d32f2f}@media(max-width:768px){.comic-panels{grid-template-columns:1fr;gap:1rem}.comic-panel{padding:1rem;min-height:150px}.story-text.comic-mode .comic-chapter .chapter-title{font-size:2rem}}.comic-mode-button.active{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;font-weight:600}.comic-mode-button.active:hover{background:linear-gradient(135deg,#ff5252,#26a69a)}.main-layout{display:flex;height:100%;width:100%;overflow:hidden;position:relative}.layout-left{flex:0 0 400px;min-width:250px;max-width:600px;height:100%;overflow:hidden;display:flex;flex-direction:column;transition:width .3s ease,min-width .3s ease,max-width .3s ease;border-right:1px solid #ddd;position:relative}.layout-left>.chat-panel{height:100%}.layout-left.collapsed{flex:0 0 60px;min-width:60px;max-width:60px}.main-layout.sidebar-open .layout-left:not(.collapsed){max-width:250px}.layout-right{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.layout-right.collapsed{flex:0 0 60px;min-width:60px;max-width:60px}.resize-handle{width:4px;background:#ddd;cursor:col-resize;flex-shrink:0;transition:background .2s;position:relative;z-index:10}.resize-handle:hover{background:#1976d2}.panel-collapse-button{position:absolute;top:.5rem;right:.5rem;background:#fffffff2;border:1px solid #ddd;border-radius:8px;padding:.35rem .65rem;font-size:.85rem;cursor:pointer;z-index:100;transition:all .2s;box-shadow:0 2px 8px #00000026;pointer-events:auto}.panel-collapse-button:hover{background:#fff;border-color:#1976d2;color:#1976d2}.panel-collapse-button.right{left:.5rem;right:auto}.panel-toggle-button{width:100%;height:100%;background:#f5f5f5;border:none;font-size:1.5rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.panel-toggle-button:hover{background:#e0e0e0}.mobile-view-tabs{display:none;position:sticky;top:0;z-index:100;background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.mobile-tab{flex:1;background:none;border:none;padding:1rem;font-size:1rem;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;font-weight:500}.mobile-tab:hover{background:#f5f5f5;color:#1976d2}.mobile-tab.active{color:#1976d2;font-weight:600;border-bottom-color:#1976d2;background:#f5f5f5}.mobile-full{flex:1;min-height:0;width:100%;height:100%}@media(max-width:768px){.main-layout.mobile{flex-direction:column;height:100%}.mobile-view-tabs{display:flex;flex-shrink:0}.layout-left.mobile-full,.layout-right.mobile-full{flex:1;min-height:0;width:100%;height:100%;border:none}.main-layout.mobile .panel-collapse-button,.main-layout.mobile .panel-toggle-button,.main-layout.mobile .resize-handle{display:none}.main-layout:not(.mobile){flex-direction:column}.main-layout:not(.mobile).sidebar-open .layout-left{max-width:100%}.main-layout:not(.mobile) .layout-left{flex:0 0 50%;max-width:100%;min-width:100%;border-right:none;border-bottom:1px solid #ddd}.main-layout:not(.mobile) .layout-right{flex:1;min-height:0}}@media(max-width:480px){.mobile-tab{padding:.75rem;font-size:.9rem}.main-layout:not(.mobile) .layout-left{flex:0 0 40%;min-height:180px;max-height:50vh}.main-layout:not(.mobile) .layout-right{flex:1;min-height:0}}@media(max-width:360px){.mobile-tab{padding:.6rem;font-size:.85rem}.main-layout:not(.mobile) .layout-left{flex:0 0 35%;min-height:150px}}@media(min-width:1200px){.layout-left{flex:0 0 450px;max-width:550px}}@media(min-width:1600px){.layout-left{flex:0 0 500px;max-width:600px}}.main-navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;flex-shrink:0;z-index:100;position:relative;height:auto;min-height:60px;box-sizing:border-box}.nav-brand h1{margin:0;font-size:1.5rem;color:#1976d2;font-weight:700}.nav-links{display:flex;gap:1rem}.nav-link{background:none;border:none;padding:.5rem 1rem;font-size:1rem;color:#666;cursor:pointer;border-radius:8px;transition:all .2s;text-decoration:none;display:inline-block}.nav-link:hover{background:#f5f5f5;color:#333}.nav-link.active{font-weight:600}.nav-brand a{text-decoration:none;color:inherit}.nav-user{display:flex;align-items:center;gap:1rem}.user-name{color:#333;font-weight:500}.logout-button{background:#f5f5f5;border:1px solid #e0e0e0;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;color:#666;cursor:pointer;transition:all .2s}.logout-button:hover{background:#e0e0e0;color:#333}@media(max-width:768px){.main-navigation{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.nav-brand h1{font-size:1.25rem}.nav-links{gap:.5rem;flex-wrap:wrap}.nav-link{padding:.4rem .8rem;font-size:.9rem}.nav-user{gap:.5rem;flex-wrap:wrap}.user-name{font-size:.9rem}.logout-button{padding:.4rem .8rem;font-size:.85rem}}@media(max-width:480px){.main-navigation{padding:.5rem;flex-direction:column;align-items:stretch}.nav-brand{text-align:center}.nav-brand h1{font-size:1.1rem}.nav-links{justify-content:center;width:100%}.nav-link{flex:1;text-align:center;padding:.5rem;font-size:.85rem}.nav-user{justify-content:center;width:100%;padding-top:.5rem;border-top:1px solid #e0e0e0}.user-name{font-size:.85rem}.logout-button{flex:1;text-align:center}}.ai-analysis-panel{background:#fff;border:2px solid #1976d2;border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:0 4px 12px #1976d233}.analysis-prompt{text-align:center;display:flex;flex-direction:column;align-items:center}.analysis-prompt h3{margin:0 0 1rem;color:#1976d2}.analysis-prompt ul{text-align:left;display:inline-block;margin:1rem 0;color:#666}.analysis-prompt li{margin:.5rem 0}.analyze-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem;align-self:center;width:auto;min-width:200px}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.analyze-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.hint{color:#999;font-size:.9rem;margin-top:.5rem;font-style:italic}.analysis-loading{text-align:center;padding:2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analysis-error{text-align:center;padding:1rem;background:#ffebee;border-radius:8px;color:#c62828}.retry-button{background:#1976d2;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;margin-top:.5rem;cursor:pointer}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.analysis-header h3{margin:0;color:#1976d2}.close-analysis{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-analysis:hover{background:#0000001a;color:#333}.analysis-section{margin-bottom:2rem}.analysis-section h4{margin:0 0 1rem;color:#333;font-size:1.1rem}.character-analysis-card,.story-analysis-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.character-analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.score-excellent{background:#e8f5e9;color:#2e7d32}.score-good{background:#e3f2fd;color:#1976d2}.score-fair{background:#fff3e0;color:#f57c00}.score-poor{background:#ffebee;color:#c62828}.strengths{margin:1rem 0;color:#2e7d32}.strengths ul{margin:.5rem 0 0 1.5rem;padding:0}.strengths li{margin:.25rem 0}.issues{margin:1rem 0}.issue{background:#fff;border-left:4px solid;padding:1rem;margin:.75rem 0;border-radius:4px}.issue-low{border-color:#ffc107;background:#fffbf0}.issue-medium{border-color:#ff9800;background:#fff3e0}.issue-high{border-color:#f44336;background:#ffebee}.issue-header{display:flex;gap:.5rem;margin-bottom:.5rem}.issue-severity{font-weight:600;font-size:.85rem}.issue-type{background:#f5f5f5;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;color:#666}.issue-message{margin:.5rem 0;color:#333;line-height:1.5}.issue-suggestion{margin:.5rem 0 0;color:#666;font-size:.9rem;font-style:italic}.suggestions{margin:1rem 0}.suggestions-note{margin:1rem 0;padding:.75rem;background:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;color:#1976d2;font-size:.9rem}.suggestion-item{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #1976d2;padding:1rem;margin:.75rem 0;border-radius:4px;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.suggestion-item p{margin:0;flex:1;color:#333;line-height:1.5}.apply-suggestion-button{background:#1976d2;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background .2s}.apply-suggestion-button:hover{background:#1565c0}.completeness-meter{margin-bottom:1rem}.meter-bar{width:100%;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden;margin-top:.5rem}.meter-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease}.clarification-question{background:#fff3cd;border:1px solid #ffc107;border-left:4px solid #ffc107;padding:1rem;margin:.75rem 0;border-radius:4px}.question-context{font-size:.9rem;color:#666;margin-bottom:.5rem}.question-text{margin:.5rem 0;color:#333;font-weight:500;line-height:1.5}.question-field{display:inline-block;background:#f5f5f5;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#666;margin-top:.5rem}.section-hint{color:#666;font-size:.9rem;margin-bottom:1rem;font-style:italic}.series-manager{padding:1.5rem;background:var(--panel-bg, #f5f5f5);border-radius:8px;max-width:600px;margin:0 auto}.series-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.series-manager-header h3{margin:0;color:var(--text-primary, #333)}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #666);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem}.series-form{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.series-form h4{margin-top:0;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary, #333)}.form-input{width:100%;padding:.5rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color, #007bff)}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.create-series-button{width:100%;margin-bottom:1.5rem}.series-list{display:flex;flex-direction:column;gap:1rem}.series-item{background:#fff;padding:1rem;border-radius:8px;border:2px solid var(--border-color, #ddd);transition:all .2s}.series-item:hover{border-color:var(--primary-color, #007bff)}.series-item.selected{border-color:var(--primary-color, #007bff);background:var(--selected-bg, #f0f7ff)}.series-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.series-item-header h4{margin:0;color:var(--text-primary, #333)}.series-item-actions{display:flex;gap:.5rem}.icon-button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.icon-button:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.series-description{color:var(--text-secondary, #666);font-size:.9rem;margin:.5rem 0}.series-stats{color:var(--text-secondary, #666);font-size:.85rem;margin:.5rem 0}.select-series-button{margin-top:.5rem;width:100%}.series-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd)}.series-actions button{width:100%}.no-series{text-align:center;color:var(--text-secondary, #666);padding:2rem;background:#fff;border-radius:8px}.loading{text-align:center;padding:2rem;color:var(--text-secondary, #666)}.story-setup{display:flex;flex-direction:row;height:100%;overflow:hidden;gap:1rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.setup-chat-container{flex:0 0 400px;min-width:300px;max-width:500px;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden}.setup-chat{height:100%;border:none}.setup-card{flex:1;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;overflow-y:auto;min-width:0;max-width:none;margin:0}.setup-card h1{margin:0 0 .5rem;font-size:2rem;color:#333;font-weight:700}.setup-subtitle{color:#666;margin:0 0 2rem;font-size:1rem}.setup-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h2{margin:0;font-size:1.3rem;color:#333;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.section-header h2{border:none;padding:0;margin:0}.ai-suggest-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.series-selection{display:flex;flex-direction:column;gap:.75rem}.series-selection select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.series-order-input{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.series-order-input label{font-size:.9rem;color:#666;font-weight:500}.series-order-input input{width:150px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.series-order-input small{color:#666;font-size:.85rem}.ai-suggest-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.ai-suggest-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.field-with-suggest{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.field-with-suggest label{margin:0}.field-suggest-button{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:.25rem .5rem;font-size:1rem;cursor:pointer;transition:all .2s;line-height:1}.field-suggest-button:hover:not(:disabled){background:#e3f2fd;border-color:#1976d2;color:#1976d2}.field-suggest-button:disabled{opacity:.4;cursor:not-allowed}.suggestions-panel{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #1976d2;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #1976d233}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.suggestions-header h3{margin:0;color:#1976d2;font-size:1.2rem}.close-suggestions{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-suggestions:hover{background:#0000001a;color:#333}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.suggestion-content{flex:1}.suggestion-field{font-weight:600;color:#1976d2;font-size:.9rem;text-transform:capitalize;margin-bottom:.5rem}.suggestion-value{color:#333;font-size:1rem;margin-bottom:.5rem;line-height:1.4}.suggestion-reasoning{color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem}.accept-suggestion-button{background:#1976d2;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;align-self:center}.accept-suggestion-button:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 2px 8px #1976d24d}.section-hint{color:#999;font-size:.9rem;margin:-.5rem 0 .5rem;font-style:italic}.form-hint{color:#666;font-size:.85rem;margin-top:.25rem;font-style:italic}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.mode-option{display:block;cursor:pointer}.mode-option input[type=radio]{display:none}.mode-card{border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .2s;background:#fafafa}.mode-option input[type=radio]:checked+.mode-card{border-color:#1976d2;background:#e3f2fd;box-shadow:0 0 0 3px #1976d21a}.mode-card strong{display:block;font-size:1.1rem;color:#333;margin-bottom:.5rem}.mode-card p{margin:0;color:#666;font-size:.9rem;line-height:1.4}@media(max-width:600px){.mode-selector{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555;font-size:.95rem}.checkbox-label{display:flex;align-items:center;gap:.6rem;font-weight:600;color:#555;font-size:.95rem}.checkbox-label input[type=checkbox]{width:18px;height:18px}.form-input,.form-textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.form-textarea{resize:vertical;min-height:80px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.character-form{background:#f9f9f9;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0}.add-character-button{background:#1976d2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-top:.5rem}.add-character-button:hover:not(:disabled){background:#1565c0}.add-character-button:disabled{background:#ccc;cursor:not-allowed}.character-library{margin:1.5rem 0;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.character-library h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.library-character-card{display:block;cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;background:#fff;transition:all .2s}.library-character-card input[type=checkbox]{display:none}.library-character-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #1976d233}.library-character-card.selected{border-color:#1976d2;background:#e3f2fd}.library-character-content strong{display:block;margin-bottom:.5rem;color:#333}.library-character-content p{margin:.5rem 0;font-size:.85rem;color:#666;line-height:1.4}.character-form-section{margin:1.5rem 0}.character-form-section h3{margin:0 0 .5rem;font-size:1rem;color:#555}.toggle-form-button{background:#f5f5f5;border:2px dashed #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;color:#666;cursor:pointer;transition:all .2s}.toggle-form-button:hover{background:#e0e0e0;border-color:#1976d2;color:#1976d2}.character-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.characters-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.character-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;position:relative}.character-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.character-header strong{font-size:1.1rem;color:#333}.remove-button{background:#f44336;color:#fff;border:none;width:28px;height:28px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.remove-button:hover{background:#d32f2f}.character-desc{color:#666;font-size:.9rem;margin:.5rem 0;line-height:1.4}.character-ownership{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0;font-size:.85rem;color:#555}.ownership-label{background:#f5f5f5;border:1px solid #e0e0e0;padding:.25rem .5rem;border-radius:10px}.trait-tag{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:2px solid #e0e0e0}.cancel-button{background:#f5f5f5;color:#333;border:2px solid #e0e0e0;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#e0e0e0}.submit-button{background:#1976d2;color:#fff;border:none;padding:.75rem 2.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.submit-button:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d266}@media(max-width:768px){.story-setup{padding:1.5rem}.setup-card{padding:2rem;margin:1rem 0}.setup-card h1{font-size:1.75rem}.form-section h2{font-size:1.2rem}.form-row{grid-template-columns:1fr}.setup-actions{flex-direction:column}.setup-actions button{width:100%}}@media(max-width:480px){.story-setup{padding:1rem}.setup-card{padding:1.5rem;border-radius:12px}.setup-card h1{font-size:1.5rem}.setup-subtitle{font-size:.9rem}.form-section{gap:.75rem}.form-section h2{font-size:1.1rem}.form-group label{font-size:.9rem}.form-input,.form-textarea,.form-select{font-size:.9rem;padding:.6rem}.mode-selector{flex-direction:column;gap:.5rem}.mode-option{padding:.75rem}.ai-suggestions-button{width:100%;padding:.75rem}}.character-manager{padding:2rem;max-width:1200px;margin:0 auto;height:100%;overflow-y:auto;box-sizing:border-box}.character-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.character-manager-header h2{margin:0;color:#333}.create-button{background:#1976d2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.create-button:hover{background:#1565c0}.character-form-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;max-height:80vh;overflow-y:auto}.character-form-card h3{margin:0 0 1.5rem;color:#333;font-size:1.5rem}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;background:#fafafa}.form-section h4{margin:0 0 1rem;color:#1976d2;font-size:1.1rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.character-form-card .form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.character-manager{padding:1.5rem}.character-manager-header{flex-direction:column;align-items:stretch;gap:1rem}.character-manager-header h2{font-size:1.5rem}.create-button{width:100%;padding:.75rem}.character-form-card{padding:1.5rem}.characters-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.character-manager{padding:1rem}.character-manager-header h2{font-size:1.25rem}.character-form-card{padding:1rem;margin-bottom:1rem}.character-form-card h3{font-size:1.25rem}.form-section{padding:1rem}.form-section h4{font-size:1rem}.characters-grid{grid-template-columns:1fr;gap:1rem}.character-card{padding:1rem}.character-header h3{font-size:1.1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.character-form-card .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.character-form-card .form-input,.character-form-card .form-textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit}.character-form-card .form-input:focus,.character-form-card .form-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.character-form-card .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.character-form-card .cancel-button,.character-form-card .submit-button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.character-form-card .cancel-button{background:#f5f5f5;color:#333}.character-form-card .cancel-button:hover{background:#e0e0e0}.character-form-card .submit-button{background:#1976d2;color:#fff}.character-form-card .submit-button:hover:not(:disabled){background:#1565c0}.character-form-card .submit-button:disabled{background:#ccc;cursor:not-allowed}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.character-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .2s}.character-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#1976d2}.character-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.character-header h3{margin:0;color:#333;font-size:1.2rem}.character-actions{display:flex;gap:.5rem}.icon-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s}.icon-button:hover{opacity:1}.character-details{display:flex;flex-direction:column;gap:.75rem}.character-basic-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.info-badge{background:#f5f5f5;color:#555;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;border:1px solid #e0e0e0}.character-role{color:#1976d2;font-weight:600;font-size:.9rem;margin:.25rem 0}.character-role strong{color:#333}.character-description{color:#666;margin:.5rem 0;line-height:1.5;font-size:.9rem}.character-physical{color:#666;font-size:.85rem;line-height:1.4;margin:.25rem 0}.character-physical strong{color:#333;font-weight:600}.character-goals,.character-kinks{color:#666;font-size:.85rem;line-height:1.4;margin:.25rem 0}.character-goals strong,.character-kinks strong{color:#333;font-weight:600}.character-traits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.trait-badge{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:#999}.empty-state p{margin:.5rem 0}.profile-settings{padding:2rem;max-width:800px;margin:0 auto}.profile-title{font-size:2rem;margin-bottom:2rem;font-weight:600}.profile-section{margin-bottom:3rem}.profile-section h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.profile-description{color:#666;margin-bottom:1.5rem;font-size:.95rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.theme-option{display:flex;flex-direction:column;align-items:stretch;padding:1.25rem;cursor:pointer;text-align:left;min-height:160px}.theme-option.active{border:2px solid var(--chrome-accent, #1976d2);box-shadow:0 0 0 3px #1976d21a}.theme-preview{height:80px;margin-bottom:1rem;border-radius:8px;overflow:hidden;position:relative}.theme-preview-sample{width:100%;height:100%;border-radius:8px}[data-theme-preview=dark-chrome] .theme-preview-sample{background:radial-gradient(circle,#2d2d2d,#232323,#1a1a1a);position:relative;box-shadow:inset 0 1px #fff3,inset 0 -1px #0009;border:1px solid rgba(255,255,255,.1)}[data-theme-preview=dark-chrome] .theme-preview-sample:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,rgba(255,255,255,.08) 40%,transparent 70%);pointer-events:none;border-radius:8px}[data-theme-preview=light-chrome] .theme-preview-sample{background:radial-gradient(circle,#fff,#f5f5f5,#e8e8e8);position:relative;box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #0000001a;border:1px solid rgba(0,0,0,.08)}[data-theme-preview=light-chrome] .theme-preview-sample:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,rgba(255,255,255,.2) 40%,transparent 70%);pointer-events:none;border-radius:8px;opacity:.5}[data-theme-preview=gunmetal-chrome] .theme-preview-sample{background:radial-gradient(circle,#4a4a4a,#3a3a3a,#2e2e2e);position:relative;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #000000b3;border:1px solid rgba(255,255,255,.1)}[data-theme-preview=gunmetal-chrome] .theme-preview-sample:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18) 0%,rgba(255,255,255,.08) 40%,transparent 70%);pointer-events:none;border-radius:8px}[data-theme-preview=mystery-purple-chrome] .theme-preview-sample{background:radial-gradient(circle,#b248f0,#800ec2,#5c0b85);position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #5c0b8580;border:1px solid rgba(178,72,240,.4)}[data-theme-preview=mystery-purple-chrome] .theme-preview-sample:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 40%,transparent 70%);pointer-events:none;border-radius:8px}.theme-info{flex:1}.theme-label{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.theme-desc{font-size:.9rem;opacity:.8}.profile-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;align-items:center;padding:.75rem;background:#f5f5f5;border-radius:8px}.info-label{font-weight:600;min-width:150px;color:#666}.info-value{color:#1a1a1a}[data-theme=dark-chrome] .info-row{background:#2d2d2d}[data-theme=dark-chrome] .info-label{color:#b0b0b0}[data-theme=dark-chrome] .info-value{color:#fff}[data-theme=gunmetal-chrome] .info-row{background:#3a3a3a}[data-theme=gunmetal-chrome] .info-label{color:#a0a0a0}[data-theme=gunmetal-chrome] .info-value{color:#e0e0e0}[data-theme=mystery-purple-chrome] .info-row{background:#2d1b3d}[data-theme=mystery-purple-chrome] .info-label{color:#b19cc0}[data-theme=mystery-purple-chrome] .info-value{color:#e8d4f0}.pairing-manager{max-width:800px;margin:0 auto;padding:2rem}.pairing-manager h2{margin:0 0 .5rem;color:#333}.pairing-subtitle{color:#666;margin:0 0 2rem}.pairing-search{margin-bottom:2rem;padding:1.5rem;background:#f9f9f9;border-radius:8px}.pairing-search h3{margin:0 0 1rem;color:#333;font-size:1.1rem}.search-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:1rem}.search-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.search-results{display:flex;flex-direction:column;gap:.5rem}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.username{font-weight:600;color:#333}.display-name{color:#666;font-size:.9rem}.pair-button,.accept-button,.reject-button,.cancel-button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.pair-button{background:#1976d2;color:#fff}.pair-button:hover:not(:disabled){background:#1565c0}.accept-button{background:#4caf50;color:#fff}.accept-button:hover:not(:disabled){background:#45a049}.reject-button,.cancel-button{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.reject-button:hover:not(:disabled),.cancel-button:hover:not(:disabled){background:#e0e0e0}button:disabled{opacity:.6;cursor:not-allowed}.already-paired{color:#666;font-size:.9rem;font-style:italic}.pairing-section{margin-bottom:2rem}.pairing-section h3{margin:0 0 1rem;color:#333;font-size:1.1rem}.pairing-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:.75rem}.pairing-item.accepted{background:#f1f8f4;border-color:#4caf50}.pairing-actions{display:flex;gap:.5rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.accepted{background:#d4edda;color:#155724}.empty-message{color:#666;font-style:italic;padding:1rem;text-align:center}.help-page{flex:1;overflow-y:auto;padding:2rem;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.help-content{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 2px 8px #0000001a}.help-content h1{margin:0 0 2rem;font-size:2.5rem;color:#333;border-bottom:3px solid #1976d2;padding-bottom:.5rem}.help-section{margin-bottom:2.5rem}.help-section h2{margin:0 0 1rem;font-size:1.5rem;color:#1976d2}.help-section p{margin:0 0 1rem;line-height:1.7;color:#555}.help-section ul{margin:.5rem 0 1rem 1.5rem;padding:0;list-style-type:disc}.help-section li{margin:.5rem 0;line-height:1.6;color:#555}.help-section code{background:#f5f5f5;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#d32f2f}.help-section strong{color:#333;font-weight:600}@media(max-width:768px){.help-page{padding:1rem}.help-content{padding:1.5rem}.help-content h1{font-size:2rem}.help-section h2{font-size:1.25rem}}@media(max-width:480px){.help-page{padding:.75rem}.help-content{padding:1rem;border-radius:8px}.help-content h1{font-size:1.75rem}.help-section{margin-bottom:2rem}.help-section h2{font-size:1.1rem}.help-section p,.help-section li{font-size:.9rem}}.pending-users{padding:2rem;max-width:700px;margin:0 auto}.pending-title{font-size:2rem;margin-bottom:.5rem;font-weight:600}.admin-settings-section{margin-bottom:2rem;padding:1.25rem;background:#00000008;border-radius:8px}.admin-settings-title{font-size:1.25rem;margin:0 0 1rem;font-weight:600}.admin-settings-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:.5rem}.admin-settings-toggle input:disabled{cursor:not-allowed}.admin-settings-hint{font-size:.9rem;color:#666;margin:0}.pending-section-title{font-size:1.5rem;margin-top:0;margin-bottom:.5rem}.pending-description{color:#666;margin-bottom:2rem}.pending-error{padding:1rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;margin-bottom:1rem;color:#dc3545}.pending-loading,.pending-empty{color:#666;font-style:italic}.pending-list{display:flex;flex-direction:column;gap:1rem}.pending-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;flex-wrap:wrap;gap:1rem}.pending-item-info{flex:1;min-width:200px}.pending-email{font-size:.9rem;color:#666}.pending-date{font-size:.85rem;color:#888}.pending-item-actions{display:flex;gap:.5rem}.approve-btn{background:var(--chrome-success, #28a745);color:#fff}.reject-btn{background:var(--chrome-danger, #dc3545);color:#fff}.admin-users-title{font-size:1.5rem;margin-top:3rem;margin-bottom:.5rem}.admin-users-description{color:#666;margin-bottom:1.5rem}.admin-users-list{display:flex;flex-direction:column;gap:.75rem}.admin-user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;flex-wrap:wrap;gap:1rem}.admin-user-info{flex:1;min-width:150px}.admin-you{color:#666;font-weight:400}.admin-user-status{font-size:.9rem;color:#666}.admin-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.admin-toggle input:disabled{cursor:not-allowed}.claim-admin-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#1976d226;border:1px solid rgba(25,118,210,.3);border-radius:8px;margin:1rem 2rem;flex-wrap:wrap}.claim-admin-banner span{flex:1;min-width:200px}.claim-error{color:#dc3545;font-size:.9rem;width:100%}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card{background:#fff;border-radius:16px;padding:2.5rem;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d}.auth-card h1{margin:0 0 .5rem;font-size:2rem;color:#333;font-weight:700;text-align:center}.auth-subtitle{color:#666;margin:0 0 2rem;font-size:1rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form .form-group label{font-weight:600;color:#555;font-size:.95rem}.auth-form .form-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.auth-form .form-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.auth-button{background:#1976d2;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-button:hover:not(:disabled){background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d266}.auth-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.auth-error{background:#ffebee;color:#c62828;padding:.75rem;border-radius:8px;border-left:4px solid #c62828;font-size:.9rem}.auth-switch{margin-top:1.5rem;text-align:center;color:#666;font-size:.9rem}.link-button{background:none;border:none;color:#1976d2;cursor:pointer;text-decoration:underline;font-size:inherit;padding:0}.link-button:hover{color:#1565c0}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%;position:relative}.app-container>*:not(.main-navigation){flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;overflow-x:hidden;position:relative}.app-container .app-start-screen{overflow-y:auto;overflow-x:hidden}@media(max-width:768px){.app-container{overflow-x:hidden}}.app-start-screen{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - 70px);background:linear-gradient(135deg,#667eea,#764ba2);padding:4rem 2rem 2rem;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%;position:relative}.start-card{background:#fff;border-radius:16px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;box-sizing:border-box;overflow:visible;position:relative;margin:0 auto;flex-shrink:0;min-height:fit-content}@media(min-width:769px){.app-start-screen{align-items:center;padding:3rem 2rem}}.start-card h1{margin:0 0 .5rem;font-size:2.5rem;color:#333;font-weight:700;word-wrap:break-word;overflow-wrap:break-word;width:100%;display:block;box-sizing:border-box;padding:0;line-height:1.2;overflow:visible;white-space:normal;max-width:100%}.subtitle{font-size:1.2rem;color:#666;margin:0 0 1.5rem;word-wrap:break-word;overflow-wrap:break-word;width:100%;display:block;box-sizing:border-box;padding:0;line-height:1.4;overflow:visible}.description{font-size:1rem;color:#555;line-height:1.6;margin:0 0 2rem}@media(max-width:768px){.app-start-screen{padding:2rem 1.5rem 1.5rem;min-height:calc(100vh - 80px);align-items:flex-start}.start-card{padding:2rem;border-radius:12px;margin-top:0}.start-card h1{font-size:2rem;display:block;width:100%;word-wrap:break-word;overflow-wrap:break-word}.subtitle{font-size:1.1rem;display:block;width:100%;word-wrap:break-word;overflow-wrap:break-word}.description{font-size:.95rem}}@media(max-width:480px){.app-start-screen{padding:1rem;align-items:flex-start;min-height:calc(100vh - 100px)}.start-card{padding:1.5rem;border-radius:12px;box-shadow:0 10px 30px #0003;margin-top:0}.start-card h1{font-size:1.75rem;display:block;width:100%;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:.75rem}.subtitle{font-size:1rem;margin-bottom:1rem;display:block;width:100%;word-wrap:break-word;overflow-wrap:break-word}.description{font-size:.9rem;margin-bottom:1.5rem}}.start-button{background:#1976d2;color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:2rem}.start-button:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #1976d266}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem;text-align:left}@media(max-width:768px){.features{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}}@media(max-width:480px){.features{gap:.75rem;margin-top:1rem}.feature{padding:.75rem}.feature strong{font-size:.95rem}.feature p{font-size:.85rem}}.session-list{text-align:left;margin:1.5rem 0 1.25rem;padding:1rem;border:1px solid #e0e0e0;border-radius:12px;background:#fafafa}.session-list-title{font-weight:700;color:#333;margin-bottom:.75rem}.session-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;background:#fff;border:1px solid #eaeaea;border-radius:10px;margin-bottom:.75rem}@media(max-width:768px){.session-list{padding:.75rem;margin:1rem 0}.session-row{flex-direction:column;align-items:stretch;gap:.75rem}.session-actions{justify-content:flex-end}}@media(max-width:480px){.session-list{padding:.5rem;margin:.75rem 0}.session-row{padding:.5rem;gap:.5rem}.session-name{font-size:.95rem}.session-meta{font-size:.8rem}.session-actions{width:100%;justify-content:stretch}.small-button{flex:1;padding:.4rem .6rem;font-size:.85rem}}.session-row:last-child{margin-bottom:0}.session-name{font-weight:600;color:#333}.session-meta{font-size:.85rem;color:#777;margin-top:.25rem}.session-actions{display:flex;gap:.5rem}.small-button{border:none;background:#1976d2;color:#fff;padding:.5rem .8rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem}.small-button:hover{background:#1565c0}.small-button.danger{background:#d32f2f}.small-button.danger:hover{background:#b71c1c}.feature{padding:1rem;background:#f5f5f5;border-radius:8px}.feature strong{display:block;margin-bottom:.5rem;color:#333;font-size:1rem}.feature p{margin:0;font-size:.9rem;color:#666;line-height:1.4}.admin-claim-page{padding:2rem;max-width:600px;margin:0 auto}.admin-claim-page h1{font-size:2rem;margin-bottom:1rem}.admin-claim-page p{color:#666;margin-bottom:1.5rem}