@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--primary-color: #7389fe;--secondary-color: #6fdd80;--accent-color: #bf94ff;--error-color: #ff7a7a;--background-color: #111214;--card-color: #1e1f23;--sidebar-bg: #161719;--text-primary: #f5f5f7;--text-secondary: #a1a1a6;--border-color: #2c2e33;--shadow-1: 0 4px 12px rgba(0, 0, 0, .25);--shadow-card: 0 10px 20px rgba(0, 0, 0, .15);--container-width: 1200px;--sidebar-width: 350px;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius: 12px;--border-radius-lg: 16px;--card-radius: 14px}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}body{font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;margin:0;padding:0;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);height:100vh;overflow:hidden;border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s ease,background-color .3s ease;position:relative}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--sidebar-bg);transition:background-color .3s ease}.sidebar::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.logo{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-l);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;background-color:var(--sidebar-bg);transition:background-color .3s ease}.logo svg{width:32px;height:32px;transition:transform .3s ease}.logo:hover svg{transform:scale(1.1)}h1{font-family:Manrope,sans-serif;font-weight:600;font-size:20px;color:var(--text-primary);margin:0;letter-spacing:-.5px}.sidebar-content{padding:var(--spacing-l);flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;height:calc(100% - 60px);padding-bottom:var(--spacing-l)}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:var(--sidebar-bg);transition:background-color .3s ease}.sidebar-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}h2{font-family:Manrope,sans-serif;font-weight:500;font-size:15px;color:var(--text-secondary);margin-bottom:var(--spacing-l);letter-spacing:-.3px}.main-container{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--background-color);position:relative}.main-content{flex:1;padding:var(--spacing-l);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;min-height:0}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.input-area{border-top:1px solid var(--border-color);padding:var(--spacing-m) var(--spacing-l);background-color:var(--card-color);position:relative;z-index:5;border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius)}.input-container{display:flex;align-items:flex-start;gap:var(--spacing-m)}textarea#input{width:100%;min-height:60px;max-height:0px;border:1px solid var(--border-color);border-radius:var(--card-radius);padding:var(--spacing-m) var(--spacing-l);font-family:Inter,sans-serif;font-size:15px;resize:none;outline:none;background-color:var(--background-color);color:var(--text-primary);box-shadow:0 2px 8px #00000026;transition:all .2s ease}textarea#input:focus{border-color:var(--primary-color);box-shadow:0 4px 12px #7389fe1f}#submit-btn{background-color:var(--accent-color);color:var(--button-text-color, #ffffff);border:none;border-radius:var(--border-radius);padding:var(--spacing-m) var(--spacing-l);font-family:Inter,sans-serif;font-weight:500;font-size:14px;cursor:pointer;height:60px;min-width:80px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}#submit-btn:hover{filter:brightness(110%);transform:translateY(-1px)}#submit-btn:active{transform:translateY(1px)}[data-theme-color=light] #submit-btn{text-shadow:0 1px 2px rgba(255,255,255,.2)}#loading-indicator{display:flex;align-items:center;gap:var(--spacing-m);margin-top:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m);background-color:var(--card-color);border-radius:var(--border-radius);font-size:14px;color:var(--text-secondary);animation:fadeIn .3s ease forwards}#loading-indicator[hidden]{display:none!important}#loading-indicator span:not(.loading){margin-left:var(--spacing-xs)}.loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-left-color:var(--primary-color);border-radius:50%;animation:rotate 1s linear infinite;vertical-align:middle}.generating{display:flex;align-items:center;gap:var(--spacing-m);margin:var(--spacing-l) 0;padding:var(--spacing-m);background-color:#1e1f2380;border-radius:var(--border-radius);font-size:14px;color:var(--text-secondary);animation:fadeIn .3s ease forwards}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-info{text-align:right;font-size:12px;color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-s);font-weight:400;margin-top:4px}footer{padding-bottom:20px;text-align:center;color:var(--text-secondary);font-size:12px;background-color:var(--card-color)}#examples{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-m)}#examples li{padding:var(--spacing-m) var(--spacing-l);background-color:var(--card-color);border-radius:var(--card-radius);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;font-size:14px;position:relative;padding-left:calc(var(--spacing-xl) + 8px);box-shadow:0 2px 8px #0000001a;transform-origin:center;overflow:hidden;display:flex;align-items:center;line-height:1.3}#examples li:before{content:"";position:absolute;left:var(--spacing-m);top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;transition:all .2s ease}#examples li:hover{transform:translateY(-2px);box-shadow:var(--shadow-1);background-color:#28292dcc;border-color:#7389fe66}#examples li:hover:before{background-color:var(--accent-color)}@keyframes pawConfetti{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.paw-confetti{position:absolute;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='rgba(115, 137, 254, 0.2)'%3E%3Cpath d='M180-475q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm180-160q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm240 0q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm180 160q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM266-75q-45 0-75.5-34.5T160-191q0-52 35.5-91t70.5-77q29-31 50-67.5t50-68.5q22-26 51-43t63-17q34 0 63 16t51 42q28 32 49.5 69t50.5 69q35 38 70.5 77t35.5 91q0 47-30.5 81.5T694-75q-54 0-107-9t-107-9q-54 0-107 9t-107 9Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;z-index:0;animation:pawConfetti .8s ease-out forwards}#output{margin-bottom:var(--spacing-xl)}.user-turn{background-color:var(--card-color);border-radius:var(--card-radius);padding:var(--spacing-m) var(--spacing-l);padding-right:calc(var(--spacing-l) * 2 + 32px);margin-bottom:var(--spacing-l);border:1px solid var(--border-color);font-size:15px;box-shadow:0 2px 8px #0000001a;position:relative}.user-turn p{width:80%}.action-buttons{display:flex;gap:var(--spacing-xs);position:absolute;top:50%;transform:translateY(-50%);right:var(--spacing-m)}.action-button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);padding:0}.action-button:hover{background-color:var(--card-color);transform:translateY(-2px);box-shadow:var(--shadow-1)}.share-button:hover{color:var(--secondary-color);border-color:var(--secondary-color)}.action-button svg{width:16px;height:16px}.share-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--card-color);color:var(--text-primary);padding:var(--spacing-m) var(--spacing-l);border-radius:var(--border-radius);box-shadow:var(--shadow-card);z-index:1000;animation:fadeIn .3s ease-out,fadeOut .3s ease-in 2.7s forwards;border:1px solid var(--border-color)}.error-notification{background-color:#ff4d4d1a;border-color:var(--error-color);color:var(--error-color)}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}#slideshow{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:var(--spacing-m) 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-m);overflow:visible;position:relative}#slideshow[hidden]{display:none}.slide{width:100%;border-radius:var(--card-radius);overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.05);margin-bottom:var(--spacing-m);box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);transition:transform .3s ease,box-shadow .3s ease;position:relative;opacity:0;animation:fadeSlideUp .5s forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0003}.slide img{width:100%;height:auto;max-height:350px;object-fit:contain;background-color:transparent;border:none;margin-bottom:var(--spacing-l);transition:transform .3s ease;outline:none;box-shadow:none}.slide:hover img{transform:scale(1.03)}.slide div{padding:0;width:100%;text-align:center;font-family:Manrope,sans-serif;color:var(--text-primary);font-size:16px;line-height:1.5}.slide div p{margin:0;padding:0;color:#555;font-weight:400}#error{padding:var(--spacing-l);background-color:#ff7a7a1a;border:1px solid var(--error-color);border-radius:var(--card-radius);color:var(--error-color);margin-bottom:var(--spacing-l);font-size:14px;box-shadow:var(--shadow-1)}.welcome-content{background-color:var(--card-color);border-radius:var(--card-radius);padding:var(--spacing-xl);width:90%;max-width:800px;margin:var(--spacing-l) auto;box-shadow:var(--shadow-card);animation:fadeSlideUp .5s ease-out forwards;border:1px solid var(--border-color);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;gap:var(--spacing-m)}@media (max-width: 768px){body{overflow-y:auto;height:100%}.app-container{flex-direction:column;height:100%;min-height:100vh;position:relative}.welcome-content{width:95%;padding:var(--spacing-l)}}@media (max-width: 480px){.welcome-content{width:100%;padding:var(--spacing-m);border-radius:var(--border-radius)}}.welcome-content h2{color:var(--accent-color);font-family:Manrope,sans-serif;font-size:28px;margin-bottom:var(--spacing-m);letter-spacing:-.5px;display:flex;align-items:center;gap:var(--spacing-s)}.welcome-content h2:before{content:"";display:inline-block;width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='M180-475q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm180-160q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm240 0q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29Zm180 160q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM266-75q-45 0-75.5-34.5T160-191q0-52 35.5-91t70.5-77q29-31 50-67.5t50-68.5q22-26 51-43t63-17q34 0 63 16t51 42q28 32 49.5 69t50.5 69q35 38 70.5 77t35.5 91q0 47-30.5 81.5T694-75q-54 0-107-9t-107-9q-54 0-107 9t-107 9Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.welcome-content p{margin-bottom:var(--spacing-m);font-size:16px;line-height:1.6;color:var(--text-primary)}.welcome-content p:first-of-type{font-size:18px;font-weight:500;color:var(--text-primary);padding-bottom:var(--spacing-m);border-bottom:1px solid var(--border-color)}.welcome-content ul{margin:var(--spacing-s) 0 var(--spacing-l);list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-m)}.welcome-content li{padding:var(--spacing-m);background-color:#7389fe1a;border-radius:var(--border-radius);border:1px solid rgba(115,137,254,.2);margin-bottom:0;position:relative;padding-left:calc(var(--spacing-xl) + 9px);transition:all .2s ease;cursor:pointer;overflow:hidden;display:flex;align-items:center}.welcome-content li:nth-child(2){background-color:#6fdd801a;border:1px solid rgba(111,221,128,.2)}.welcome-content li:nth-child(3){background-color:#bf94ff1a;border:1px solid rgba(191,148,255,.2)}.welcome-content li:before{content:"";position:absolute;left:var(--spacing-m);top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;transition:all .2s ease}.welcome-content li:nth-child(2):before{background-color:var(--secondary-color)}.welcome-content li:nth-child(3):before{background-color:var(--accent-color)}.welcome-content li:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}.history-section{margin-top:var(--spacing-xl);border-top:1px solid var(--border-color);padding-top:var(--spacing-l);margin-bottom:50px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m)}.history-header h2{margin-bottom:0}#clear-history-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:4px;transition:all .2s ease}#clear-history-btn:hover{color:var(--error-color);background-color:#ff7a7a1a}#clear-history-btn svg{width:16px;height:16px}.history-list{list-style:none;margin:0;padding:0}.history-list li{padding:0;border-radius:var(--border-radius);margin-bottom:var(--spacing-s);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);background-color:var(--card-color);border-left:3px solid transparent;position:relative;display:flex;align-items:center}.history-item-content{padding:var(--spacing-m);display:flex;flex-direction:column;gap:6px;overflow:hidden;width:100%}.prompt-text{color:var(--text-primary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp{font-size:11px;color:var(--text-secondary);opacity:.7}.history-list li:hover{background-color:var(--background-color);border-left-color:var(--primary-color)}.history-list li.active{background-color:#7389fe33;border-left-color:var(--primary-color)}.history-list li.empty-history{background-color:transparent;border-left:none;color:var(--text-secondary);font-style:italic;cursor:default;padding:var(--spacing-m) 0}.history-list li.empty-history:before{display:none}@media (max-width: 1024px){:root{--sidebar-width: 300px}#slideshow{grid-template-columns:repeat(2,1fr)}.slide img{max-height:300px}}@media (max-width: 768px){:root{--spacing-l: 16px;--spacing-xl: 24px;--border-radius-lg: 12px;--card-radius: 12px}.app-container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:200px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--border-color)}.logo,.sidebar-content{padding:var(--spacing-m)}.main-container{width:100%;height:auto!important;min-height:calc(100vh - 200px);display:flex;flex-direction:column;padding-top:30px;padding-bottom:env(safe-area-inset-bottom,0)}.main-content{padding:var(--spacing-m);flex:1;min-height:0;max-height:calc(100vh - 250px)}.input-area{margin-top:auto;position:relative;padding:var(--spacing-s) var(--spacing-m);bottom:0}#examples{display:flex;flex-wrap:wrap;gap:var(--spacing-s)}#examples li{flex:1 1 auto;min-width:160px;font-size:14px}#slideshow{grid-template-columns:repeat(2,1fr)}.input-container{flex-direction:column}#submit-btn{width:100%;height:44px;margin-top:var(--spacing-s)}.welcome-content{width:95%;padding:var(--spacing-l)}.welcome-content ul{grid-template-columns:1fr}.action-buttons{top:var(--spacing-xs);right:var(--spacing-xs)}footer{padding:var(--spacing-s) var(--spacing-m);font-size:12px}}@media (max-width: 600px){.user-turn{padding:var(--spacing-m);padding-right:calc(var(--spacing-m) * 2 + 32px);font-size:14px}#slideshow{grid-template-columns:1fr}.slide{padding:var(--spacing-l)}.slide img{max-height:250px}.history-section{margin-top:var(--spacing-l)}.history-list li:before{top:calc(var(--spacing-m) + 5px)}.action-buttons{right:var(--spacing-s)}}@media (max-width: 480px){:root{--spacing-m: 12px;--spacing-l: 14px;--border-radius: 8px;--card-radius: 10px}body{font-size:14px}.logo h1{font-size:18px}.logo svg{width:24px;height:24px}h2{font-size:14px}.sidebar{max-height:180px}.sidebar-content{padding:var(--spacing-s) var(--spacing-m)}.main-container{min-height:calc(100vh - 180px);padding-top:15px}.main-content{max-height:calc(100vh - 220px)}#slideshow{grid-template-columns:1fr;gap:var(--spacing-m)}.slide{flex-direction:column;padding:var(--spacing-m)}.slide img{max-height:180px}.slide div{font-size:14px}.welcome-content{width:100%;padding:var(--spacing-m);border-radius:var(--border-radius);margin:var(--spacing-m) auto}.welcome-content h2{font-size:20px}.welcome-content p{font-size:14px}.input-area{padding:var(--spacing-s) var(--spacing-m);position:sticky;bottom:0}textarea#input{min-height:60px;padding:var(--spacing-m);font-size:14px;border-radius:var(--border-radius)}#submit-btn{padding:var(--spacing-s) var(--spacing-m);font-size:14px;border-radius:var(--border-radius)}.action-buttons{right:var(--spacing-xs);top:var(--spacing-xs)}.action-button{width:28px;height:28px}.action-button svg{width:14px;height:14px}.share-notification{width:90%;font-size:13px;padding:var(--spacing-s) var(--spacing-m)}}@media (max-width: 360px){.logo h1{font-size:16px}.sidebar{max-height:160px}.main-container{height:calc(100vh - 160px)}.slide img{max-height:160px}#examples li{min-width:100%}textarea#input{min-height:50px}}@media (max-height: 500px) and (orientation: landscape){.sidebar{max-height:120px}.main-container{height:calc(100vh - 120px)}.welcome-content{padding:var(--spacing-m)}.welcome-content h2{font-size:18px}.slide{padding:var(--spacing-m)}.input-area{padding:var(--spacing-xs) var(--spacing-m)}textarea#input{min-height:50px}}.sidebar-toggle{display:none;position:fixed;top:15px;left:25px;z-index:1000;background-color:transparent;border:none;border-radius:4px;justify-content:center;align-items:center;cursor:pointer;color:var(--text-primary);transition:all .3s ease;outline:none}.sidebar-toggle:focus{outline:none}.sidebar-toggle .menu-icon{display:block}.sidebar-toggle .close-icon{display:none}.sidebar:not(.sidebar-hidden)~.sidebar-toggle .menu-icon,.sidebar:not(.sidebar-hidden)+.sidebar-toggle .menu-icon{display:none}.sidebar:not(.sidebar-hidden)~.sidebar-toggle .close-icon,.sidebar:not(.sidebar-hidden)+.sidebar-toggle .close-icon{display:block}.sidebar-toggle svg{width:25px;height:30px}.sidebar-hidden{transform:translate(-100%)!important;box-shadow:none!important}@media (max-width: 768px){.sidebar-toggle{display:flex;transition:left .3s ease}.sidebar:not(.sidebar-hidden)~.sidebar-toggle,.sidebar:not(.sidebar-hidden)+.sidebar-toggle{left:calc(80% - 40px);top:10px}@media (min-width: 500px){.sidebar:not(.sidebar-hidden)~.sidebar-toggle,.sidebar:not(.sidebar-hidden)+.sidebar-toggle{left:360px;top:15px}}.sidebar{position:fixed;z-index:99;top:0;left:0;width:80%;max-width:400px;height:100%!important;max-height:none!important;transform:translate(0);transition:transform .3s ease;box-shadow:var(--shadow-card);overflow:hidden}.logo{padding:var(--spacing-m);display:flex;align-items:center;justify-content:flex-start;padding-right:50px}.logo h1{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#examples li:before{left:var(--spacing-s);top:50%;transform:translateY(-50%);width:8px;height:8px}#examples li{padding-left:calc(var(--spacing-s) * 3);display:flex;align-items:center}.history-list li:before{left:var(--spacing-s);top:50%;transform:translateY(-50%)}.history-item-content{padding-left:calc(var(--spacing-s) * 3)}.welcome-content li:before{top:50%;transform:translateY(-50%)}.sidebar-hidden{transform:translate(-100%);box-shadow:none}.main-container{height:100vh!important;padding-top:50px}:root{--spacing-l: 16px;--spacing-xl: 24px;--border-radius-lg: 12px;--card-radius: 12px}.app-container{flex-direction:column}}@media (max-width: 768px){.action-buttons{gap:var(--spacing-s);top:50%;right:2%}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:98;cursor:pointer;touch-action:auto;-webkit-tap-highlight-color:transparent}.sidebar:not(.sidebar-hidden)~.sidebar-overlay{display:block}textarea#input{padding-right:40px;border-radius:var(--border-radius)}.user-turn{padding:var(--spacing-m);border-radius:var(--border-radius)}}@media (hover: none){.slide:hover,#examples li:hover,.welcome-content li:hover,.action-button:hover{transform:none;box-shadow:none}.slide:active,#examples li:active,.welcome-content li:active,.action-button:active{opacity:.8;transform:scale(.98)}}@supports (padding: max(0px)){.sidebar,.main-container,.input-area{padding-left:max(var(--spacing-m),env(safe-area-inset-left));padding-right:max(var(--spacing-m),env(safe-area-inset-right))}.input-area{padding-bottom:max(var(--spacing-m),env(safe-area-inset-bottom))}}@media (max-height: 600px){.main-container{padding-bottom:60px}.main-content{padding:var(--spacing-m)}.input-area{padding:var(--spacing-s) var(--spacing-m)}textarea#input{padding:var(--spacing-s) var(--spacing-m);min-height:50px}#submit-btn{padding:8px 12px}}.settings-btn{position:absolute;bottom:0;left:0;width:100%;height:60px;padding:var(--spacing-m);margin:0;background-color:var(--sidebar-bg);border-top:1px solid var(--border-color);border-right:none;border-left:none;border-bottom:none;border-radius:30px 30px 0 0;color:var(--text-secondary);cursor:pointer;transition:all .2s ease,background-color .3s ease;font-size:14px;gap:var(--spacing-s);display:flex;align-items:center;justify-content:center;z-index:10}.settings-btn:hover{color:var(--text-primary);border-color:var(--accent-color)}.settings-btn span{font-weight:500}.theme-settings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:90%;max-width:450px;background-color:var(--card-color);border-radius:var(--card-radius);box-shadow:var(--shadow-card);padding:var(--spacing-l);z-index:2050;opacity:0;visibility:hidden;transition:all .3s ease;border:1px solid var(--border-color);max-height:90vh;overflow-y:auto}.theme-settings.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.theme-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-l);padding-bottom:var(--spacing-m);border-bottom:1px solid var(--border-color)}.theme-settings-header h3{font-family:Manrope,sans-serif;font-weight:600;font-size:18px;color:var(--text-primary);margin:0}.close-settings{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:all .2s ease}.close-settings:hover{color:var(--text-primary);background-color:#ffffff1a}.color-settings{display:flex;flex-direction:column;gap:var(--spacing-l);margin-bottom:var(--spacing-l)}.color-setting{display:flex;flex-direction:column;gap:var(--spacing-s)}.color-setting label{font-size:14px;color:var(--text-secondary)}.color-picker-container{display:flex;gap:var(--spacing-m);align-items:center}.color-picker-container input[type=color]{border:none;background:none;height:38px;width:60px;border-radius:var(--border-radius);cursor:pointer;padding:2px;background-color:var(--background-color);border:1px solid var(--border-color)}.color-picker-container input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-container input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-container select{flex:1;padding:8px 12px;border-radius:var(--border-radius);background-color:var(--background-color);color:var(--text-primary);border:1px solid var(--border-color);outline:none;font-family:Inter,sans-serif;font-size:14px;cursor:pointer;transition:border-color .2s ease}.color-picker-container select:focus{border-color:var(--primary-color)}.apply-theme,.reset-theme{width:100%;padding:10px 16px;border-radius:var(--border-radius);border:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-theme{background-color:var(--accent-color);color:#fff;margin-bottom:var(--spacing-m)}.apply-theme:hover{filter:brightness(110%)}.reset-theme{background-color:var(--card-color);color:var(--text-secondary);border:1px solid var(--border-color)}.reset-theme:hover{color:var(--text-primary);border-color:var(--text-secondary)}@media (max-width: 768px){.theme-settings{width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.settings-btn{position:absolute;bottom:0;margin:0;border-top:1px solid var(--border-color);height:50px}.sidebar{position:fixed;z-index:99;top:0;left:0;width:80%;max-width:400px;height:100%!important;max-height:none!important;transform:translate(0);transition:transform .3s ease;box-shadow:var(--shadow-card);overflow:hidden}.sidebar-content{height:calc(100% - 50px);padding-bottom:var(--spacing-l)}}#examples li:hover:before,.welcome-content li:hover:before,.welcome-content li:nth-child(3):before,.history-list li:hover:before,.history-list li.active:before{background-color:var(--accent-color)}.download-button:hover{color:var(--accent-color);border-color:var(--accent-color)}.action-button:hover,.welcome-content li:hover,.history-list li:hover,.history-list li.active,#examples li:hover{border-color:var(--accent-color)}.welcome-content h2{color:var(--accent-color)}#theme-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1049;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:hidden}#theme-overlay.visible{opacity:1;pointer-events:all;visibility:visible}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@media (prefers-color-scheme: light){:root{color-scheme:light}}.theme-presets{margin-bottom:var(--spacing-l);padding-bottom:var(--spacing-m);border-bottom:1px solid var(--border-color)}.theme-presets h4{font-family:Manrope,sans-serif;font-weight:500;font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-m)}.presets-list{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{width:32px;height:32px;border-radius:50%;border:2px solid;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;padding:0}.preset-btn:hover{transform:scale(1.1)}.interactive-term{color:var(--primary-color);cursor:pointer;text-decoration:underline dotted;transition:all .2s ease}.interactive-term:hover{background-color:#bf94ff1a;border-radius:2px}.toggle-content{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:16px;margin-right:8px;padding:2px;vertical-align:middle;transition:transform .2s ease}.toggle-content:hover{transform:scale(1.1)}.expandable-content{transition:max-height .3s ease;overflow:hidden;display:block}.follow-up-container{background-color:var(--card-color);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:var(--spacing-l);animation:fadeIn .5s ease-out;box-shadow:var(--shadow-1);transition:all .3s ease}.follow-up-container h3{font-family:Manrope,sans-serif;font-weight:600;font-size:18px;color:var(--text-primary);margin-bottom:var(--spacing-m);display:flex;align-items:center;gap:var(--spacing-s)}.follow-up-questions{display:flex;flex-wrap:wrap;gap:var(--spacing-s);list-style:none;margin-bottom:var(--spacing-l);padding:0}.follow-up-questions li{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:14px;padding:var(--spacing-s) var(--spacing-m);transition:all .2s ease;box-shadow:var(--shadow-1);position:relative;padding-left:calc(var(--spacing-m) * 2)}.follow-up-questions li:hover{background-color:#28292dcc;transform:translateY(-2px);border-color:var(--accent-color);box-shadow:var(--shadow-1)}.follow-up-questions li:before{content:"";position:absolute;left:var(--spacing-m);top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;transition:all .2s ease}.custom-follow-up{margin-top:var(--spacing-m);border-top:1px solid var(--border-color);padding-top:var(--spacing-m)}.custom-follow-up p{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-s);font-family:Inter,sans-serif}.follow-up-form{display:flex;gap:var(--spacing-s)}.follow-up-input{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);flex:1;font-family:Inter,sans-serif;font-size:14px;outline:none;padding:var(--spacing-s) var(--spacing-m);transition:all .2s ease;min-height:60px}.follow-up-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #bf94ff1a}.follow-up-btn{background-color:var(--accent-color);border:none;border-radius:var(--border-radius);color:var(--button-text-color, #ffffff);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:var(--spacing-s) var(--spacing-m);transition:all .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.2);min-width:60px}.follow-up-btn:hover{filter:brightness(110%);transform:translateY(-2px)}.follow-up-btn:active{transform:translateY(1px)}@media (max-width: 600px){.follow-up-questions,.follow-up-form{flex-direction:column}.follow-up-btn{width:100%}.follow-up-container{padding:var(--spacing-m)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}