@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700&display=swap);body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes characterFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.character-image-center{animation:characterFadeIn .3s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{bottom:0;height:100%;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}body,html{height:100vh!important;max-height:100vh!important;overflow:hidden!important;position:fixed!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#8b6f47,#6b4e3d 50%,#5c4033);bottom:0;box-sizing:border-box;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;touch-action:none;width:100%}.app-container,body{display:flex;max-height:100vh;overflow:hidden;padding:0}.app-container{background:#f5f1eb;border-radius:40px;box-shadow:0 20px 60px #00000080;flex-direction:column;flex-shrink:0;height:90vh;margin:30px;min-height:600px;position:relative;width:420px}.character-select-screen{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(0,0,0,.005),#0000 1px,#0000 2px,rgba(0,0,0,.004) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.005),#0000 1px,#0000 2px,rgba(0,0,0,.004) 3px),linear-gradient(180deg,#fcf8f3 0,#f8f4ef 30%,#f5f1ec 70%,#f2eee9);background-attachment:scroll;background-size:250px 250px,3px 3px,3px 3px,100% 100%;border-radius:40px;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:hidden!important;padding:10px 0 0;position:relative;text-align:center}.character-select-screen:before{background-image:radial-gradient(ellipse 100% 35% at 50% 15%,#ffffff4d 0,#ffffff26 25%,#ffffff0d 45%,#0000 65%);background-size:100% 100%}.character-select-screen:after,.character-select-screen:before{background-attachment:local;bottom:0;content:"";left:0;mix-blend-mode:normal;opacity:1;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.character-select-screen:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.08'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(0,0,0,.015),#0000 1px,#0000 2px,rgba(0,0,0,.012) 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.015),#0000 1px,#0000 2px,rgba(0,0,0,.012) 3px),repeating-linear-gradient(45deg,rgba(0,0,0,.012),#0000 1px,#0000 3px,#00000003 4px);background-position:0 0,0 0,0 0,0 0;background-size:200px 200px,3px 3px,3px 3px,4px 4px}.character-select-screen::-webkit-scrollbar{display:none}.character-select-screen{-ms-overflow-style:none;scrollbar-width:none}.character-select-screen>*{position:relative;z-index:1}.top-buttons{display:flex;gap:8px;position:absolute;right:16px;top:16px;z-index:10}.history-button,.my-page-button,.stats-button{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 2px 6px #0000001a;color:#5d4037;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;transform-origin:center center;transition:transform .2s ease,border .2s ease;width:40px;will-change:transform}.history-button:hover,.my-page-button:hover,.stats-button:hover{border:1.5px solid #8d6e63;transform:scale(1.05)}.my-page-button{border-radius:50%;box-shadow:0 3px 10px #0000001f,0 1px 3px #00000014}.my-page-button:hover{border:1.5px solid #8d6e63}.my-page-button img{border-radius:50%;height:100%;object-fit:cover;width:100%}.history-button svg,.my-page-button svg,.stats-button svg{color:#5d4037;height:20px;width:20px}.select-title{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:fadeInDown .6s ease-out,gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#5d4037,#6b4e3d 20%,#8d6e63 40%,#a1887f 60%,#8d6e63 80%,#6b4e3d);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#2c1810;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12)) brightness(1.07) saturate(.92);font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.8rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:70px 0 4px;padding:0 20px;position:relative;text-rendering:optimizeLegibility;text-shadow:0 2px 8px #8d6e6333}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.select-description{color:#8d6e63;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:.9rem;font-style:italic;font-weight:400;letter-spacing:2px;margin-bottom:20px;opacity:.9;padding:0 20px;text-transform:uppercase}.filter-section{gap:12px;justify-content:space-between;margin-bottom:16px;padding:0 20px;position:relative;z-index:10}.filter-section,.selected-characters-display{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap}.selected-characters-display{gap:10px;overflow:visible;padding-right:4px}.selected-char-badge{align-items:center;background:#f7f1eb;border:1px solid #e2d5c7;border-radius:999px;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014;color:#4b392f;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;gap:5px;letter-spacing:.02em;min-width:-webkit-fit-content;min-width:fit-content;padding:5px 10px;transition:.18s ease-out}.selected-char-badge:hover{background:#f2e6db;border-color:#d4c0ae;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;cursor:pointer;transform:translateY(-1px)}.selected-char-badge img{border:1px solid #ffffffe6;border-radius:50%;box-shadow:0 0 0 1px #0000000f;flex-shrink:0;height:18px;object-fit:cover;width:18px}.selected-char-badge span{color:#4b392f;flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:.02em;overflow:visible;text-overflow:clip;white-space:nowrap}.remove-char-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#b9a89a;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;height:auto;justify-content:center;margin-left:0;padding:0;transition:all .18s ease-out;width:auto}.remove-char-btn:hover{background:#0000;color:#8f7a68;transform:none}.remove-char-btn svg{stroke:currentColor;stroke-width:2;height:11px;width:11px}.search-input{background:#fff;border:2px solid #e9ecef;border-radius:14px;box-shadow:0 2px 4px #0000000a;flex:1 1;font-family:inherit;font-size:.85rem;height:1px;left:-9999px;min-width:0;opacity:0;overflow:hidden;padding:12px 16px;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);width:1px}.search-input:focus{border-color:#8d6e63;box-shadow:0 0 0 4px #8d6e631a,0 4px 12px #00000014;outline:none;transform:translateY(-1px)}.search-input::placeholder{color:#a1887f}.custom-dropdown{flex-shrink:0;position:relative;z-index:1000}.diary-weather-dropdown,.diary-weather-dropdown .custom-dropdown-menu{z-index:9999!important}.custom-dropdown-button{align-items:center;background:linear-gradient(135deg,#fff,#fefdfc 50%,#fdfcfa);border:2px solid #e8e0db;border-radius:16px;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;color:#3e2723;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;justify-content:space-between;padding:12px 40px 12px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.custom-dropdown-button:hover{background:#f5f1eb;border-color:#8d6e63}.custom-dropdown.open .custom-dropdown-button{background:linear-gradient(135deg,#fff,#fefdfc 50%,#fbf9f7);border-color:#8d6e63;box-shadow:0 0 0 4px #8d6e6326,0 4px 16px #0000001a}.dropdown-arrow{color:#8d6e63;flex-shrink:0;height:18px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:18px}.dropdown-arrow.open{transform:translateY(-50%) rotate(180deg)}.custom-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:2px solid #e8e0db;border-radius:16px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;left:0;max-height:300px;overflow-y:auto;padding:2px;position:absolute;right:0;top:calc(100% + 8px);z-index:10001}.setting-item .custom-dropdown{position:relative;z-index:1}.setting-item .custom-dropdown.open{position:relative;z-index:10005}.setting-item .custom-dropdown.open .custom-dropdown-menu{isolation:isolate;position:absolute;z-index:10006}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-menu::-webkit-scrollbar{width:4px}.custom-dropdown-menu::-webkit-scrollbar-track{background:#f5f1eb;border-radius:2px}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#d7ccc880;border-radius:2px;min-height:5px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#bcaaa4b3}.custom-dropdown-option{background:#fff;border:1px solid #0000;border-radius:10px;color:#3e2723;cursor:pointer;font-size:.85rem;font-weight:500;margin:1px 0;padding:8px 12px;transition:all .2s ease}.custom-dropdown-option:hover{background:#f5f1eb}.custom-dropdown-option.selected{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border-color:#6b4e3d;color:#fff;font-weight:600}.custom-dropdown.drama-filter{min-width:160px;position:relative;z-index:1000}.custom-dropdown.drama-filter .custom-dropdown-button{background:linear-gradient(135deg,#fff,#fbf9f7 50%,#f8f5f2)!important;border:2px solid #e8e0db;border-radius:16px;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;color:#3e2723;font-size:.85rem;font-weight:500;padding:12px 40px 12px 16px}.custom-dropdown.drama-filter .custom-dropdown-button:hover{background:#f5f1eb!important;border-color:#8d6e63}.custom-dropdown.time-select-dropdown{width:100%}.time-select-dropdown .custom-dropdown-button{background:linear-gradient(180deg,#fff,#fbf9f7);border:1.5px solid #e0d3c5;border-radius:16px;box-shadow:inset 0 1px 0 #ffffffb3,0 4px 14px #0000000f;color:#4a3b32;font-size:1rem;font-weight:600;padding:14px 46px 14px 18px}.time-select-dropdown.open .custom-dropdown-button{background:linear-gradient(180deg,#fff,#f7f1ea);border-color:#c1a995;box-shadow:inset 0 0 0 1px #c1a9954d,0 10px 26px #4a3b322e}.time-select-dropdown .custom-dropdown-menu{background:#fff;border:1.5px solid #e0d3c5;border-radius:16px;box-shadow:0 24px 48px #0000001f;padding:4px}.time-select-dropdown .custom-dropdown-option{border-radius:12px;font-size:.95rem;font-weight:500;padding:10px 14px}.time-select-dropdown .custom-dropdown-option.selected{background:linear-gradient(135deg,#8d6e632e,#8d6e6352);border-color:#0000;color:#3e2723}.custom-dropdown.drama-filter.open .custom-dropdown-button{background:linear-gradient(135deg,#fff,#f8f5f2 50%,#f5f1eb)!important;border-color:#8d6e63;box-shadow:0 0 0 4px #8d6e6326,0 4px 16px #0000001a;transform:translateY(-1px)}.select-instruction{color:#8d6e63;flex-shrink:0;font-size:.9rem;font-weight:600;margin-bottom:8px;padding:0 20px;text-shadow:0 1px 2px #ffffff4d}.select-status{display:none!important}.select-status:hover{box-shadow:0 6px 20px #0000001a,0 2px 4px #0000000f;transform:translateY(-1px)}.select-status .char-slot{align-items:center;background:linear-gradient(135deg,#f5f1eb,#fff);border:1.5px solid #e8e0db;border-radius:10px;box-shadow:0 2px 4px #0000000a;color:#3e2723;display:flex;flex:0 1 auto;font-weight:600;gap:8px;min-width:0;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.select-status .char-slot.clickable{cursor:pointer}.select-status .char-slot.clickable:hover{background:linear-gradient(135deg,#efebe9,#f5f1eb);border-color:#8d6e63;box-shadow:0 3px 8px #00000014;transform:translateY(-1px)}.select-status .char-slot.empty{background:#0000;border:1px dashed #d7ccc8;color:#a1887f;font-style:italic;font-weight:400}.select-status .char-slot img{flex-shrink:0}.select-status .char-slot span{flex:0 0 auto;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap}.select-status .char-slot .remove-text{color:#8d6e63;font-size:.75rem;font-weight:500;margin-left:8px;opacity:.7;transition:all .2s ease}.select-status .char-slot.clickable:hover .remove-text{color:#6b4e3d;opacity:1}.slider-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:flex-start;border-bottom:none;display:flex;flex:none;overflow-x:auto;overflow-y:visible;padding:30px 20px 40px;scrollbar-width:none;width:100%}.slider-container::-webkit-scrollbar{display:none}.character-slider{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:14px;min-width:-webkit-min-content;min-width:min-content;padding:0}.character-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f5f2);border:2px solid #e8e0db;border-radius:20px;box-shadow:0 4px 16px #0000001a,0 1px 3px #0000000f;cursor:pointer;display:flex;flex:0 0 160px;flex-direction:column;justify-content:space-between;max-height:220px;min-height:220px;overflow:visible;padding:10px 8px 12px;position:relative;scroll-snap-align:center;transition:all .2s ease}.character-card:before{background:linear-gradient(90deg,#0000,#8d6e6333,#0000);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.character-card:hover{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:#8d6e63;box-shadow:0 12px 40px #0003,0 6px 16px #0000001f,0 2px 4px #00000014;transform:translateY(-8px) scale(1.03)}.character-card:hover:before{opacity:0}.character-card.selected{background:linear-gradient(135deg,#f5f0eb,#eae3dc);border:none;box-shadow:0 8px 24px #00000040,0 4px 12px #00000026;transform:scale(1.05);transition:transform .22s ease-in-out,background .3s ease,box-shadow .3s ease;z-index:1}.character-card.disabled{background:#f5f1eb;cursor:not-allowed;opacity:.4}.character-card.disabled:hover{box-shadow:0 2px 8px #00000014;transform:none}.favorite-btn{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-radius:0;color:#d0d0d0;cursor:pointer;display:flex;height:auto;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:auto;z-index:3}.favorite-btn,.favorite-btn:active,.favorite-btn:focus{border:none;box-shadow:none;outline:none}.favorite-btn img{display:block;filter:drop-shadow(0 2px 4px rgba(255,193,7,.27));height:20px;object-fit:contain;transition:all .25s cubic-bezier(.34,1.56,.64,1);width:20px}.favorite-btn:hover{background:#0000;box-shadow:none;color:#8d6e63;transform:scale(1.15)}.favorite-btn:hover img{filter:drop-shadow(0 2px 5px rgba(255,193,7,.315))}.favorite-btn.active{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none;transform:none}.favorite-btn.active img{filter:drop-shadow(0 2px 6px rgba(255,193,7,.36)) drop-shadow(0 0 10px rgba(255,215,0,.45))}.favorite-btn.active:hover{background:#0000;box-shadow:none;transform:scale(1.15)}.favorite-btn.active:hover img{filter:drop-shadow(0 2px 7px rgba(255,193,7,.405)) drop-shadow(0 0 12px rgba(255,215,0,.54))}.drama-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;box-sizing:border-box;color:#8d6e63;display:-webkit-box;flex-shrink:0;font-size:.8rem;font-weight:600;line-height:1.3em;margin:8px 0 10px;min-height:2.4em;overflow:hidden;padding:0 32px 0 8px;position:relative;text-align:center;width:100%;word-break:keep-all;z-index:1}.character-image{border:3px solid #e8e0db;border-radius:50%;flex-shrink:0;height:110px;margin:0 0 6px;object-fit:cover;transition:all .3s;width:110px}.character-card:hover .character-image{border-color:#8d6e63;box-shadow:0 0 0 3px #8d6e6326;transition:all .3s cubic-bezier(.4,0,.2,1)}.character-card.selected .character-image{border-color:#b88b6e;box-shadow:0 0 0 3px #b88b6e33;position:relative;z-index:1}.character-card{z-index:1}.character-name{align-items:center;color:#3e2723;display:flex;flex-shrink:0;font-size:clamp(.7rem,2.5vw,.95rem);font-weight:600;justify-content:center;line-height:1.3em;min-height:2.4em;overflow:hidden;padding:0 4px;position:relative;text-align:center;text-overflow:ellipsis;width:100%;word-break:keep-all;z-index:1}.start-chat-section{background:#0000;border-bottom:none;border-top:none;flex-shrink:0;padding:0 20px 20px}.start-chat-button{background:linear-gradient(135deg,#a67c5a,#8b5a3c 50%,#6b4423);border:none;border-radius:16px;box-shadow:0 6px 20px #8b5a3c59,0 2px 6px #0000001a,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;margin:16px auto;max-width:300px;min-width:220px;overflow:hidden;padding:16px 36px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:80%}.start-chat-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.start-chat-button:hover:not(:disabled):before{left:100%}.start-chat-button:hover:not(:disabled){background:linear-gradient(135deg,#b68c6a,#9b6a4c 50%,#7b5423);box-shadow:0 8px 28px #8b5a3c73,0 4px 10px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.start-chat-button:active:not(:disabled){background:linear-gradient(135deg,#8b5a3c,#6b4423 50%,#5b3423);box-shadow:0 4px 16px #8d6e634d,inset 0 2px 4px #0003;transform:translateY(-1px)}.start-chat-button:disabled{background:linear-gradient(135deg,#e0d5d0,#d7ccc8 50%,#c8bdb8);box-shadow:none;color:#a1887f;cursor:not-allowed}.chat-container{background:#f5f1eb;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative;transition:background 3s ease-in-out,background-image 3s ease-in-out,filter 2s ease-in-out,box-shadow 2s ease-in-out}.chat-container.has-custom-background.mood-comfort,.chat-container.has-custom-background.mood-conflict,.chat-container.has-custom-background.mood-neutral,.chat-container.has-custom-background.mood-romance{animation:none!important;background-color:initial!important;box-shadow:none!important;filter:none!important}.chat-container.has-custom-background.mood-comfort:after,.chat-container.has-custom-background.mood-conflict:after,.chat-container.has-custom-background.mood-romance:after{display:none!important}.message-time{color:#f5f1ebcc}.chat-container.mood-neutral .message-bubble.ai .message-text{background:linear-gradient(135deg,#fefefe,#f8f8f8 50%,#f3f3f3);border:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d;color:#3e2723}.chat-container.mood-neutral .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fefefe,#fafafa 50%,#f6f6f6)}.chat-container.mood-neutral .message-bubble.user .message-text{background:linear-gradient(135deg,#8d6e63,#7a5a4f 50%,#6b4e3d);border:none;box-shadow:0 2px 8px #8d6e6333;color:#fff}.chat-container.mood-neutral{background:#f5f1eb;position:relative}.chat-container.mood-romance{background:linear-gradient(180deg,#f9e7e2,#f4eee9);position:relative}.chat-container.mood-romance:after{animation:romanceGlow 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ffb4a040 0,#ffc8b82e 40%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes romanceGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.chat-container.mood-comfort{background:linear-gradient(180deg,#fff8e1,#ffecb3);position:relative}.chat-container.mood-comfort:after{animation:comfortFade 5s ease-in-out infinite;background:linear-gradient(135deg,#fff8e14d,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes comfortFade{0%,to{opacity:.3}50%{opacity:.6}}.chat-container.mood-conflict{background:linear-gradient(180deg,#ffe5e5,#ffd5d5);position:relative}.chat-container.mood-conflict:after{animation:conflictPulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#ff969640 0,#ffb4b42e 40%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes conflictPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.chat-container.confession-scene{background:radial-gradient(circle at center,#ffececf2 0,#f3d7cce0 40%,#b08b74 100%);overflow:hidden;position:relative;transition:background .8s ease}.chat-container.confession-scene:before{animation:radialGlow 3s ease-in-out infinite;background:radial-gradient(circle,#ffc8c8cc 0,#ffb4b4b3 8%,#ffa0a099 15%,#f3c8be80 25%,#f3b4aa66 35%,#dca08c4d 45%,#c88c7833 55%,#b08b7426 65%,#0000 80%);content:"";height:200vmax;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);width:200vmax;z-index:0}@keyframes radialGlow{0%{opacity:.7;transform:translate(-50%,-50%) scale(.85)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:.7;transform:translate(-50%,-50%) scale(.85)}}.chat-container.confession-scene .chat-window,.chat-container.confession-scene .message-bubble,.chat-container.confession-scene .message-list{position:relative;z-index:2}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes subtlePulse{0%{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}to{opacity:.92;transform:scale(1)}}.chat-container.mood-romance .message-bubble.ai .message-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#fff3eeed,#ffe9dfe6 50%,#ffeee4e0);border-color:#ffc8b84d;box-shadow:0 4px 15px #ffb4a01a;color:#3e2723}.chat-container.mood-romance .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fff5f1f2,#ffece4eb 50%,#fff1e9e6)}.chat-container.mood-romance .message-bubble.user .message-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffdcd2fa,#ffd2c8f5 50%,#fac8bef2);border-color:#f6cfc580;box-shadow:0 4px 15px #f6cfc533;color:#3e2723}.chat-container.mood-comfort .message-bubble.ai .message-text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffbe5,#fff7c0);border:1px solid #ffeb3b4d;box-shadow:0 2px 12px #ffeb3b1a,0 1px 3px #00000008;color:#3e2723}.chat-container.mood-comfort .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fffce8,#fff9ca)}.chat-container.mood-comfort .message-bubble.user .message-text{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffe082,#ffd54f);border:1px solid #ffe08266;box-shadow:0 2px 12px #ffe08226,0 1px 3px #0000000d;color:#3e2723}.chat-container.mood-comfort .message-bubble.ai .message-name,.chat-container.mood-comfort .message-bubble.user .message-name{color:#5d4037}.chat-container.confession-scene .message-bubble.user .message-text{animation:fadeUp .4s ease,subtlePulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f6cfc5,#f4c5b8 50%,#f2bfaf);border:1px solid #f6cfc566;box-shadow:0 2px 12px #f6cfc526,0 1px 3px #0000000d;color:#3e2723;position:relative}.chat-container.confession-scene .message-bubble.ai .message-text{animation:fadeUp .4s ease,subtlePulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#fce8e4,#fbe3de 50%,#faded8);border:1px solid #fdeae680;box-shadow:0 4px 15px #e6968c26;color:#3e2723;position:relative}.chat-container.confession-scene .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fdebe8,#fce6e1 50%,#fbe1db)}.chat-container.confession-scene .input-area{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border:1px solid #fffc;border-top-color:#ffffff4d;box-shadow:0 -2px 8px #00000014,0 -1px 3px #0000000a}.chat-container.confession-scene .input-area textarea{background:#ffffffb3;border:1px solid #ffffff80}.chat-container.confession-scene .input-area textarea::placeholder{color:#ca9e96;font-style:italic}.chat-container.confession-scene .input-area textarea:focus{background:#ffffffd9;border-color:#fffc;box-shadow:0 0 0 3px #ca9e9633,0 3px 8px #0000001a}.chat-container.mood-conflict .message-bubble.ai .message-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#fff0f0,#ffe8e8 50%,#ffe0e0);border:1px solid #ffb4b44d;box-shadow:0 4px 15px #ff96961a;color:#3e2723}.chat-container.mood-conflict .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fff5f5,#ffeded 50%,#ffe5e5)}.chat-container.mood-conflict .message-bubble.user .message-text{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#ff6b6b,#ff5252 50%,#ff3d3d);border:1px solid #ff646466;box-shadow:0 4px 15px #ff64644d;color:#fff}.chat-container.mood-conflict .message-bubble.ai .message-name,.chat-container.mood-conflict .message-bubble.user .message-name{color:#5d4037}.chat-container.mood-romance .chat-header{background:linear-gradient(180deg,#fffffffa,#f9e7e299);border-bottom-color:#ffc8b84d;box-shadow:0 2px 12px #ffb4a026,0 1px 3px #0000000d}.chat-container.mood-comfort .chat-header{background:linear-gradient(180deg,#fffffff2,#fff8e1cc);border-bottom-color:#ffecb366}.chat-container.mood-conflict .chat-header{background:linear-gradient(180deg,#fffffff2,#f3d7d5cc);border-bottom-color:#ffb4b466;box-shadow:0 2px 12px #ff969626,0 1px 3px #0000000d}.debate-mode .chat-container.mood-comfort .chat-header,.debate-mode .chat-container.mood-conflict .chat-header,.debate-mode .chat-container.mood-romance .chat-header{border-bottom:none}.chat-container.mood-conflict .chat-header .back-button,.chat-container.mood-conflict .chat-header .header-icon-button{color:#5d4037}.chat-container.mood-conflict .chat-header .back-button:hover,.chat-container.mood-conflict .chat-header .header-icon-button:hover{background:#ffc8c84d;color:#3e2723}.chat-container.mood-conflict .chat-header .char-group h2.char-name{color:#5d4037}.debate-topic-panel{background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;flex-shrink:0;left:0;margin:0;min-height:45px;padding:16px 20px 8px;pointer-events:none;position:-webkit-sticky;position:sticky;right:0;top:-2px;width:100%;z-index:997}.debate-topic-panel,.debate-topic-panel-content{align-items:center;display:flex;justify-content:center}.debate-topic-panel-content{background:linear-gradient(135deg,#fff,#f8f6f3 50%,#f0ede8);border:1px solid #8d6e6326;border-radius:20px;box-shadow:0 -1px 3px #fff6,0 2px 6px #8d6e6326,0 3px 8px #8d6e631f,inset 0 1px 0 #fffc;gap:12px;max-width:90%;padding:12px 20px;position:relative;width:auto}.debate-topic-panel-content:before{border-left:10px solid #0000;border-right:10px solid #0000;border-top:8px solid #f0ede8f2;bottom:-7px;filter:drop-shadow(0 2px 4px rgba(141,110,99,.1))}.debate-topic-panel-content:after,.debate-topic-panel-content:before{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.debate-topic-panel-content:after{border-left:9px solid #0000;border-right:9px solid #0000;border-top:7px solid #f8f6f3;bottom:-6px}.debate-topic-panel .debate-topic-text{color:#3e2723;font-size:.88rem;font-weight:600;line-height:1.5;overflow-wrap:break-word;position:relative;text-align:center;word-break:keep-all;z-index:1}.debate-topic-label{color:#8d6e63;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.debate-topic-text{flex:1 1;font-size:.9rem;max-width:600px}.debate-topic-header,.debate-topic-text{color:#3e2723;font-weight:600;overflow-wrap:break-word;text-align:center;word-break:keep-all}.debate-topic-header{font-size:1.05rem!important;line-height:1.3;padding:0 12px;white-space:normal}.chat-header{align-items:center;background:linear-gradient(180deg,#fff,#fbf9f7);border-bottom:1px solid #d7ccc8;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#3e2723;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:12px;position:relative}.debate-mode .chat-header{border-bottom:none}.chat-header .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#5d4037;cursor:pointer;display:flex;flex-shrink:0;font-size:0;height:36px;justify-content:center;margin-right:12px;padding:8px;transition:all .2s;width:36px}.chat-header .back-button svg{stroke:currentColor;height:24px;width:24px}.chat-header .back-button:hover{background:#efebe9;color:#3e2723}.chat-header .header-info{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:visible;padding:0 12px 0 4px;text-align:center}.chat-header .header-info:has(.char-group.single){align-items:center}.chat-header .char-group{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:8px;justify-content:center;max-width:100%;min-width:0;overflow:visible}.chat-header .char-group.single{gap:10px;justify-content:center;width:100%}.chat-header .char-group h2.char-name{color:#3e2723;flex-shrink:0;font-size:1.05rem;font-weight:600;line-height:1.2;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}.chat-header .char-group.single h2.char-name{font-size:1.2rem}.chat-header .char-group .divider{color:#a1887f;flex-shrink:0;font-size:1.2rem;font-weight:400;line-height:1;margin:0}.header-avatar{border:2px solid #d7ccc8;border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.chat-header .char-group:not(.single) .header-avatar{height:30px!important;width:30px!important}.header-avatar img{height:100%;object-fit:cover;width:100%}.header-actions{gap:8px;margin-left:8px;margin-right:8px}.header-actions,.header-icon-button{align-items:center;display:flex;flex-shrink:0}.header-icon-button{background:#efebe9;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a,0 1px 2px #00000014;color:#5d4037;cursor:pointer;height:36px;justify-content:center;padding:0;transform-origin:center center;transition:transform .2s ease,border .2s ease;width:36px;will-change:transform}.header-icon-button:hover{border:1.5px solid #8d6e63;transform:scale(1.05)}.header-icon-button svg{height:18px;width:18px}.chat-window{background:#f5f1eb;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0;max-width:420px;min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative;scroll-behavior:smooth;width:420px;z-index:5}.chat-container.has-custom-background{background-color:initial!important}.chat-container.has-custom-background .chat-window{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000!important}.chat-container.has-custom-background .message-list{background:#0000!important}.chat-container.has-custom-background .chat-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.chat-container.has-custom-background.mood-romance .chat-header{background:linear-gradient(180deg,#fff,#f9e7e2)!important}.chat-container.has-custom-background.mood-comfort .chat-header{background:linear-gradient(180deg,#fff,#fff8e1)!important}.chat-container.has-custom-background.mood-conflict .chat-header{background:linear-gradient(180deg,#fffffff2,#f3d7d5cc)!important}.chat-container.has-custom-background:not(.mood-romance):not(.mood-comfort):not(.mood-conflict) .chat-header{background:linear-gradient(180deg,#fff,#fbf9f7)!important}.chat-container.has-custom-background .message-bubble.ai .message-text,.chat-container.has-custom-background .message-bubble.user .message-text{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.chat-container.has-custom-background.mood-romance .message-bubble.ai .message-text{background:linear-gradient(135deg,#fff3ee,#ffe9df 50%,#ffeee4)!important}.chat-container.has-custom-background.mood-romance .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fff5f1,#ffece4 50%,#fff1e9)!important}.chat-container.has-custom-background.mood-romance .message-bubble.user .message-text{background:linear-gradient(135deg,#ffdcd2,#ffd2c8 50%,#fac8be)!important}.chat-container.has-custom-background.mood-comfort .message-bubble.ai .message-text{background:linear-gradient(135deg,#fffbe5,#fff7c0)!important}.chat-container.has-custom-background.mood-comfort .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fffce8,#fff9ca)!important}.chat-container.has-custom-background.mood-comfort .message-bubble.user .message-text{background:linear-gradient(135deg,#ffe082,#ffd54f)!important}.chat-container.has-custom-background.mood-conflict .message-bubble.ai .message-text{background:linear-gradient(135deg,#fff0f0,#ffe8e8 50%,#ffe0e0)!important}.chat-container.has-custom-background.mood-conflict .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fff5f5,#ffeded 50%,#ffe5e5)!important}.chat-container.has-custom-background.mood-conflict .message-bubble.user .message-text{background:linear-gradient(135deg,#ff6b6b,#ff5252 50%,#ff3d3d)!important}.chat-container.has-custom-background.confession-scene .message-bubble.ai .message-text{background:linear-gradient(135deg,#fce8e4,#fbe3de 50%,#faded8)!important}.chat-container.has-custom-background.confession-scene .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fdebe8,#fce6e1 50%,#fbe1db)!important}.chat-container.has-custom-background.confession-scene .message-bubble.user .message-text{background:linear-gradient(135deg,#f6cfc5,#f4c5b8 50%,#f2bfaf)!important}.chat-container.has-custom-background .message-bubble.ai .message-text{background:#fffffff2!important}.chat-container.has-custom-background.mood-neutral .message-bubble.ai .message-text{background:linear-gradient(135deg,#fefefe,#f8f8f8 50%,#f3f3f3)!important}.chat-container.has-custom-background.mood-neutral .message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fefefe,#fafafa 50%,#f6f6f6)!important}.chat-container.has-custom-background.mood-neutral .message-bubble.user .message-text{background:linear-gradient(135deg,#8d6e63,#7a5a4f 50%,#6b4e3d)!important}.chat-window::-webkit-scrollbar,.reply-reader-scroll::-webkit-scrollbar{width:4px}.chat-window::-webkit-scrollbar-track,.reply-reader-scroll::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px;margin-right:4px}.chat-window::-webkit-scrollbar-thumb,.reply-reader-scroll::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;margin-right:4px;min-height:5px}.chat-window::-webkit-scrollbar-thumb:hover,.reply-reader-scroll::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.debate-mode .chat-window{padding-right:4px}.debate-mode .chat-window::-webkit-scrollbar{width:4px}.debate-mode .chat-window::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px}.debate-mode .chat-window::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;min-height:5px}.debate-mode .chat-window::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.debate-mode .chat-window{padding-top:0}.message-list{background:#f5f1eb;display:flex;flex-direction:column;gap:24px;min-height:-webkit-min-content;min-height:min-content;overflow-x:hidden;overscroll-behavior:contain;position:relative;z-index:5}.debate-mode .message-list,.message-list{padding:20px 16px 40px}.debate-mode .system-message{align-self:center;display:block;margin:0 auto;max-width:85%;text-align:center;width:100%}.debate-mode .system-message+.message-bubble.ai{margin-top:12px}.message-bubble{align-items:flex-start;animation:fadeIn .3s ease;display:flex;gap:8px;max-width:80%;position:relative}.message-bubble.saved-line{position:relative;transition:all .4s ease}.message-bubble.saved-line .message-text{animation:gentleGlow 2s ease-in-out;box-shadow:0 0 25px #fffad2b3,0 0 35px #fff5be99,0 0 45px #fff0aa80,0 0 55px #ffeb9666;transition:box-shadow .4s ease}@keyframes gentleGlow{0%,to{box-shadow:0 0 25px #fffad2b3,0 0 35px #fff5be99,0 0 45px #fff0aa80,0 0 55px #ffeb9666}50%{box-shadow:0 0 30px #fffad2cc,0 0 40px #fff5beb3,0 0 50px #fff0aa99,0 0 60px #ffeb9680}}.message-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;position:relative}.message-bubble.ai .message-name{color:#5d4037;font-size:.78rem;font-weight:600;left:44px;margin-bottom:4px;padding:0;position:absolute;top:-15px;white-space:nowrap}.message-image{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:8px;max-width:100%;overflow:hidden}.message-image img{border-radius:12px;display:block;height:auto;max-width:300px;object-fit:cover;width:100%}.message-text{border-radius:18px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;font-size:.95rem;line-height:1.7;max-width:100%;min-width:0;overflow-wrap:break-word;padding:12px 16px;white-space:pre-wrap;word-break:keep-all}.message-text p{margin:0 0 .8em}.message-text p:last-child{margin-bottom:0}.message-meta{color:#8d6e63;font-size:.7rem;gap:6px;margin-top:2px;padding:0 4px}.message-time{color:#9e9e9e!important;font-size:.65rem;margin-top:0;opacity:.7!important;white-space:nowrap}.message-bubble.ai .message-meta{margin-top:2px}.message-bubble.ai .message-time{margin-top:-4px}.message-read{color:#8d6e63;font-size:.75rem;opacity:.8}.message-read.read{color:#5d4037;opacity:1}.system-message{background:#8d6e631a;border-radius:12px;box-sizing:border-box;color:#8d6e63;display:inline-block;font-size:.8rem;line-height:1.5;margin:0 auto;max-width:85%;opacity:.8;overflow-wrap:break-word;padding:8px 16px;text-align:center;white-space:pre-line;word-break:keep-all}.message-bubble.ai{align-items:flex-start;align-self:flex-start;padding-top:0;position:relative}.debate-mode .message-bubble.ai.debate-left{align-self:flex-start;margin-left:0;margin-right:auto}.debate-mode .message-bubble.ai.debate-right{align-self:flex-end;flex-direction:row-reverse;margin-left:auto;margin-right:0}.debate-mode .message-bubble.ai.debate-right .avatar{left:auto;order:2;position:absolute;right:0}.debate-mode .message-bubble.ai.debate-right .message-content{align-items:flex-start;margin-left:0;margin-right:44px;max-width:100%;width:100%}.debate-mode .message-bubble.ai.debate-right .message-name{left:auto;position:absolute;right:44px;top:-15px}.debate-mode .message-bubble.ai.debate-right .message-text{border-top-left-radius:18px;border-top-right-radius:4px;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;width:100%;word-break:keep-all}.debate-mode .message-bubble.ai.debate-right .message-meta{align-items:flex-end;justify-content:flex-end;margin-top:4px;padding-right:0;width:100%}.debate-mode .message-bubble.ai.debate-right .message-time{margin-left:auto;text-align:right}.debate-intervention-panel{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e8e0db;border-radius:10px;bottom:120px;box-shadow:0 2px 12px #8d6e6326;box-sizing:border-box;left:calc(50% - 190px);margin:0;max-width:280px;padding:8px 10px;position:fixed;transition:bottom .2s ease;width:auto;z-index:1000}.debate-intervention-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.debate-intervention-header-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.debate-intervention-hide-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#8d6e63;cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:4px;transition:all .2s}.debate-intervention-hide-btn:hover{background:#8d6e631a;opacity:1}.debate-intervention-show-btn-container{bottom:120px;display:flex;justify-content:flex-start;left:calc(50% - 190px);margin:0;position:fixed;transition:bottom .2s ease;z-index:1000}.debate-intervention-show-btn{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-radius:18px;box-shadow:0 2px 8px #8d6e634d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:8px 16px;transition:all .2s}.debate-intervention-show-btn:hover{box-shadow:0 4px 12px #8d6e6366;transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.debate-intervention-title{color:#3e2723;font-size:.85rem;font-weight:600;letter-spacing:-.3px}.debate-intervention-subtitle,.debate-intervention-title{overflow-wrap:break-word;text-align:left;word-break:keep-all}.debate-intervention-subtitle{color:#8d6e63;font-size:.7rem;font-weight:400;letter-spacing:-.2px;opacity:.8}.debate-intervention-buttons{display:flex;flex-direction:column;gap:5px}.debate-intervention-btn{align-items:center;background:linear-gradient(135deg,#fff,#f8f5f2);border:1px solid #e8e0db;border-radius:8px;box-sizing:border-box;color:#5d4037;cursor:pointer;display:flex;font-size:.7rem;font-weight:500;gap:10px;letter-spacing:-.2px;line-height:1.5;min-width:0;overflow-wrap:break-word;padding:8px 10px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:normal;word-break:keep-all}.intervention-number{align-items:center;background:linear-gradient(135deg,#f5e6d3,#e8d5c4 50%,#ddc9b8);border-radius:5px;box-shadow:0 1px 3px #8d6e6326;color:#8d6e63;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:20px;justify-content:center;min-width:20px;width:20px}.intervention-text{flex:1 1;text-align:left}.debate-intervention-btn:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#8d6e63;box-shadow:0 2px 8px #8d6e6333;color:#3e2723;transform:translateY(-1px)}.debate-intervention-btn:hover .intervention-number{background:linear-gradient(135deg,#f8ede0,#f5e6d3 50%,#e8d5c4);box-shadow:0 2px 6px #8d6e6333;transform:scale(1.05)}.debate-intervention-btn:active{box-shadow:0 1px 4px #8d6e6326;transform:translateY(0)}.debate-intervention-btn.intervention-a{border-color:#e8e0db}.debate-intervention-btn.intervention-a:hover{border-color:#8d6e63}.debate-intervention-btn.intervention-b{border-color:#e8e0db}.debate-intervention-btn.intervention-b:hover{border-color:#8d6e63}.debate-intervention-btn.intervention-neutral{border-color:#e8e0db}.debate-intervention-btn.intervention-neutral:hover{border-color:#8d6e63}.message-bubble.ai .message-content{margin-left:44px;margin-top:8px}.message-bubble.ai .message-text{background:linear-gradient(135deg,#fefefe,#f8f8f8 50%,#f3f3f3);border:1px solid #e0e0e0;border-radius:18px;border-top-left-radius:4px;box-shadow:0 1px 2px #0000000d;color:#3e2723}.message-bubble.ai-b .message-text{background:linear-gradient(135deg,#fefefe,#fafafa 50%,#f6f6f6)}.message-bubble.ai .avatar{background:#fff;border:2px solid #d7ccc8;border-radius:50%;flex-shrink:0;height:36px;left:0;overflow:hidden;position:absolute;top:0;width:36px}.message-bubble.ai .avatar img{height:100%;object-fit:cover;width:100%}.message-bubble.ai-a .avatar{border-color:#8d6e63}.message-bubble.ai-b .avatar{border-color:#a1887f}.message-bubble.user{align-self:flex-end;margin-right:0;max-width:80%}.message-bubble.user .message-text{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-bottom-right-radius:4px;box-shadow:0 2px 8px #8d6e6333;color:#fff;display:flex;flex-direction:column;gap:6px}.message-action-line{color:#ffffffd9;font-style:italic;opacity:.9}.message-bubble.user .avatar{background:#fff;border:2px solid #8d6e63;border-radius:50%;flex-shrink:0;height:36px;order:1;overflow:hidden;width:36px}.message-bubble.user .avatar img{height:100%;object-fit:cover;width:100%}.message-bubble.user .message-meta{justify-content:flex-end}.message-bubble.user .message-time{color:#8d6e63;font-size:.65rem;margin-top:-4px;opacity:.6;white-space:nowrap}.message-bubble.user .message-read{color:#fffc}.message-bubble.user .message-read.read{color:#fff}.message-bubble.loading{align-items:flex-start;align-self:flex-start;padding-top:0;position:relative}.message-bubble.loading .avatar{background:#fff;border:2px solid #d7ccc8;border-radius:50%;flex-shrink:0;height:36px;left:0;overflow:hidden;position:absolute;top:0;width:36px}.message-bubble.loading .avatar img{height:100%;object-fit:cover;width:100%}.message-bubble.loading .message-text{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:18px;border-top-left-radius:4px;color:#3e2723;display:flex;margin-left:44px;margin-top:8px;padding:12px 16px}.loading .dot{animation:bounce 1.4s ease-in-out infinite both;background:#8d6e63;border-radius:50%;display:inline-block;height:6px;margin:0 2px;width:6px}.loading .dot:first-child{animation-delay:-.32s}.loading .dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.input-area{align-items:center;background:linear-gradient(180deg,#fff,#fbf9f7);border-top:1px solid #d7ccc8;box-shadow:0 -2px 8px #0000000f,0 -1px 3px #0000000a;display:flex;flex-shrink:0;gap:8px;padding:12px 16px;position:relative}.chat-container.has-custom-background .input-area{background:linear-gradient(180deg,#fff,#fbf9f7)!important}.input-mode-toggle{background:linear-gradient(180deg,#fff,#fbf9f7);border-top:1px solid #d7ccc8;display:flex;flex-shrink:0;gap:8px;padding:8px 16px}.mode-toggle-btn{background:#fff;border:2px solid #d7ccc8;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#8d6e63;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.mode-toggle-btn:hover:not(:disabled){background:#f5f1eb;border-color:#8d6e63;box-shadow:0 3px 8px #0000001a;transform:translateY(-1px)}.mode-toggle-btn.active{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border-color:#8d6e63;box-shadow:0 3px 10px #8d6e634d;color:#fff}.mode-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.action-toggle-btn{align-items:center;align-self:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:#6b4e3d;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;overflow:visible;padding:4px;transition:all .2s ease;width:32px}.action-toggle-btn img{display:block;height:20px;margin:0;object-fit:contain;padding:0;transform:translateY(-2px);width:20px}.action-toggle-btn svg{stroke-width:1.5}.action-toggle-btn:hover:not(:disabled){background:#6b4e3d14;color:#5d4037}.action-toggle-btn.active{background:#8d6e6326;color:#8d6e63}.action-toggle-btn:disabled{cursor:not-allowed;opacity:.3}.input-area.disabled{background:#efebe9;opacity:.6}.input-area.disabled textarea{background:#efebe9;cursor:not-allowed}.message-bubble.selectable{cursor:pointer;transition:opacity .1s ease}.message-bubble.selectable:hover{opacity:.85}.message-list.capture-mode-active{position:relative}.message-list.capture-mode-active .message-bubble{transition:opacity .05s ease,filter .05s ease;will-change:opacity,filter}.message-bubble.in-range-for-capture{filter:brightness(1);opacity:1!important}.message-bubble.out-of-range{filter:brightness(.5);opacity:.25!important}.capture-controls{align-items:center;animation:slideUpFade .3s ease;bottom:100px;display:flex;gap:10px;justify-content:flex-end;position:fixed;right:20px;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.capture-button{align-items:center;background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-radius:24px;box-shadow:0 4px 16px #8d6e6366;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.capture-button:before{content:"📷";font-size:1rem}.capture-button:hover{background:linear-gradient(135deg,#6b4e3d,#5d4037);box-shadow:0 6px 20px #8d6e6380;transform:translateY(-3px)}.capture-button:active{box-shadow:0 3px 12px #8d6e6366;transform:translateY(-1px)}.cancel-capture-button{align-items:center;background:#fff;border:2px solid #e8e0db;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#5d4037;cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:44px;justify-content:center;line-height:1;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.cancel-capture-button:before{content:"×";font-size:1.5rem;line-height:1}.cancel-capture-button:hover{background:#f5f1eb;border-color:#d7ccc8;box-shadow:0 4px 12px #00000026;transform:translateY(-3px) rotate(90deg)}.cancel-capture-button:active{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px) rotate(90deg)}.header-icon-button.active{background:#8d6e63;border-color:#8d6e63;color:#fff}.input-area textarea{align-self:center;background:#f5f1eb;border:2px solid #d7ccc8;border-radius:20px;box-shadow:none;flex:1 1;font-family:inherit;font-size:16px;line-height:1.5;max-height:120px;min-height:44px;min-width:0;overflow-y:auto;padding:10px 16px;resize:none;transition:all .2s}.input-area textarea.action-mode{color:#8d6e63;font-style:italic;opacity:.85}.input-area textarea:focus{background:#fff;border-color:#8d6e63;box-shadow:0 0 0 3px #8d6e6326;outline:none}.input-area textarea::placeholder{color:#c2afa2}.input-area [contenteditable]{word-wrap:break-word;align-self:center;background:#f5f1eb;border:2px solid #d7ccc8;border-radius:20px;box-shadow:none;flex:1 1;font-family:inherit;font-size:16px;height:auto;line-height:1.5;min-height:44px;min-width:0;outline:none;overflow:hidden;padding:10px 16px;resize:none;transition:all .2s;white-space:pre-wrap}.input-area [contenteditable]::-webkit-scrollbar{display:none}.input-area [contenteditable]{-ms-overflow-style:none;scrollbar-width:none}.input-area [contenteditable]:focus{background:#fff;border-color:#8d6e63;box-shadow:0 0 0 3px #8d6e6326;outline:none}.input-area [contenteditable]:empty:before{color:#c2afa2;content:attr(data-placeholder);pointer-events:none}.input-area [contenteditable].disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.voice-button{align-items:center;align-self:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:#6b4e3d;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:4px;transition:all .2s;width:32px}.voice-button:hover:not(:disabled){background:#6b4e3d14;color:#5d4037}.voice-button:disabled{cursor:not-allowed;opacity:.3}.voice-button.recording{animation:recordingPulse 1.5s ease-in-out infinite;background:#e5737326;color:#e57373}.voice-button svg{stroke-width:1.5;display:block;height:20px;margin:0;padding:0;width:20px}@keyframes recordingPulse{0%,to{box-shadow:0 0 0 0 #e57373b3}50%{box-shadow:0 0 0 10px #e5737300}}.image-upload-button{align-items:center;background:#0000;border:none;border-radius:8px;box-shadow:none;color:#6b4e3d;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:4px;transition:all .2s;width:32px}.image-upload-button:hover:not(:disabled){background:#6b4e3d14;color:#5d4037}.image-upload-button:disabled{cursor:not-allowed;opacity:.3}.image-upload-button svg{stroke-width:1.5}.send-button{align-items:center;align-self:center;background:#c2afa24d;border:none;border-radius:18px;box-shadow:none;color:#a1887f;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.send-button:hover:not(:disabled){background:#8d6e63;color:#fff;transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:#c2afa233;color:#c2afa2;cursor:not-allowed;opacity:.5;transform:none}.send-button:not(:disabled){background:#8d6e63;color:#fff}.send-button svg{stroke-width:2;height:18px;width:18px}.settings-button,.template-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;bottom:84px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000d;color:#8d6e63;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:14px;transform-origin:center center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;width:48px;will-change:transform;z-index:5}.template-button{bottom:140px}.settings-button:hover,.template-button:hover{background:#fffffff2;box-shadow:0 4px 12px #0000001f,0 2px 6px #00000014;color:#6b4e3d;transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:10000}.history-modal,.my-page-modal,.report-modal,.settings-modal,.stats-modal,.template-modal{animation:slideUp .3s ease;background:#fff;border-bottom:none;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:20px;max-height:80vh;max-width:380px;overflow:hidden;padding:28px;position:relative;width:90%}.settings-modal{display:flex;flex-direction:column;max-height:80vh;min-height:auto;overflow:hidden}.settings-modal h2{flex-shrink:0}.settings-modal .button-group{flex-shrink:0;margin-top:auto;padding-top:20px}.report-modal{display:flex;flex-direction:column;max-height:85vh;max-width:380px;overflow:hidden;width:90%}.report-modal .report-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.history-modal h2,.my-page-modal h2,.report-modal h2,.settings-modal h2,.stats-modal h2,.template-modal h2{color:#3e2723;font-size:1.5rem;font-weight:700;margin-bottom:4px;text-align:center}.close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#8d6e63;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:background-color .15s ease;width:36px}.close-button:hover:not(:active){background:#0000000d;color:#5d4037;transform:none}.close-button:active{background:#00000014!important;border-radius:50%!important;height:36px!important;transform:none!important;width:36px!important}.close-button svg{height:24px;width:24px}.profile-preview-area{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.profile-preview{border:3px solid #d7ccc8;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;width:100px}.file-input-label{background:linear-gradient(135deg,#fff,#f8f5f2);border:1.5px solid #e8e0db;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#5d4037!important;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500!important;padding:12px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.setting-item .file-input-label{font-size:.85rem;padding:8px 12px;text-align:center}.background-actions .file-input-label{font-size:.75rem;min-width:auto;padding:6px 12px;width:auto}.file-input-label:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#8d6e63;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.file-input-hidden{display:none}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#5d4037;font-size:.9rem;font-weight:600}.input-group input[type=text],.input-group select{background:linear-gradient(135deg,#fff,#f8f5f2);border:2px solid #e8e0db;border-radius:16px;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;color:#3e2723;font-family:inherit;font-size:.95rem;font-weight:500;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D6E63' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer}.input-group input[type=text]:hover,.input-group select:hover{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:#8d6e63;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;transform:translateY(-1px)}.input-group input[type=text]:focus,.input-group select:focus{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:#8d6e63;box-shadow:0 0 0 4px #8d6e6326,0 4px 16px #0000001a;outline:none;transform:translateY(-1px)}.input-group select option{background:#fff;border:none;border-radius:16px;color:#3e2723;font-weight:500;margin:6px 8px;padding:16px 20px;transition:all .2s ease}.input-group select option:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-radius:16px;transform:translateX(4px)}.input-group select option:checked{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border-radius:16px;color:#fff;font-weight:600}.input-group input[type=checkbox]{accent-color:#8d6e63;cursor:pointer;height:20px;width:20px}.button-group{display:flex;gap:10px;margin-top:8px}.button-group button{flex:1 1}.button-group button,.save-button{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .2s}.save-button{background:linear-gradient(135deg,#8d6e63,#6b4e3d);box-shadow:0 2px 8px #8d6e634d;color:#fff}.save-button:hover{box-shadow:0 4px 12px #8d6e6366;transform:translateY(-1px)}.button-group .close-button{align-items:center;background:#efebe9;border:1.5px solid #d7ccc8;border-radius:10px;color:#5d4037;display:flex;height:auto;justify-content:center;padding:10px 20px;position:static;width:auto}.button-group .close-button svg{height:18px;width:18px}.button-group .close-button:hover{background:#d7ccc8;transform:none}.button-group .close-button:active{background:#d7ccc8!important;border-radius:10px!important;height:auto!important;transform:none!important;width:auto!important}.logout-section{margin:24px 0 16px;padding-top:0}.logout-button-in-modal{align-items:center;background:#f5f1eb;border:none;border-radius:12px;color:#8d6e63;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s;width:100%}.logout-button-in-modal:hover{background:#efebe9;box-shadow:0 2px 8px #0000001a;color:#5d4037;transform:translateY(-1px)}.history-list{display:flex;flex-direction:column;gap:12px;margin-right:0;max-height:60vh;overflow-y:auto;padding-right:20px}.history-list::-webkit-scrollbar{margin-right:8px;width:4px}.history-list::-webkit-scrollbar-track{background:#0000;border-radius:3px;margin-right:8px}.history-list::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;margin-right:8px;min-height:5px}.history-list::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.history-item{align-items:flex-start;background:#f5f1eb;border:1.5px solid #d7ccc8;border-radius:12px;display:flex;gap:12px;padding:16px 16px 60px 80px;position:relative;transition:all .2s}.history-item:hover{background:#efebe9;border-color:#a1887f;transform:translateX(4px)}.history-info{flex:1 1;min-width:0}.history-meta{display:flex;flex-direction:column;gap:4px;margin-top:8px}.history-info h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3e2723;display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:4px;max-height:2.8em;overflow:hidden;padding-right:35px;text-overflow:ellipsis;word-break:break-word}.history-info p{color:#8d6e63;font-size:.85rem;margin:2px 0}.history-date,.history-message-count{align-items:center;color:#8d6e63;display:flex;font-size:.85rem;gap:4px}.history-message-count{font-weight:500}.history-delete-btn{align-items:center;background:#0000;border:none;color:#d32f2f;cursor:pointer;display:flex;height:auto;justify-content:center;padding:4px;position:absolute;right:15px;top:15px;transition:all .2s;width:auto;z-index:1}.history-delete-btn:hover{color:#c62828;opacity:.8;transform:scale(1.1)}.history-avatar{background:#fff;border:2.5px solid #d7ccc8;border-radius:50%;box-shadow:0 2px 8px #8d6e6326;flex-shrink:0;height:56px;left:16px;overflow:hidden;position:absolute;top:16px;width:56px}.history-avatar img{height:100%;object-fit:cover;width:100%}.history-avatar-cluster{background:#0000;border:none;box-shadow:none;overflow:visible}.history-avatar-item{background:#fff;border:2.5px solid #d7ccc8;border-radius:50%;box-shadow:0 2px 6px #8d6e6333;height:42px;overflow:hidden;position:absolute;width:42px}.history-avatar-item img{height:100%;object-fit:cover;width:100%}.history-avatar-top-left{left:-4px;top:-4px;z-index:2}.history-avatar-bottom-right{bottom:-4px;right:-4px;z-index:1}.history-load-btn{align-items:center;background:linear-gradient(135deg,#a1887f,#8d6e63);border:none;border-radius:10px;bottom:16px;box-shadow:0 2px 8px #8d6e6333;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;margin-top:8px;padding:8px 16px;position:absolute;right:16px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.history-load-btn:hover{background:linear-gradient(135deg,#b39d8f,#9b7a6b);box-shadow:0 4px 12px #8d6e634d;transform:translateY(-2px)}.history-load-btn:active{box-shadow:0 2px 6px #6b4e3d40;transform:translateY(0)}.empty-message{color:#a1887f;font-size:.95rem;padding:40px 20px;text-align:center}.stats-content{align-items:center;display:flex;flex-direction:column;gap:20px;max-height:calc(80vh - 120px);overflow-x:hidden;overflow-y:auto;padding:4px 20px}.weekly-recap-box{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:16px 0;overflow:visible;padding:0;width:100%}.stats-content::-webkit-scrollbar{width:4px}.stats-content::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px;margin-right:16px}.stats-content::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;margin-right:16px;min-height:5px}.stats-content::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.stats-quote-delete{align-items:center!important;background:#0000!important;border:none!important;color:#d32f2f!important;cursor:pointer!important;display:flex!important;height:auto!important;justify-content:center!important;padding:4px!important;transition:all .2s!important;width:auto!important;z-index:1!important}.stats-quote-delete:hover{color:#c62828!important;opacity:.8!important;transform:scale(1.1)!important}.stat-item{background:linear-gradient(135deg,#f5f1eb,#fff);border:1.5px solid #d7ccc8;border-radius:12px;padding:20px;text-align:center}.stat-item h3{color:#8d6e63;font-size:.9rem;font-weight:500;margin-bottom:8px}.stat-value{color:#3e2723;font-size:1.8rem;font-weight:700}.weekly-stats-header{margin-bottom:20px;text-align:center}.top-characters-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.top-character-card{align-items:center;background-color:#fff;border:2px solid #e8e0db;border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.total-stats-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:4px}.stats-actions{border-top:none;margin-top:8px;padding-top:20px}.reset-stats-button{background:#0000;border:1.5px solid #d7ccc8;border-radius:10px;color:#8d6e63;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s;width:100%}.reset-stats-button:hover{background:#f5f1eb;border-color:#a1887f;color:#5d4037}.stats-chat-list{border-top:none;margin-top:16px;padding-top:16px}.stats-chat-list h3{margin-bottom:12px!important}.stats-chat-items{display:flex;flex-direction:column;gap:10px;overflow-y:visible}.stats-chat-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f5f2);border:1px solid #e8e0db;border-radius:12px;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.stats-chat-item:hover{border-color:#8d6e63;box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.stats-chat-info{flex:1 1;min-width:0}.stats-chat-title{color:#3e2723;font-size:.95rem;font-weight:600;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-chat-meta{align-items:center;color:#8d6e63;display:flex;font-size:.8rem;gap:8px}.stats-chat-meta span{white-space:nowrap}.stats-chat-delete{align-items:center;background:#fff;border:1.5px solid #e8e0db;border-radius:50%;color:#8d6e63;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:12px;transition:all .2s ease;width:36px}.stats-chat-delete:hover{background:#ffebee;border-color:#e57373;color:#e57373;transform:scale(1.1)}.stat-item.clickable:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stats-chat-item.selected{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-color:#8d6e63}.stats-chat-summary{background:#f5f1eb;border-radius:8px;color:#5d4037;font-size:.85rem;line-height:1.5;margin-top:8px;padding:8px 12px}.stats-chat-summarize{background:#fff;border:1px solid #e8e0db;border-radius:6px;color:#8d6e63;cursor:pointer;font-size:.8rem;margin-top:8px;padding:6px 12px;transition:all .2s ease}.stats-chat-summarize:hover{background:#f5f1eb;border-color:#8d6e63}.stats-bulk-delete{background:linear-gradient(135deg,#e57373,#ef5350);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.stats-bulk-delete:hover{box-shadow:0 4px 12px #e573734d;transform:translateY(-1px)}.report-content{box-sizing:border-box;display:flex;flex-direction:column;gap:24px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding-right:8px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.activity-popup{animation:popupFadeIn .3s cubic-bezier(.4,0,.2,1)}.report-header{background:linear-gradient(135deg,#fafafa,#fff);border-bottom:2px solid #e8e0db;border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:20px;margin:-28px -28px 24px;padding:28px;text-align:center}.episode-header-main{display:flex;flex-direction:column;gap:8px}.report-header h3{color:#3e2723;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0}.report-date{color:#8d6e63;font-size:.85rem;margin:0}.episode-emotion-stats{align-items:center;background:#fbf9f7;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px}.emotion-stat{color:#a1887f;font-size:.85rem;font-weight:500}.emotion-stat.active{color:#5d4037;font-weight:700}.emotion-stat-separator{color:#d7ccc8;font-weight:300}.dominant-emotion-badge{align-items:center;background:linear-gradient(135deg,#fff3e0,#fff);border:2px solid #ffe0b2;border-radius:20px;display:inline-flex;gap:8px;padding:8px 16px}.badge-label{color:#8d6e63;font-size:.85rem;font-weight:600}.badge-emotion{color:#5d4037;font-size:.9rem;font-weight:700}.episode-summary{word-wrap:break-word;background:linear-gradient(135deg,#fff8e1,#fffbf0 50%,#fff);border:2px solid #ffe0b2;border-radius:18px;box-shadow:0 4px 20px #ffe0b233;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;padding:24px 28px;transition:all .3s ease}.episode-summary:hover{box-shadow:0 6px 24px #ffe0b24d;transform:translateY(-2px)}.summary-label{color:#8d6e63;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-align:center;text-transform:uppercase}.summary-text{color:#3e2723;font-size:1.05rem;font-weight:500;line-height:1.7;margin:0;text-align:center;white-space:pre-line}.next-scene-suggestion{word-wrap:break-word;background:linear-gradient(135deg,#e8f5e9,#f1f8e9 50%,#fff);border:2px solid #c8e6c9;border-radius:18px;box-shadow:0 4px 20px #c8e6c933;box-sizing:border-box;max-width:100%;overflow-wrap:break-word;padding:24px 28px;transition:all .3s ease}.next-scene-suggestion:hover{box-shadow:0 6px 24px #c8e6c94d;transform:translateY(-2px)}.suggestion-label{color:#8d6e63;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-align:center;text-transform:uppercase}.suggestion-text{color:#3e2723;font-size:1.05rem;font-weight:500;line-height:1.7;margin:0 0 20px;text-align:center;white-space:pre-line}.continue-conversation-button{background:#8d6e63;border:none;border-radius:12px;box-shadow:0 4px 12px #8d6e6340;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.continue-conversation-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.continue-conversation-button:hover:before{height:300px;width:300px}.continue-conversation-button:hover{background:#9d7e73;box-shadow:0 6px 20px #8d6e6359;transform:translateY(-2px)}.continue-conversation-button:active{box-shadow:0 2px 8px #8d6e634d;transform:translateY(0)}.drama-timeline{align-items:center;background:#fbf9f7;border:1px solid #e8e0db;border-radius:12px;display:flex;gap:4px;justify-content:flex-start;overflow-x:auto;padding:20px}.timeline-message-item{align-items:center;display:flex;flex-shrink:0}.timeline-message-bead-container{align-items:center;display:flex;justify-content:center;position:relative}.timeline-message-bead{border-radius:50%;cursor:pointer;height:12px;transition:transform .2s ease;width:12px}.timeline-message-bead.emotion-romance{background:#ff8a95;border:1px solid #ff6b7a}.timeline-message-bead.emotion-comfort{background:#ffd3a5;border:1px solid #ffc896}.timeline-message-bead.emotion-conflict{background:#ffb3b3;border:1px solid #f99}.timeline-message-bead.emotion-neutral{background:#d7ccc8;border:1px solid #bcaaa4}.timeline-message-bead:hover{transform:scale(1.5)}.important-moment-bubble{background:#3e2723e6;border-radius:12px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.7rem;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;top:-28px;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:10}.timeline-message-bead-container:hover .important-moment-bubble{opacity:1}.timeline-message-connector{background:#d7ccc8;height:2px;margin:0 2px;width:8px}.report-section{box-sizing:border-box;flex-direction:column;gap:16px;max-width:100%;padding:20px 0}.report-section,.report-section h4{word-wrap:break-word;display:flex;overflow-wrap:break-word}.report-section h4{align-items:center;color:#3e2723;font-size:1.1rem;font-weight:700;gap:8px;letter-spacing:-.3px;margin:0 0 4px}.report-text{background:linear-gradient(135deg,#f5f1eb,#fff);border:2px solid #e8e0db;border-radius:14px;box-shadow:0 2px 12px #0000000a;color:#3e2723;line-height:1.8;padding:20px 24px;white-space:pre-line}.report-position,.report-text{word-wrap:break-word;box-sizing:border-box;font-size:.95rem;max-width:100%;overflow-wrap:break-word}.report-position{background:linear-gradient(135deg,#fbf9f7,#fff);border-left:4px solid #8d6e63;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#5d4037;line-height:1.7;margin:0;padding:16px 20px}.expert-interpretation-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.expert-icon{font-size:1.1rem;line-height:1}.expert-interpretation-header h4{color:#3e2723;font-size:.95rem;font-weight:600;margin:0}.expert-interpretation-box{background:linear-gradient(135deg,#fff8e1,#fffbf0 50%,#fff);border:2px solid #ffe0b2;border-radius:14px;box-shadow:0 4px 16px #ffe0b226;padding:20px 24px;transition:all .3s ease}.expert-interpretation-box:hover{box-shadow:0 6px 20px #ffe0b240;transform:translateY(-2px)}.report-interpretation{color:#3e2723;font-size:.9rem;line-height:1.8;margin:0;white-space:pre-line}.report-suggestions{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.report-suggestions li{background:#f5f1eb;border:1px solid #d7ccc8;border-radius:8px;color:#3e2723;font-size:.9rem;line-height:1.6;padding:12px 16px}.report-note{color:#8d6e63;font-size:.85rem;font-style:italic;margin-top:8px;padding-left:8px}.previous-reports{display:flex;flex-direction:column;gap:8px}.previous-report-item{align-items:center;background:#fbf9f7;border:1px solid #e8e0db;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.prev-episode{color:#8d6e63;font-size:.9rem;font-weight:600}.prev-date{color:#a1887f;font-size:.85rem}.report-actions{border-top:1px solid #e8e0db;padding-top:16px}.save-report-button{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-radius:14px;box-shadow:0 4px 16px #8d6e634d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.save-report-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.save-report-button:hover:before{height:300px;width:300px}.save-report-button:hover{background:linear-gradient(135deg,#6b4e3d,#5d4037);box-shadow:0 6px 20px #8d6e6366;transform:translateY(-2px)}.save-report-button:active{box-shadow:0 3px 12px #8d6e634d;transform:translateY(0)}.save-report-button:disabled{cursor:not-allowed;opacity:.6}.saved-reports-section{margin-top:32px}.saved-reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.saved-report-card{transition:all .3s ease}.saved-report-card:hover{transform:translateY(-4px)}.emotion-bars{background:#fbf9f7;border:1px solid #e8e0db;border-radius:12px;gap:16px;padding:16px}.emotion-bar-item,.emotion-bars{display:flex;flex-direction:column}.emotion-bar-item{gap:8px}.emotion-label{align-items:center;color:#5d4037;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between}.emotion-percentage{color:#8d6e63;font-size:.85rem;font-weight:700}.emotion-bar-container{background:#e8e0db;height:24px;width:100%}.emotion-bar,.emotion-bar-container{border-radius:12px;overflow:hidden;position:relative}.emotion-bar{height:100%;transition:width .8s ease}.romance-bar{background:linear-gradient(90deg,#ffb3ba,#ff9aa2 50%,#ff8a95);box-shadow:0 2px 8px #ff8a9566}.comfort-bar{background:linear-gradient(90deg,#ffdfba,#ffd3a5 50%,#ffc896);box-shadow:0 2px 8px #ffc89666}.conflict-bar{background:linear-gradient(90deg,#ffcccb,#ffb3b3 50%,#f99);box-shadow:0 2px 8px #f996}.dominant-mood{background:linear-gradient(135deg,#fff3e0,#fff);border:2px solid #ffe0b2;border-radius:12px;color:#3e2723;font-size:1.1rem;font-weight:700;padding:16px;text-align:center}.mood-timeline{background:linear-gradient(135deg,#fbf9f7,#fff);border:1px solid #e8e0db;border-radius:12px;gap:8px;justify-content:center;margin:0 auto;max-width:100%;padding:24px 20px;position:relative}.mood-timeline,.timeline-item{align-items:center;display:flex}.timeline-item{flex:1 1;flex-direction:column;gap:12px;z-index:2}.timeline-label{color:#8d6e63;font-size:.85rem;font-weight:600}.timeline-mood-bead{border-radius:50%;box-shadow:0 4px 12px #00000026,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;cursor:pointer;height:40px;margin:0 auto;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:40px}.timeline-mood-bead:hover{box-shadow:0 6px 16px #0003,inset 0 2px 4px #fff6,inset 0 -2px 4px #00000026;transform:scale(1.15)}.timeline-mood-bead:before{background:#fff6;border-radius:50%;content:"";filter:blur(2px);height:30%;left:20%;position:absolute;top:20%;width:30%}.timeline-mood-bead.mood-romance{background:radial-gradient(circle at 30% 30%,#ffb3ba,#ff8a95,#ff6b7a);border:2px solid #ff8a95}.timeline-mood-bead.mood-comfort{background:radial-gradient(circle at 30% 30%,#ffdfba,#ffd3a5,#ffc896);border:2px solid #ffd3a5}.timeline-mood-bead.mood-conflict{background:radial-gradient(circle at 30% 30%,#ffcccb,#ffb3b3,#f99);border:2px solid #ffb3b3}.timeline-mood-bead.mood-neutral{background:radial-gradient(circle at 30% 30%,#e8e0db,#d7ccc8,#bcaaa4);border:2px solid #d7ccc8}.timeline-connector{background:linear-gradient(90deg,#8d6e6333,#8d6e6366 50%,#8d6e6333);border-radius:2px;flex:1 1;height:3px;margin:0 8px;max-width:80px;position:relative;top:-12px;z-index:1}.keywords-list{background:#fbf9f7;border:1px solid #e8e0db;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;padding:16px}.keyword-tag{background:linear-gradient(135deg,#e8d5c4,#f5e6d3);border:1px solid #d7ccc8;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#5d4037;display:inline-block;font-size:.85rem;font-weight:600;padding:8px 14px}.psychological-issues{display:flex;flex-direction:column;gap:12px}.issue-card{background:linear-gradient(135deg,#fff3e0,#fff);border-left:4px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px}.issue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.issue-title{color:#3e2723;font-size:1rem;font-weight:700}.issue-severity{border-radius:12px;font-size:.8rem;font-weight:600;padding:4px 12px}.severity-high{background:#ffebee;border:1px solid #ef5350;color:#c62828}.severity-mid{background:#fff3e0;border:1px solid #ff9800;color:#e65100}.severity-low{background:#e8f5e9;border:1px solid #66bb6a;color:#2e7d32}.issue-description{color:#5d4037;font-size:.9rem;line-height:1.6;margin:0}.issue-reasons{display:flex;flex-direction:column;gap:12px}.reason-card{background:linear-gradient(135deg,#f3e5f5,#fff);border-left:4px solid #9c27b0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px}.reason-issue{color:#6a1b9a;font-size:.95rem;font-weight:700;margin-bottom:8px}.reason-text{color:#5d4037;font-size:.9rem;line-height:1.8;margin:0}.therapeutic-activities{display:flex;flex-direction:column;gap:16px}.activity-card{word-wrap:break-word;background:linear-gradient(135deg,#e0f2e1,#e8f5e9 30%,#f5f9f5 70%,#fff);border:1px solid #c8e6c9;border-radius:12px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;margin-bottom:12px;max-width:100%;overflow:visible;overflow-wrap:break-word;padding:20px 24px;position:relative;transition:all .2s ease}.activity-card:before{background:linear-gradient(180deg,#81c784,#66bb6a);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.activity-card:hover{border-color:#a5d6a7;box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.activity-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.activity-number{align-items:center;background:linear-gradient(135deg,#66bb6a,#4caf50);border-radius:50%;box-shadow:0 2px 8px #66bb6a4d;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.activity-title{color:#2e7d32;font-size:.95rem;font-weight:700;line-height:1.4}.activity-description{color:#5d4037;font-size:.85rem;line-height:1.6;margin:0 0 10px;padding-left:40px}.activity-why{background:#f1f8e9;border-left:2px solid #81c784;border-radius:8px;margin-left:40px;margin-top:6px;padding:10px 14px}.activity-why strong{color:#2e7d32;display:block;font-size:.8rem;font-weight:600;margin-bottom:4px}.activity-why p{color:#5d4037;font-size:.8rem;line-height:1.5;margin:0}.export-menu-container{display:inline-block;position:relative}.export-menu-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:2px solid #e8e0db;border-radius:16px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;min-width:150px;overflow:hidden;padding:2px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.export-menu-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:10px;color:#3e2723;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;margin:1px 0;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.export-menu-item:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#e8e0db}.export-menu-icon{flex-shrink:0;font-size:1rem;line-height:1}.header-menu-container{display:inline-block;position:relative}.header-menu-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border:none;border-radius:16px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;min-width:180px;overflow:hidden;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.header-menu-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:10px;color:#3e2723;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin:2px 0;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.header-menu-item:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#e8e0db;transform:translateX(2px)}.header-menu-icon{stroke:currentColor;color:#8d6e63;flex-shrink:0;height:18px;width:18px}.activity-card-new{background:#fff;border:1px solid #e8e0db;border-radius:16px;box-shadow:0 2px 12px #0000000a;margin-bottom:16px;padding:20px 24px}.activity-header-new{align-items:center;display:flex;gap:12px;margin-bottom:14px}.activity-number-new{align-items:center;background:#66bb6a;border-radius:50%;box-shadow:0 2px 8px #66bb6a40;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:36px;justify-content:center;width:36px}.activity-title-new{color:#2e7d32;font-size:1.05rem;font-weight:700}.activity-description-new{border-left:2px solid #d7ccc8;color:#5d4037;font-size:.9rem;line-height:1.7;margin:0 0 14px;padding-left:12px}.activity-why-new{background:#f1f8e9;border-left:2px solid #66bb6a;border-radius:8px;margin-top:8px;padding:14px 16px 14px 12px}.activity-why-label{color:#2e7d32;font-size:.85rem;font-weight:600;margin:0 0 8px}.activity-why-text{color:#5d4037;font-size:.85rem;line-height:1.6;margin:0;padding-left:0}.settings-content{display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:calc(80vh - 160px);overflow-x:hidden;overflow-y:auto;padding-right:16px}.settings-content:has(.custom-dropdown.open){overflow:visible}.settings-content::-webkit-scrollbar{width:4px}.settings-content::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px;margin-right:8px}.settings-content::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;margin-right:8px;min-height:5px}.settings-content::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.character-selector-modal{overflow:hidden}.character-selector-grid::-webkit-scrollbar{width:4px}.character-selector-grid::-webkit-scrollbar-track{background:#0000;border-radius:2px}.character-selector-grid::-webkit-scrollbar-thumb{background:#d7ccc899;border-radius:2px;min-height:5px}.character-selector-grid::-webkit-scrollbar-thumb:hover{background:#bcaaa4cc}.reply-box-list::-webkit-scrollbar{width:4px}.reply-box-list::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px;margin-right:8px}.reply-box-list::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;margin-right:8px;min-height:5px}.reply-box-list::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{color:#5d4037;font-size:.9rem;font-weight:600}.setting-group select{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fff,#f8f5f2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D6E63' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e8e0db;border-radius:16px;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;color:#3e2723;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.setting-group select:hover{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:#8d6e63;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;transform:translateY(-1px)}.setting-item{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.setting-item:has(.custom-dropdown.open){overflow:visible;z-index:10004}.setting-item label{color:#5d4037;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:8px}.setting-item input[type=checkbox]{accent-color:#8d6e63;cursor:pointer;height:18px;margin-right:8px;width:18px}.setting-item label:has(input[type=checkbox]){align-items:center;cursor:pointer;flex-direction:row}.setting-item input[type=text]{background:linear-gradient(135deg,#fff,#f8f5f2);border:2px solid #e8e0db;border-radius:16px;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;color:#3e2723;font-family:inherit;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.setting-item input[type=text]:focus,.setting-item input[type=text]:hover{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:#8d6e63;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;outline:none}.settings-select{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#fff,#f8f5f2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238D6E63' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e8e0db;border-radius:16px;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a;color:#3e2723;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:12px 40px 12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.settings-select:focus,.settings-select:hover{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:#8d6e63;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f;outline:none;transform:translateY(-1px)}.background-preview-area{display:flex;flex-direction:column;gap:12px;width:100%}.background-preview{border:2px solid #e8e0db;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-height:200px;object-fit:cover;width:100%}.background-actions{display:flex;gap:8px;justify-content:center}.remove-background-button{background:linear-gradient(135deg,#fff,#f8f5f2);border:1.5px solid #e8e0db;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#5d4037!important;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500!important;padding:6px 12px;text-decoration:none;transition:all .2s ease}.remove-background-button:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#8d6e63;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.setting-group select:focus{background:linear-gradient(135deg,#fff,#f5f1eb);border-color:#8d6e63;box-shadow:0 0 0 4px #8d6e6326,0 4px 16px #0000001a;outline:none;transform:translateY(-1px)}.setting-group select option{background:#fff;border:none;border-radius:16px;color:#3e2723;font-weight:500;margin:6px 8px;padding:16px 20px;transition:all .2s ease}.setting-group select option:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-radius:16px;transform:translateX(4px)}.setting-group select option:checked{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border-radius:16px;color:#fff;font-weight:600}.setting-group input[type=checkbox]{accent-color:#8d6e63;cursor:pointer;height:24px;width:24px}.template-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding:4px 0}.template-list::-webkit-scrollbar{width:4px}.template-list::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px}.template-list::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;min-height:5px}.template-list::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.template-item{align-items:center;background:#f5f1eb;border:1.5px solid #d7ccc8;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s}.template-item:hover{background:#efebe9;border-color:#8d6e63;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.template-icon{align-items:center;background:linear-gradient(135deg,#f5f1eb,#fff);border:1.5px solid #e8e0db;border-radius:12px;color:#8d6e63;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.template-icon svg{height:24px;width:24px}.template-content{flex:1 1;min-width:0}.template-content h3{color:#3e2723;font-size:1rem;font-weight:600;margin-bottom:4px}.template-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#8d6e63;display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.template-arrow{color:#a1887f;flex-shrink:0;font-size:1.2rem;transition:all .2s}.template-item:hover .template-arrow{color:#8d6e63;transform:translateX(4px)}.auth-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.auth-modal{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 24px 80px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:380px;overflow:hidden;padding:0;position:relative;width:90%}.auth-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:36px 32px 28px}.auth-header h2{color:#1a1a1a;font-size:1.875rem;font-weight:700;letter-spacing:-.8px;margin:0}.auth-form{display:flex;flex-direction:column;gap:18px;padding:32px}.error-message{align-items:center;animation:shake .4s ease;background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ef9a9a;border-radius:12px;color:#c62828;display:flex;font-size:.9rem;gap:10px;padding:14px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.error-message svg{flex-shrink:0}.auth-input-wrapper{align-items:center;display:flex;position:relative}.input-icon{align-items:center;color:#8d6e63;display:flex;justify-content:center;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.auth-input{background:#fafafa;border:2px solid #e9ecef;border-radius:14px;color:#1a1a1a;font-family:inherit;font-size:1rem;padding:16px 16px 16px 52px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-input:focus{background:#fff;border-color:#8d6e63;box-shadow:0 0 0 4px #8d6e631a;outline:none;transform:translateY(-1px)}.auth-input::placeholder{color:#a1887f;font-weight:400}.auth-input:focus+.input-icon,.auth-input:not(:placeholder-shown)+.input-icon{color:#8d6e63}.auth-submit-button{align-items:center;background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-radius:14px;box-shadow:0 4px 16px #8d6e634d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:8px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-submit-button:hover:before{left:100%}.auth-submit-button:hover:not(:disabled){box-shadow:0 6px 24px #8d6e6366;transform:translateY(-2px)}.auth-submit-button:active:not(:disabled){transform:translateY(0)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.weekly-detail-spinner{animation:spin .8s linear infinite}.auth-divider{align-items:center;color:#a1887f;display:flex;font-size:.85rem;gap:16px;padding:0 32px}.auth-divider:after,.auth-divider:before{background:#e9ecef;content:"";flex:1 1;height:1px}.auth-divider span{padding:0 8px}.auth-switch{align-items:center;background:#fafafa;color:#6c757d;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding:20px 32px 28px;text-align:center}.auth-link-button{background:none;border:none;color:#8d6e63;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;position:relative;text-decoration:none;transition:all .2s}.auth-link-button:after{background:#8d6e63;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s;width:0}.auth-link-button:hover{color:#6b4e3d}.auth-link-button:hover:after{width:100%}.auth-link-button.signup-link-button:after{bottom:-2px;height:2px}.auth-link-button.signup-link-button:hover:after{bottom:-2px;width:100%}.user-info{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 4px 16px #0000001f;display:flex;gap:10px;left:16px;padding:8px 12px 8px 8px;position:absolute;top:16px;z-index:10}.chat-container .user-info{display:none}.user-info .user-avatar{border:2px solid #8d6e63;border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.user-info .user-avatar img{height:100%;object-fit:cover;width:100%}.username{color:#3e2723;font-size:.9rem}.logout-button,.username{font-weight:600;white-space:nowrap}.logout-button{background:linear-gradient(135deg,#efebe9,#e0e0e0);border:1px solid #d7ccc8;border-radius:12px;color:#5d4037;cursor:pointer;font-size:.8rem;padding:6px 14px;transition:all .2s}.logout-button:hover{background:linear-gradient(135deg,#d7ccc8,#bdbdbd);border-color:#a1887f;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.diary-modal{border-bottom:none;gap:0!important;max-height:85vh;max-width:380px;overflow-y:auto;padding:24px 20px 32px 36px!important}.diary-modal-header{margin-bottom:20px;padding-top:8px}.diary-modal::-webkit-scrollbar{width:4px}.diary-modal::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px}.diary-modal::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;min-height:5px}.diary-modal::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.diary-modal-body{box-sizing:border-box;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 20px 20px 12px;position:relative}.diary-modal-body::-webkit-scrollbar{width:4px}.diary-modal-body::-webkit-scrollbar-track{background:#0000;border-radius:4px;margin:4px -20px 4px 0}.diary-modal-body::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:4px;min-height:5px}.diary-modal-body::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.diary-empty-state{padding:32px 24px 56px;text-align:center}.diary-empty-state p{color:#a1887f;font-size:1.1rem;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin-bottom:12px;opacity:.8}.diary-empty-state p:first-child{white-space:nowrap}.diary-subtitle{color:#a1887f;font-size:1.1rem;font-weight:400;letter-spacing:-.01em;line-height:1.6;margin-bottom:48px!important;margin-top:-8px;opacity:.8}.diary-action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto;max-width:680px;position:relative;width:100%}.diary-generate-button{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:1.5px solid #6b4e3d;border-radius:14px;box-shadow:0 4px 12px #6b4e3d40,0 2px 4px #00000014;color:#fff;cursor:pointer;flex:1 1 320px;font-size:.95rem;font-weight:600;letter-spacing:-.01em;min-width:280px;overflow:hidden;padding:16px 28px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.diary-generate-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.diary-generate-button:hover:not(:disabled):before{left:100%}.diary-generate-button:hover:not(:disabled){background:linear-gradient(135deg,#9b7a6b,#7a5a4f);border-color:#7a5a4f;box-shadow:0 8px 20px #6b4e3d59,0 4px 8px #0000001f;transform:translateY(-2px)}.diary-generate-button:disabled{cursor:not-allowed;opacity:.6}.diary-generate-button{position:relative}.diary-calendar{background:#fff;border:1px solid #e8e8e8;border-radius:18px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;margin-bottom:32px;margin-top:0;padding:28px;width:100%}.diary-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.diary-calendar-nav{align-items:center;background:#fff;border:1.5px solid #e8e0db;border-radius:50%;color:#5d4037;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.diary-calendar-nav:hover{background:#f5f1eb;border-color:#8d6e63;transform:scale(1.05)}.diary-calendar-title{color:#3e2723;font-size:1.1rem;font-weight:600;margin:0}.diary-calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.diary-calendar-weekday{color:#8d6e63;font-size:.85rem;font-weight:600;padding:10px 0;text-align:center}.diary-calendar-days{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.diary-calendar-day{aspect-ratio:1;background:#fff;border:2px solid #0000;border-radius:10px;color:#3e2723;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.diary-calendar-day,.diary-calendar-day span{align-items:center;display:flex;justify-content:center;line-height:1;position:relative;text-align:center}.diary-calendar-day span{height:100%;margin:0;padding:0;width:100%;z-index:1}.diary-calendar-day:hover:not(.empty):not(.selected){background:#f5f1eb;border-color:#e8e0db}.diary-calendar-day.empty{cursor:default}.diary-calendar-day.has-diary{background:#fff;border:2px solid #0000;font-weight:500;position:relative}.diary-calendar-day.has-diary:before{background:linear-gradient(135deg,#f5e6d3,#e8d5c4 50%,#ddc9b8);border-radius:50%;box-shadow:0 2px 4px #8d6e6326;content:"";height:28px;left:50%;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:0}.diary-calendar-day.has-diary span{align-items:center;color:#3e2723;display:flex;font-weight:500;height:100%;justify-content:center;line-height:1;margin:0;padding:0;position:relative;text-align:center;width:100%;z-index:1}.diary-calendar-day.has-diary:hover:before{background:linear-gradient(135deg,#f8ede0,#f5e6d3 50%,#e8d5c4);transform:translate(-50%,-50%) scale(1.05)}.diary-calendar-day.is-today:after{align-items:center;background:#0000;border:2px solid #b8a389;border-radius:50%;box-sizing:border-box;content:"";display:flex;height:32px;justify-content:center;left:50%;margin:0;padding:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:2}.diary-calendar-day.has-diary.is-today:after{border-color:#a8957a;box-sizing:border-box;height:32px;width:32px;z-index:1}.diary-calendar-day.selected{background:#0000;border:none}.diary-calendar-day.selected:before{background:linear-gradient(135deg,#e8d5c4,#ddc9b8 50%,#d4bfa8);box-shadow:0 2px 6px #8d6e6340}.diary-calendar-section{margin-top:40px;text-align:left;width:100%}.diary-calendar-section h3{color:#5d4037;font-size:1.1rem;font-weight:600;margin-bottom:12px}.diary-list-section{margin-top:40px;text-align:left;width:100%}.diary-list-section h3{color:#5d4037;font-size:1.1rem;font-weight:600;margin-bottom:12px}.diary-list{display:flex;flex-direction:column;gap:12px}.diary-list-item{background:linear-gradient(135deg,#fff,#f8f5f2);border:1px solid #e8e0db;border-radius:12px;box-sizing:border-box;cursor:pointer;max-width:100%;padding:16px;transition:all .2s ease;width:100%}.diary-list-item:hover{border-color:#8d6e63;box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.diary-list-date{color:#8d6e63;font-size:.85rem;margin-bottom:6px}.diary-list-title{color:#3e2723;font-size:1rem;font-weight:500}.diary-content{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;max-width:100%;padding:24px 20px 24px 12px;width:100%}.diary-content-export{background:#fff;color:#3e2723;font-size:1rem;line-height:1.8;margin:0 auto;max-width:800px;padding:40px 60px}.diary-header{border-bottom:2px solid #e8e0db;margin-bottom:24px;padding-bottom:20px}.diary-date{color:#8d6e63;font-size:.9rem;line-height:1.4;margin-bottom:0}.diary-title{color:#3e2723;font-size:1.5rem;font-weight:600;margin-bottom:12px}.diary-emotions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.emotion-tag{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-radius:20px;color:#5d4037;font-size:.85rem;font-weight:500;padding:6px 12px}.diary-text{color:#3e2723;font-size:1rem;line-height:1.8;max-width:100%;padding:0;white-space:pre-wrap}.diary-text p{margin-bottom:16px}.diary-actions{border-top:1px solid #e8e0db;display:flex;flex-direction:column;gap:16px;margin-top:32px;padding-top:24px}.diary-actions-top{display:flex;gap:12px;justify-content:flex-end}.diary-icon-button{align-items:center;background:linear-gradient(135deg,#fff,#f8f5f2);border:1.5px solid #e8e0db;border-radius:50%;box-shadow:0 2px 6px #0000000f;color:#5d4037;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.diary-icon-button:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#8d6e63;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px) scale(1.05)}.diary-actions-bottom{display:flex;gap:10px}.diary-action-button{background:linear-gradient(135deg,#fff,#f8f5f2);border:1.5px solid #e8e0db;border-radius:12px;box-shadow:0 2px 6px #0000000f;color:#3e2723;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:14px 20px;transition:all .2s ease}.diary-action-button:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#d7ccc8;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.diary-action-button.delete-button{background:linear-gradient(135deg,#fff,#f8f5f2);border-color:#e57373;color:#e57373}.diary-action-button.delete-button:hover{background:linear-gradient(135deg,#ffebee,#fce4ec);border-color:#ef5350;box-shadow:0 4px 12px #e5737333;color:#ef5350}.diary-action-button.back-button{background:linear-gradient(135deg,#fff,#f8f5f2);border-color:#e8e0db;color:#5d4037}.diary-write-form{animation:fadeIn .3s ease;padding:8px 0}.diary-form-section,.diary-write-form{margin-left:0;overflow:visible;width:100%}.diary-form-section{margin-bottom:24px;padding-left:0;padding-right:0;text-align:left}.diary-form-label{color:#5d4037;display:block;font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.diary-label-hint{color:#8d6e63;font-size:.85rem;font-weight:400;margin-left:4px}.diary-form-input,.diary-form-select{background:linear-gradient(135deg,#fff,#fefdfc);border:1.5px solid #e8e0db;border-radius:12px;box-shadow:0 2px 4px #00000008;color:#3e2723;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.diary-date-input{cursor:pointer;padding-right:44px;position:relative}.diary-date-input-wrapper{position:relative}.diary-date-input-wrapper:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238D6E63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:18px 18px;content:"";height:18px;opacity:.7;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:18px}.diary-date-input-wrapper:hover:after{opacity:1}.date-picker-popup{left:50%;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:10001}.date-picker-calendar{background:linear-gradient(135deg,#fff,#fefdfc);border:2px solid #e8e0db;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014;max-width:240px;min-width:240px;padding:12px}.date-picker-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.date-picker-calendar-nav{align-items:center;background:linear-gradient(135deg,#fff,#fefdfc);border:1.5px solid #e8e0db;border-radius:50%;box-shadow:0 2px 4px #00000008;color:#5d4037;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:28px}.date-picker-calendar-nav:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#8d6e63;box-shadow:0 4px 8px #00000014;transform:scale(1.05)}.date-picker-calendar-title{color:#3e2723;font-size:.9rem;font-weight:600;margin:0}.date-picker-calendar-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.date-picker-calendar-weekday{color:#8d6e63;font-size:.7rem;font-weight:600;padding:4px 0;text-align:center}.date-picker-calendar-days{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.date-picker-calendar-day{aspect-ratio:1;background:#0000;border:2px solid #0000;border-radius:50%;color:#3e2723;cursor:pointer;font-size:.75rem;font-weight:500;min-height:28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.date-picker-calendar-day,.date-picker-calendar-day span{align-items:center;display:flex;justify-content:center;position:relative}.date-picker-calendar-day span{height:100%;line-height:1;margin:0;padding:0;text-align:center;width:100%;z-index:1}.date-picker-calendar-day.empty{cursor:default}.date-picker-calendar-day:hover:not(.empty):not(.selected):after{background:linear-gradient(135deg,#f5e6d3,#e8d5c4 50%,#ddc9b8);border-radius:50%;box-shadow:0 2px 4px #8d6e6326;content:"";height:28px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:0}.date-picker-calendar-day:hover:not(.empty):not(.selected) span{position:relative;z-index:1}.date-picker-calendar-day.is-today:not(.selected){color:#8d6e63;font-weight:600}.date-picker-calendar-day.is-today:not(.selected):after{background:#0000;border:2px solid #b8a389;border-radius:50%;content:"";height:28px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:0}.date-picker-calendar-day.is-today:not(.selected) span{position:relative;z-index:1}.date-picker-calendar-day.selected{border:none;color:#3e2723;font-weight:600}.date-picker-calendar-day.selected:after{background:linear-gradient(135deg,#f5e6d3,#e8d5c4 50%,#ddc9b8);border:none;border-radius:50%;box-shadow:0 2px 4px #8d6e6326;content:"";height:28px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;z-index:0}.date-picker-calendar-day.selected span{position:relative;z-index:1}.date-picker-calendar-day.is-today.selected:after{background:linear-gradient(135deg,#f5e6d3,#e8d5c4 50%,#ddc9b8);border:2px solid #b8a389;box-shadow:0 2px 4px #8d6e6326;height:28px;width:28px}.date-picker-calendar-day.disabled{background:#0000!important;cursor:not-allowed!important;opacity:.3;pointer-events:auto!important}.date-picker-calendar-day.disabled span{color:#bcaaa4!important}.date-picker-calendar-day.disabled:hover{background:#0000!important;cursor:not-allowed!important;transform:none!important}.date-picker-calendar-day.disabled:after,.date-picker-calendar-day.disabled:hover:after{display:none!important}.date-picker-calendar-actions{border-top:1px solid #e8e0db;display:flex;justify-content:flex-end;padding-top:10px}.date-picker-today-button{background:linear-gradient(135deg,#fff,#fefdfc);border:1.5px solid #e8e0db;border-radius:8px;box-shadow:0 2px 4px #00000008;color:#5d4037;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.date-picker-today-button:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#8d6e63;box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.diary-form-input:focus,.diary-form-select:focus{background:#fff;border-color:#8d6e63;box-shadow:0 4px 12px #8d6e6326,0 0 0 3px #8d6e631a;outline:none;transform:translateY(-1px)}.diary-form-input::placeholder{color:#a1887f;opacity:.6}.diary-form-input-title{font-size:1.05rem;font-weight:600}.diary-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238D6E63' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px 18px;cursor:pointer;padding-right:48px;position:relative}.diary-form-select:hover{background:linear-gradient(135deg,#fff,#fefdfc);border-color:#8d6e63;box-shadow:0 4px 8px #8d6e631a;transform:translateY(-1px)}.diary-form-select:active{transform:translateY(0)}.diary-form-select option{background:#fff;border:none;color:#3e2723;font-size:1rem;padding:12px 16px}.diary-form-select option:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9)}.diary-form-select option:checked{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#5d4037;font-weight:600}.diary-emotion-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;overflow:visible;padding:0 20px;position:relative}.diary-emotion-chip{background:linear-gradient(135deg,#fff,#fefdfc);border:1.5px solid #e8e0db;border-radius:24px;box-shadow:0 2px 4px #00000008;color:#8d6e63;cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:10px 18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.diary-emotion-chip:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.diary-emotion-chip:hover:before{left:100%}.diary-emotion-chip:hover{background:linear-gradient(135deg,#fefdfc,#fbf9f7);border-color:#8d6e63;box-shadow:0 4px 8px #8d6e6326;transform:translateY(-2px)}.diary-emotion-chip.selected{background:linear-gradient(135deg,#f5f0eb,#eae3dc);border:none;box-shadow:0 8px 24px #00000040,0 4px 12px #00000026;color:#3e2723;font-weight:600}.diary-emotion-chip.selected:hover{background:linear-gradient(135deg,#f8f3ee,#efe8e1);box-shadow:0 10px 28px #0000004d,0 5px 14px #0000002e;transform:translateY(-2px) scale(1.02)}.diary-form-textarea{border:1.5px solid #e8e0db;border-radius:12px;box-shadow:0 2px 4px #00000008;color:#3e2723;font-family:inherit;font-size:1rem;line-height:40px;max-height:400px;min-height:200px;overflow-y:auto;padding:10px 16px 16px;resize:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.diary-form-textarea,.diary-form-textarea:focus{background:repeating-linear-gradient(0deg,#0000,#0000 39px,#8b6e631f 0,#8b6e631f 40px),#fefcf9;background-size:100% 40px}.diary-form-textarea:focus{border-color:#8d6e63;box-shadow:0 4px 12px #8d6e6326,0 0 0 3px #8d6e631a;outline:none;transform:translateY(-1px)}.diary-form-textarea::placeholder{color:#a1887f;opacity:.6}.diary-form-actions{align-items:center;border-top:1px solid #e8e0db;display:flex;flex-wrap:nowrap;gap:12px;justify-content:center;margin-top:32px;padding-top:24px}.diary-form-cancel-button{background:linear-gradient(135deg,#fff,#f8f5f2);border:1.5px solid #e8e0db;border-radius:12px;box-shadow:0 2px 6px #0000000f;color:#5d4037;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.diary-form-cancel-button:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#d7ccc8;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.diary-form-save-button{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-radius:12px;box-shadow:0 4px 16px #6b4e3d40,0 2px 6px #0000001a;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.diary-form-save-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.diary-form-save-button:hover:not(:disabled):before{left:100%}.diary-form-save-button:hover:not(:disabled){background:linear-gradient(135deg,#9b7a6b,#7a5a4f);box-shadow:0 6px 20px #6b4e3d59,0 3px 8px #00000026;transform:translateY(-2px)}.diary-form-save-button:disabled{background:linear-gradient(135deg,#d7ccc8,#bcaaa4);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.diary-write-button{background:#faf6f0;border:1.5px solid #e8e0db;border-radius:14px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;color:#3e2723;cursor:pointer;flex:1 1 320px;font-size:.95rem;font-weight:600;letter-spacing:-.01em;min-width:280px;overflow:hidden;padding:16px 28px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.diary-write-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.diary-write-button:hover:before{left:100%}.diary-write-button:hover{background:#f5f1eb;border-color:#d7ccc8;box-shadow:0 6px 16px #8d6e631f,0 2px 4px #0000000a;transform:translateY(-2px)}.diary-write-button:hover:before{background:linear-gradient(90deg,#0000,#8d6e6333,#0000)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.debate-modal{align-items:stretch;margin:5vh auto;max-height:80vh;max-width:380px;overflow:hidden;padding:28px}.debate-content,.debate-modal{box-sizing:border-box;display:flex;flex-direction:column}.debate-content{flex:1 1;gap:0;margin:0 auto;max-height:calc(80vh - 120px);max-width:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 18px;width:100%}.debate-content::-webkit-scrollbar{width:4px}.debate-content::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px;margin-right:16px}.debate-content::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;margin-right:16px;min-height:5px}.debate-content::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.debate-description{color:#999;font-size:.9rem;line-height:1.6;margin-bottom:20px;margin-top:4px;text-align:center}.debate-topic-section{margin-bottom:24px}.debate-topic-label{color:#5d4037;display:block;font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:8px}.debate-topic-billboard{align-items:center;background:linear-gradient(135deg,#fbf9f7,#fff);border:2px solid #e8e0db;border-radius:16px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;height:120px;justify-content:center;margin-bottom:12px;margin-top:4px;overflow:hidden;padding:20px 24px;transition:all .3s ease;width:100%}.billboard-selected{animation:billboardFadeIn .4s ease-out}@keyframes billboardFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.debate-topic-billboard.slot-machine-active{animation:billboardPulse .6s ease-in-out;border-color:#8d6e63;box-shadow:0 4px 16px #8d6e6340}@keyframes billboardPulse{0%,to{box-shadow:0 4px 16px #8d6e6340}50%{box-shadow:0 6px 20px #8d6e6359}}.billboard-selected.slot-machine-text .billboard-text{filter:blur(2px);opacity:.6;transition:filter .05s ease-out,opacity .05s ease-out}.billboard-selected:not(.slot-machine-text){animation:billboardFadeIn .3s ease-out}.billboard-selected:not(.slot-machine-text) .billboard-text{filter:blur(0);opacity:1}.billboard-placeholder,.billboard-selected{align-items:center;display:flex;gap:8px;justify-content:center;text-align:center;width:100%}.billboard-quote-left,.billboard-quote-right{color:#8d6e63;font-family:Georgia,serif;font-size:2rem;line-height:1;opacity:.6}.billboard-text{color:#5d4037;flex:1 1;font-size:1.1rem;font-weight:600;line-height:1.5;overflow-wrap:break-word;word-break:keep-all}.billboard-placeholder .billboard-text{color:#a1887f;font-weight:500;opacity:.7}.debate-random-floating{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.random-topic-floating-btn{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #8d6e634d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:36px;min-width:auto;overflow:hidden;padding:8px 12px;position:relative;transition:transform .1s ease-out,background .3s ease}.random-topic-floating-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.random-topic-floating-btn:hover:before{height:300px;width:300px}.random-topic-floating-btn.shuffling,.random-topic-floating-btn.shuffling:hover,.random-topic-floating-btn:active,.random-topic-floating-btn:active:hover{background:linear-gradient(135deg,#6b4e3d,#5d4037);box-shadow:0 1px 4px #8d6e6366;transform:translateY(0) scale(.95)}.random-topic-floating-btn:hover:not(:active):not(.shuffling){box-shadow:0 4px 12px #8d6e6366;transform:translateY(-1px)}.random-topic-floating-btn.shuffling .dice-icon{animation:diceSpin .6s ease-in-out}@keyframes diceSpin{0%,to{transform:rotate(0deg)}to{transform:rotate(1turn)}}.random-topic-floating-btn .dice-icon{display:inline-block;font-size:1.2rem}.refresh-topics-floating-btn{align-items:center;background:linear-gradient(135deg,#f5f1eb,#efebe9);border:1.5px solid #d7ccc8;border-radius:12px;box-shadow:0 2px 6px #0000001a;color:#5d4037;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.refresh-topics-floating-btn:hover{background:linear-gradient(135deg,#efebe9,#e8e0db);border-color:#8d6e63;box-shadow:0 4px 10px #00000026;color:#6b4e3d;transform:translateY(-2px)}.refresh-topics-floating-btn:active{box-shadow:0 2px 6px #0000001a;transform:translateY(0)}.refresh-topics-floating-btn svg{height:18px;transition:transform .3s ease;width:18px}.refresh-topics-floating-btn:active svg,.refresh-topics-floating-btn:hover svg{transform:rotate(180deg)}.topic-custom-input-btn{background:linear-gradient(135deg,#f5f1eb,#efebe9)!important;border:2px dashed #d7ccc8!important;color:#8d6e63!important;cursor:pointer;flex-direction:column;gap:8px}.topic-custom-input-btn:hover:not(.input-active){background:linear-gradient(135deg,#efebe9,#e8e0db)!important;border-color:#8d6e63!important;border-style:solid!important}.topic-custom-input-btn.input-active{align-items:center;background:linear-gradient(135deg,#fff,#fbf9f7)!important;border:2px solid #8d6e63!important;cursor:text;display:flex;height:auto;justify-content:center;min-height:100px;position:relative}.topic-custom-input-btn .custom-input-icon{color:#8d6e63;font-size:2.5rem;font-weight:300;line-height:1}.topic-custom-input-btn .custom-input-text{font-size:.9rem;font-weight:600}.custom-topic-input-inline{background:#0000;border:none;box-sizing:border-box;color:#3e2723;display:block;font-family:inherit;font-size:.9rem;font-weight:500;line-height:1.5;margin:0;min-height:100px;outline:none;overflow:hidden;overflow-wrap:break-word;padding:38px 8px;resize:none;text-align:center;white-space:normal;width:100%;word-break:keep-all}.custom-topic-input-inline::-webkit-scrollbar{display:none}.custom-topic-input-inline{-ms-overflow-style:none;scrollbar-width:none}.custom-topic-input-inline::placeholder{color:#a1887f;line-height:1.5;opacity:.7;text-align:center;white-space:normal}.debate-topic-suggestions{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:-30px;overflow:visible;padding:30px;width:calc(100% + 60px)}.topic-suggestion-btn{align-items:center;background-size:200% 200%;border:2px solid;border-radius:14px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;justify-content:center;line-height:1.4;min-height:110px;overflow-wrap:break-word;padding:12px 10px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);word-break:keep-all;z-index:1}.topic-suggestion-btn:before{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 0,#00000005 4px);border-radius:16px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.topic-suggestion-btn .topic-text{position:relative;z-index:1}.topic-suggestion-btn .important-word{color:#5d4037;font-size:1.05em;font-weight:700}.topic-suggestion-btn:hover{box-shadow:0 8px 20px #00000026;position:relative;z-index:10}.topic-suggestion-btn:active,.topic-suggestion-btn:hover{transform:translateY(-2px) scale(1.01)}.topic-suggestion-btn.topic-tone-light{background:linear-gradient(135deg,#fff,#fefcf9 50%,#fbf8f4);border-color:#e8e0db;color:#5d4037}.topic-suggestion-btn.topic-tone-light.selected,.topic-suggestion-btn.topic-tone-light:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9 50%,#e8e0db);border-color:#8d6e63;color:#5d4037}.topic-suggestion-btn.topic-tone-light.selected{box-shadow:0 6px 20px #8d6e6340;font-weight:600}.topic-suggestion-btn.topic-tone-light.selected:hover{background:linear-gradient(135deg,#efebe9,#e8e0db 50%,#ddd5cf);border-color:#8d6e63;box-shadow:0 8px 24px #8d6e634d;color:#5d4037}.topic-suggestion-btn.topic-tone-medium{background:linear-gradient(135deg,#f8f5f2,#f5f1eb);border-color:#d7ccc8;color:#5d4037}.topic-suggestion-btn.topic-tone-medium.selected,.topic-suggestion-btn.topic-tone-medium:hover{background:linear-gradient(135deg,#efebe9,#e8e0db 50%,#ddd5cf);border-color:#8d6e63;color:#5d4037}.topic-suggestion-btn.topic-tone-medium.selected{box-shadow:0 6px 20px #8d6e6340;font-weight:600}.topic-suggestion-btn.topic-tone-medium.selected:hover{background:linear-gradient(135deg,#e8e0db,#ddd5cf 50%,#d4c9c0);border-color:#8d6e63;box-shadow:0 8px 24px #8d6e634d;color:#5d4037}.topic-suggestion-btn.topic-tone-deep{background:linear-gradient(135deg,#efebe9,#e8e0db);border-color:#bcaaa4;color:#5d4037}.topic-suggestion-btn.topic-tone-deep.selected,.topic-suggestion-btn.topic-tone-deep:hover{background:linear-gradient(135deg,#ddd5cf,#d4c9c0 50%,#c9bdb3);border-color:#8d6e63;color:#5d4037}.topic-suggestion-btn.topic-tone-deep.selected{box-shadow:0 6px 20px #8d6e6340;font-weight:600}.topic-suggestion-btn.topic-tone-deep.selected:hover{background:linear-gradient(135deg,#d4c9c0,#c9bdb3 50%,#beb0a5);border-color:#8d6e63;box-shadow:0 8px 24px #5d403773;color:#5d4037}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.debate-modal-actions{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;margin-right:0;margin-top:24px;padding-bottom:24px;padding-right:0}.debate-start-button{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-radius:12px;box-shadow:0 2px 8px #8d6e634d;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:14px 24px;transition:all .2s ease}.debate-start-button:hover:not(:disabled){box-shadow:0 4px 12px #8d6e6366;transform:translateY(-1px)}.debate-start-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.debate-cancel-button{background:#0000;border:none;border-radius:0;color:#8d6e63;cursor:pointer;font-size:.95rem;font-weight:500;padding:14px 20px;position:relative;text-decoration:none;transition:all .2s ease}.debate-cancel-button:after{background:#8d6e63;bottom:10px;content:"";height:1px;left:20px;opacity:0;position:absolute;right:20px;transition:opacity .2s ease}.debate-cancel-button:hover{background:#0000;color:#6b4e3d;transform:none}.debate-cancel-button:hover:after{opacity:.6}.debate-continue-button{background:linear-gradient(135deg,#a07070,#8b5e5e);border:none;border-radius:8px;box-shadow:0 2px 6px #a070704d;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 14px;transition:all .2s ease}.debate-continue-button:hover{box-shadow:0 4px 10px #a0707066;transform:translateY(-1px)}.debate-end-button{align-items:center;background:linear-gradient(135deg,#c85a5a,#b04545);border:none;border-radius:6px;box-shadow:0 2px 6px #c85a5a66;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:5px;justify-content:center;margin-right:8px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.debate-end-button svg{align-self:center;flex-shrink:0}.debate-end-button:hover{background:linear-gradient(135deg,#d86a6a,#c85555);box-shadow:0 4px 10px #c85a5a80;transform:translateY(-1px)}.refresh-topics-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#8d6e63;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.refresh-topics-btn:hover{background:#0000;color:#6b4e3d;transform:rotate(180deg)}.refresh-topics-btn svg{height:18px;width:18px}.random-topic-btn{align-items:center;background:linear-gradient(135deg,#8d6e63,#6b4e3d);border:none;border-radius:8px;box-shadow:0 2px 6px #8d6e634d;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:5px;padding:8px 14px;transition:all .2s ease}.random-topic-btn:hover{background:linear-gradient(135deg,#9d7e73,#7b5e4d);box-shadow:0 4px 10px #8d6e6366;transform:translateY(-1px)}.debate-style-section{margin-bottom:24px;margin-top:24px}.debate-style-section label{color:#5d4037;display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.debate-style-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-right:0;padding-right:0}.debate-style-btn{background:linear-gradient(135deg,#fff,#f8f5f2);border:2px solid #e8e0db;border-radius:10px;color:#5d4037;cursor:pointer;font-size:.85rem;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease}.debate-style-btn:hover{background:linear-gradient(135deg,#f5f1eb,#efebe9);border-color:#8d6e63;transform:translateY(-1px)}.debate-style-btn.active{background:linear-gradient(135deg,#8d6e63,#6b4e3d);border-color:#6b4e3d;box-shadow:0 2px 8px #8d6e634d;color:#fff}@media (max-width:480px){body,html{background:linear-gradient(135deg,#8b6f47,#6b4e3d 50%,#5c4033)!important}body{align-items:center;padding:calc(20px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}#root{background:linear-gradient(135deg,#8b6f47,#6b4e3d 50%,#5c4033)!important}.app-container:not(:has(.chat-container)){border-radius:40px;box-shadow:0 20px 60px #00000080;height:auto;margin:0 auto;max-height:650px;max-width:calc(100% - 40px);min-height:500px;width:400px}.app-container:has(.chat-container){border-radius:0;bottom:0;box-shadow:none;height:100dvh;left:0;margin:0;max-height:100dvh;max-width:100%;min-height:100dvh;position:fixed;right:0;top:0;width:100%}body:has(.app-container:has(.chat-container)){align-items:stretch;padding:0}.character-select-screen{border-radius:40px;overflow-y:hidden}.chat-container{background:linear-gradient(135deg,#8b6f47,#6b4e3d 50%,#5c4033);border-radius:0}.character-card{flex:0 0 160px;height:220px}.character-slider{flex-wrap:nowrap}.start-chat-section{margin-top:-10px;padding:0 20px 20px}.start-chat-button{margin-bottom:16px;margin-top:12px}.select-title{font-size:2.4rem;margin-bottom:8px}.select-description{color:#bcaaa4!important;margin-bottom:32px!important;opacity:.85!important}.user-info{left:8px;padding:6px 12px;top:8px}.username{font-size:.85rem}.logout-button{font-size:.75rem;padding:4px 8px}.filter-section{align-items:center;flex-wrap:nowrap}.drama-filter,.search-input{flex-shrink:0}.drama-filter .custom-dropdown-menu{-ms-overflow-style:none;scrollbar-width:none}.drama-filter .custom-dropdown-menu::-webkit-scrollbar{display:none;height:0;width:0}.selected-characters-display{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex:1 1 auto;flex-wrap:nowrap;margin:-30px -20px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;padding:30px 20px;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x}.selected-characters-display::-webkit-scrollbar{display:none;height:0;width:0}.selected-char-badge{flex-grow:0;flex-shrink:0!important;min-width:-webkit-fit-content;min-width:fit-content;touch-action:pan-x}.selected-char-badge .remove-char-btn{flex-shrink:0;touch-action:manipulation}.debate-content,.debate-modal,.diary-modal,.diary-modal-body,.history-list,.history-modal,.my-page-modal,.report-content,.report-modal,.settings-content,.settings-modal,.stats-content,.stats-modal,.template-list,.template-modal{-ms-overflow-style:none;scrollbar-width:none}.debate-content::-webkit-scrollbar,.debate-modal::-webkit-scrollbar,.diary-modal-body::-webkit-scrollbar,.diary-modal::-webkit-scrollbar,.history-list::-webkit-scrollbar,.history-modal::-webkit-scrollbar,.my-page-modal::-webkit-scrollbar,.report-content::-webkit-scrollbar,.report-modal::-webkit-scrollbar,.settings-content::-webkit-scrollbar,.settings-modal::-webkit-scrollbar,.stats-content::-webkit-scrollbar,.stats-modal::-webkit-scrollbar,.template-list::-webkit-scrollbar,.template-modal::-webkit-scrollbar{display:none;height:0;width:0}.modal-overlay{align-items:center;display:flex;justify-content:center}.debate-modal,.diary-modal,.history-modal,.my-page-modal,.report-modal,.settings-modal,.stats-modal,.template-modal{border-radius:20px!important;margin:20px auto!important;max-height:85vh!important;max-width:380px!important;width:90%!important}.history-list{margin-right:0!important;padding-right:0!important}.history-item{box-sizing:border-box;touch-action:pan-y;width:100%!important}.history-item:hover{transform:none!important}.history-list{overflow-x:hidden!important;touch-action:pan-y}.stats-content{padding:4px 8px!important}.diary-modal-body{padding:0!important}.diary-modal{padding:24px 20px 32px!important}.debate-content{align-items:center!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.debate-modal,.diary-modal,.history-modal,.stats-modal{align-items:center;display:flex;flex-direction:column}.debate-content,.diary-modal-body,.history-list,.stats-content{align-items:center;display:flex;flex-direction:column;width:100%}.debate-modal .debate-content{align-items:center!important;justify-content:flex-start!important;margin:0!important;max-width:100%!important;padding:0 20px!important;width:100%!important}.debate-modal{align-items:center!important;display:flex!important;flex-direction:column!important;margin:20px auto!important;padding:28px 20px!important}.debate-description,.debate-modal h2,.debate-style-section,.debate-topic-section{margin-left:auto!important;margin-right:auto!important;text-align:center!important;width:100%!important}.debate-description,.debate-style-section,.debate-topic-section{align-items:center!important;display:flex!important;flex-direction:column!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}.debate-description{white-space:normal!important}.debate-description,.debate-style-section label,.debate-topic-label{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.debate-style-section label,.debate-topic-label{width:100%!important}.debate-style-section{margin-bottom:24px!important;margin-top:20px!important}.debate-style-section label{margin-bottom:18px!important}.debate-topic-suggestions{justify-content:center!important;justify-items:center!important;margin:0!important;padding:20px 0!important}.debate-topic-suggestions,.topic-suggestion-btn{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.debate-style-btn{align-items:center!important;display:flex!important;font-size:.9rem!important;justify-content:center!important;min-height:auto!important;padding:10px 16px!important}.debate-style-buttons{gap:3px!important;justify-items:center!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.debate-style-btn{min-width:0!important;width:100%!important}.debate-random-floating{justify-content:center!important;padding-left:0!important;padding-right:0!important}.debate-random-floating,.debate-topic-billboard{margin-left:auto!important;margin-right:auto!important;max-width:100%!important;width:100%!important}.debate-topic-billboard{box-sizing:border-box!important}.debate-modal-actions{justify-content:center!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}.diary-write-form{align-items:center;display:flex;flex-direction:column;margin-left:0!important;padding-left:0!important;width:100%}.diary-calendar{max-width:100%;overflow:visible;padding:20px}.diary-calendar,.diary-calendar-days,.diary-calendar-weekdays{box-sizing:border-box;width:100%}.diary-calendar-day{box-sizing:border-box;min-width:0}.settings-modal,.template-modal{margin:20px auto;max-height:85vh;z-index:10001}.diary-modal{position:relative}.history-modal,.reply-box-modal,.reply-reader-modal{border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100%!important;width:100%!important}.history-modal{display:flex!important;flex-direction:column!important;margin:0!important;overflow:hidden!important}.history-modal .close-button,.history-modal h2{flex-shrink:0!important}.history-modal .history-list{-webkit-overflow-scrolling:touch!important;flex:1 1!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}.stats-modal{border-radius:0!important;display:flex!important;flex-direction:column!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.stats-modal .close-button,.stats-modal h2{flex-shrink:0!important}.stats-modal .stats-content{-webkit-overflow-scrolling:touch!important;flex:1 1!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}.my-page-modal{height:auto!important}.archetype-map-modal,.my-page-modal{border-radius:20px!important;margin:20px auto!important;max-height:85vh!important;max-width:380px!important;width:90%!important}.diary-modal{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;padding:28px 20px 32px!important;width:100%!important}.diary-list{overflow:visible;padding:0 4px}.diary-list-item{box-sizing:border-box;margin:0 auto;max-width:calc(100% - 8px)!important;overflow:visible;width:calc(100% - 8px)!important}.diary-list-item:hover{border-color:#8d6e63!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.report-modal,.weekly-detail-modal,.weekly-recap-modal{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;width:100%!important}.weekly-detail-modal h2{-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;color:#3e2723!important;display:-webkit-box!important;font-weight:700!important;left:48px!important;line-height:1.3!important;margin:0!important;overflow:visible!important;position:absolute!important;right:48px!important;text-align:center!important;text-orientation:mixed!important;transform:none!important;white-space:normal!important;word-break:keep-all!important;writing-mode:horizontal-tb!important;z-index:1!important}.weekly-recap-box{align-items:center!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;margin-left:0!important;margin-right:0!important;overflow:visible!important;padding:12px!important;width:100%!important}.weekly-recap-box>div{max-width:100%!important;min-width:100%!important;padding-right:50px!important;position:relative!important}.weekly-recap-box>div,.weekly-recap-box>div>div:first-of-type{box-sizing:border-box!important}.weekly-recap-box>div{width:100%!important}.weekly-recap-box>div>div:first-of-type{max-width:100%!important;width:100%!important}.weekly-recap-box>div>div:first-child,.weekly-recap-box>div>div:nth-child(2){text-align:center!important}.weekly-recap-box>div svg{position:absolute!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important}.button-group .close-button{align-items:center!important;background:#efebe9!important;border:1.5px solid #d7ccc8!important;border-radius:10px!important;color:#5d4037!important;display:flex!important;height:auto!important;justify-content:center!important;padding:10px 20px!important;position:static!important;width:auto!important}.button-group .close-button:active,.button-group .close-button:hover:not(:active){background:#d7ccc8!important;transform:none!important}.button-group .close-button:active{border-radius:10px!important;height:auto!important;width:auto!important}.history-modal>.close-button,.my-page-modal>.close-button,.report-modal>.close-button,.settings-modal>.close-button,.stats-modal>.close-button,.template-modal>.close-button{border-radius:50%!important;height:36px!important;width:36px!important}.history-modal>.close-button:hover:not(:active),.my-page-modal>.close-button:hover:not(:active),.report-modal>.close-button:hover:not(:active),.settings-modal>.close-button:hover:not(:active),.stats-modal>.close-button:hover:not(:active),.template-modal>.close-button:hover:not(:active){background:#0000000d!important;color:#5d4037!important;transform:none!important}.history-modal>.close-button:active,.my-page-modal>.close-button:active,.report-modal>.close-button:active,.settings-modal>.close-button:active,.stats-modal>.close-button:active,.template-modal>.close-button:active{background:#00000014!important;border-radius:50%!important;height:36px!important;transform:none!important;width:36px!important}.history-modal .button-group .close-button,.my-page-modal .button-group .close-button,.report-modal .button-group .close-button,.settings-modal .button-group .close-button,.stats-modal .button-group .close-button,.template-modal .button-group .close-button{align-items:center!important;background:#efebe9!important;border:1.5px solid #d7ccc8!important;border-radius:10px!important;color:#5d4037!important;display:flex!important;height:auto!important;justify-content:center!important;padding:10px 20px!important;position:static!important;width:auto!important}.history-modal .button-group .close-button:hover:not(:active),.my-page-modal .button-group .close-button:hover:not(:active),.report-modal .button-group .close-button:hover:not(:active),.settings-modal .button-group .close-button:hover:not(:active),.stats-modal .button-group .close-button:hover:not(:active),.template-modal .button-group .close-button:hover:not(:active){background:#d7ccc8!important;transform:none!important}.history-modal .button-group .close-button:active,.my-page-modal .button-group .close-button:active,.report-modal .button-group .close-button:active,.settings-modal .button-group .close-button:active,.stats-modal .button-group .close-button:active,.template-modal .button-group .close-button:active{background:#d7ccc8!important;border-radius:10px!important;height:auto!important;transform:none!important;width:auto!important}.continue-conversation-button{padding-bottom:18px!important;padding-top:18px!important}.diary-actions-bottom{display:flex!important;gap:10px!important}.diary-action-button{box-sizing:border-box!important;flex:1 1!important;min-width:0!important;padding:14px 20px!important}.template-item{box-sizing:border-box!important;gap:8px!important;max-width:100%!important;width:100%!important}.template-icon{height:40px;width:40px}.template-icon svg{height:20px;width:20px}.template-content{flex:1 1;max-width:100%!important;min-width:0;padding-right:4px}.template-arrow{flex-shrink:0;font-size:1rem;margin-left:4px}.stats-content .top-character-card{box-sizing:border-box!important;width:100%!important}.stats-content>div>div:first-child>div:first-child .top-character-card{max-width:100%!important;width:100%!important}.stats-content>div>div:first-child>div:last-child .top-character-card{box-sizing:border-box!important;flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;width:calc(50% - 4px)!important}.stats-content>div>div:first-child>div:last-child{display:flex!important;gap:8px!important}.stats-quote-item,.stats-quotes-items,.stats-quotes-list{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.input-area{align-items:center!important;box-sizing:border-box!important;gap:6px!important;padding:10px 12px 44px!important;position:relative!important;transition:height .2s ease!important}.chat-container.has-custom-background .input-area,.input-area{background:linear-gradient(180deg,#fff,#fbf9f7 60%,#f5f1eb)!important}.input-mode-toggle{flex-shrink:0!important;margin-bottom:0!important;padding:6px 16px!important;position:relative!important}.settings-button{bottom:120px!important;pointer-events:auto!important}.settings-button,.template-button{height:48px!important;position:fixed!important;right:14px!important;transition:bottom .2s ease!important;width:48px!important;z-index:100!important}.template-button{bottom:218px!important}.debate-intervention-panel{box-sizing:border-box!important;left:12px!important;margin:0!important;max-width:calc(100% - 24px)!important;position:fixed!important;right:auto!important;transform:none!important;transition:bottom .2s ease!important;width:auto!important;z-index:1000!important}.debate-intervention-header{justify-content:space-between!important;text-align:left!important}.debate-intervention-header-text{align-items:flex-start!important;text-align:left!important}.debate-intervention-subtitle,.debate-intervention-title{text-align:left!important}.debate-intervention-buttons{align-items:stretch!important;width:100%!important}.debate-intervention-btn{justify-content:flex-start!important;text-align:left!important;width:100%!important}.debate-intervention-show-btn-container{display:flex!important;justify-content:flex-start!important;left:12px!important;margin:0!important;position:fixed!important;right:auto!important;transform:none!important;transition:bottom .2s ease!important;width:auto!important;z-index:1000!important}.debate-intervention-show-btn{margin:0!important}.input-area [contenteditable],.input-area textarea{box-sizing:border-box!important;font-size:16px!important;line-height:1.4!important;max-height:100px!important;min-height:44px!important;padding:13px 14px!important}.input-area [contenteditable]{display:block!important;line-height:1.4!important;padding:13px 14px!important}.input-area [contenteditable]:empty:before{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.input-area textarea{line-height:1.4!important;padding:13px 14px!important}.input-area textarea::placeholder{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.action-toggle-btn,.send-button,.voice-button{flex-shrink:0!important;height:36px!important;width:36px!important}.header-avatar{flex-shrink:0!important;height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}.chat-header .char-group:not(.single) .header-avatar{flex-shrink:0!important;height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.header-avatar img{display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}.debate-mode .message-list,.message-list{padding:20px 8px 40px!important}.message-bubble.user{margin-left:0!important;margin-right:36px!important;max-width:80%!important}.message-bubble.ai .avatar{left:4px!important}.message-bubble.ai .message-content{margin-left:48px!important}.debate-mode .message-bubble.ai:not(.debate-right) .message-content{padding-top:20px!important;position:relative!important}.debate-mode .message-bubble.ai:not(.debate-right) .message-name{left:44px!important;position:absolute!important;top:0!important;white-space:nowrap!important}.message-bubble.loading .message-text{margin-left:48px!important}.debate-mode .message-bubble.ai.debate-right{align-items:flex-start!important;align-self:flex-end!important;display:flex!important;flex-direction:row-reverse!important;gap:8px!important;margin-left:0!important;margin-right:36px!important;max-width:73%!important;position:relative!important}.debate-mode .message-bubble.ai.debate-right .avatar{flex-shrink:0!important;height:36px!important;left:auto!important;order:0!important;position:static!important;right:auto!important;width:36px!important}.debate-mode .message-bubble.ai.debate-right .message-content{align-items:flex-start!important;flex:1 1!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;max-width:none!important;min-width:0!important;padding-top:24px!important;position:relative!important;width:auto!important}.debate-mode .message-bubble.ai.debate-right .message-name{left:auto!important;position:absolute!important;right:44px!important;top:0!important;white-space:nowrap!important}.debate-mode .message-bubble.ai:not(.debate-right){max-width:76%!important}.debate-mode .message-bubble.ai.debate-right .message-text{border-bottom-right-radius:4px!important;border-top-left-radius:18px!important;border-top-right-radius:4px!important;box-sizing:border-box!important;max-width:none!important;overflow-wrap:break-word!important;width:auto!important;word-break:keep-all!important}.debate-mode .message-bubble.ai.debate-right .message-meta{align-items:flex-end!important;justify-content:flex-end!important;margin-top:0!important;padding-right:0!important;width:auto!important}.debate-mode .message-bubble.ai.debate-right .message-time{margin-left:auto!important;text-align:right!important}.message-list .system-message{align-self:center!important;box-sizing:border-box!important;display:block!important;left:auto!important;margin-left:auto!important;margin-right:auto!important;max-width:85%!important;position:relative!important;text-align:center!important;transform:translateX(-12px)!important;width:-webkit-fit-content!important;width:fit-content!important}.debate-topic-panel{padding:16px 20px 8px!important}.debate-mode .chat-container,.debate-mode .chat-header,.debate-topic-panel{background:#f5f1eb!important}.chat-header{box-sizing:border-box!important;min-height:56px!important;padding:8px 12px!important}.char-group,.chat-header .header-info{min-width:0!important;overflow:visible!important}.char-group{gap:6px!important}.char-name{font-size:1.1rem!important;overflow:visible!important;text-overflow:ellipsis!important}.header-icon-button{flex-shrink:0!important;height:32px!important;width:32px!important}.back-button{flex-shrink:0!important;height:44px!important;width:44px!important}}.message-heart-badge{align-items:center;animation:heartPop .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fdf7ed;background-clip:padding-box;border:1px solid #fffc;border-radius:50%;bottom:10px;box-shadow:0 2px 4px #8d6e6347;color:#e63950;display:flex;filter:none;font-size:12px;height:22px;justify-content:center;line-height:1;position:absolute;right:4px;transform:translate(0);transition:all .3s ease;width:22px;z-index:10}.message-heart-badge.removing{animation:heartRemove .4s ease forwards}@keyframes heartPop{0%{opacity:0;transform:rotate(-12deg) scale(0)}50%{transform:rotate(-12deg) scale(1.2)}70%{transform:rotate(-12deg) scale(.9)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes heartRemove{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.5;transform:scale(1.3) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.message-heart-badge:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transform:rotate(-12deg) scale(1.1)}.message-bubble.ai{cursor:pointer;-webkit-user-select:none;user-select:none}.message-bubble.ai .message-text{transition:all .2s ease}.message-bubble.ai:hover .message-text{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.message-bubble.ai.heart-clicked{animation:heartPulse .6s ease}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.message-bubble.ai.heart-clicked .message-heart-badge{animation:heartPop .6s cubic-bezier(.68,-.55,.265,1.55)}.message-meta{align-items:center;display:flex;gap:4px}.weekly-recap-modal{display:flex;flex-direction:column;max-width:380px;overflow:hidden}.weekly-recap-content{box-sizing:border-box;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.weekly-recap-list{box-sizing:border-box!important;max-width:100%!important;padding-left:20px!important;padding-right:20px!important;width:100%!important}.weekly-recap-content::-webkit-scrollbar{margin-right:8px;width:4px}.weekly-recap-content::-webkit-scrollbar-track{background:#f5f1eb;border-radius:3px;margin-right:8px}.weekly-recap-content::-webkit-scrollbar-thumb{background:#d7ccc8cc;border-radius:3px;margin-right:8px;min-height:5px}.weekly-recap-content::-webkit-scrollbar-thumb:hover{background:#bcaaa4e6}.month-selector{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-color:#0000 #0000;scrollbar-width:none}.month-selector::-webkit-scrollbar{display:none;height:0;width:0}.month-selector::-webkit-scrollbar-thumb,.month-selector::-webkit-scrollbar-track{background:#0000}.month-button:hover{transform:translateY(-1px)}.weekly-recap-card{position:relative}.weekly-recap-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:16px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.weekly-detail-modal{display:flex;flex-direction:column;max-width:420px;overflow:hidden}.weekly-detail-content{-ms-overflow-style:none;scrollbar-width:none}.weekly-detail-content::-webkit-scrollbar{display:none}.weekly-detail-modal .back-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#4a3b32;cursor:pointer;display:flex;font-size:0;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.weekly-detail-modal .back-button svg{stroke:currentColor;height:24px;width:24px}.weekly-detail-modal .back-button:hover{background:#efebe9;color:#4a3b32}.recharts-area,.recharts-dot,.recharts-line,.recharts-pie-sector,.recharts-sector{outline:none!important;pointer-events:auto!important}.recharts-area:active,.recharts-area:focus,.recharts-dot:active,.recharts-dot:focus,.recharts-pie-sector:active,.recharts-pie-sector:focus,.recharts-sector:active,.recharts-sector:focus{filter:none!important;opacity:1!important;outline:none!important}.recharts-pie-sector path:hover,.recharts-pie-sector:hover,.recharts-sector path:hover,.recharts-sector:hover{display:block!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}.recharts-area,.recharts-dot,.recharts-line{cursor:default!important}.recharts-active-dot,.recharts-active-shape,.recharts-layer.recharts-active-shape{display:none!important;opacity:0!important}.recharts-surface,.recharts-wrapper{outline:none!important}.recharts-area-area,.recharts-area-curve{pointer-events:none!important}.recharts-wrapper *{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.weekly-detail-content .recharts-pie-sector,.weekly-detail-content .recharts-pie-sector path,.weekly-detail-content .recharts-sector,.weekly-detail-content .recharts-sector path,.weekly-detail-modal .recharts-pie-sector,.weekly-detail-modal .recharts-pie-sector path,.weekly-detail-modal .recharts-sector,.weekly-detail-modal .recharts-sector path{display:block!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.weekly-detail-content .recharts-pie-sector:active,.weekly-detail-content .recharts-pie-sector:active path,.weekly-detail-content .recharts-pie-sector:focus,.weekly-detail-content .recharts-pie-sector:focus path,.weekly-detail-content .recharts-pie-sector:hover,.weekly-detail-content .recharts-pie-sector:hover path,.weekly-detail-modal .recharts-pie-sector:active,.weekly-detail-modal .recharts-pie-sector:active path,.weekly-detail-modal .recharts-pie-sector:focus,.weekly-detail-modal .recharts-pie-sector:focus path,.weekly-detail-modal .recharts-pie-sector:hover,.weekly-detail-modal .recharts-pie-sector:hover path{display:block!important;filter:none!important;opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}.recharts-pie .recharts-pie-sector,.recharts-pie .recharts-pie-sector *,.recharts-pie .recharts-pie-sector path,.recharts-pie-sector,.recharts-pie-sector *,.recharts-pie-sector path{display:block!important;opacity:1!important;visibility:visible!important}.recharts-layer.recharts-pie *,.recharts-layer.recharts-pie g,.recharts-layer.recharts-pie path{opacity:1!important;transition:none!important;visibility:visible!important}.recharts-layer.recharts-pie g:hover,.recharts-layer.recharts-pie path:hover,.recharts-pie-sector:hover,.recharts-pie-sector:hover *,.recharts-pie-sector:hover path{display:block!important;filter:none!important;opacity:1!important;transform:none!important;visibility:visible!important}.recharts-pie .recharts-sector,.recharts-pie .recharts-sector *,.recharts-pie g.recharts-layer,.recharts-pie g.recharts-layer *{display:block!important;opacity:1!important;visibility:visible!important}.top-characters-container{padding-bottom:8px;scrollbar-color:#8d6e634d #0000;scrollbar-width:thin}.top-characters-container::-webkit-scrollbar{height:4px}.top-characters-container::-webkit-scrollbar-track{background:#0000;border-radius:3px}.top-characters-container::-webkit-scrollbar-thumb{background:#8d6e634d;border-radius:3px}.top-characters-container::-webkit-scrollbar-thumb:hover{background:#8d6e6380}
/*# sourceMappingURL=main.f374a806.css.map*/