@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap);.container_60d0d9{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.container_60d0d9,.inner_d83325{height:var(--uib-size);width:var(--uib-size)}.inner_d83325{animation:rotate_7966a2 calc(var(--uib-speed)*4) linear infinite;position:relative}@keyframes rotate_7966a2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.particle_5e4d0f{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.particle_5e4d0f:first-child{--uib-delay:0;transform:rotate(8deg)}.particle_5e4d0f:nth-child(2){--uib-delay:-0.4;transform:rotate(36deg)}.particle_5e4d0f:nth-child(3){--uib-delay:-0.9;transform:rotate(72deg)}.particle_5e4d0f:nth-child(4){--uib-delay:-0.5;transform:rotate(90deg)}.particle_5e4d0f:nth-child(5){--uib-delay:-0.3;transform:rotate(144deg)}.particle_5e4d0f:nth-child(6){--uib-delay:-0.2;transform:rotate(180deg)}.particle_5e4d0f:nth-child(7){--uib-delay:-0.6;transform:rotate(216deg)}.particle_5e4d0f:nth-child(8){--uib-delay:-0.7;transform:rotate(252deg)}.particle_5e4d0f:nth-child(9){--uib-delay:-0.1;transform:rotate(300deg)}.particle_5e4d0f:nth-child(10){--uib-delay:-0.8;transform:rotate(324deg)}.particle_5e4d0f:nth-child(11){--uib-delay:-1.2;transform:rotate(335deg)}.particle_5e4d0f:nth-child(12){--uib-delay:-0.5;transform:rotate(290deg)}.particle_5e4d0f:nth-child(13){--uib-delay:-0.2;transform:rotate(240deg)}.particle_5e4d0f:before{--uib-d:calc(var(--uib-delay)*var(--uib-speed));animation:orbit_1d5c2e var(--uib-speed) linear var(--uib-d) infinite;background-color:var(--uib-color);border-radius:50%;content:"";flex-shrink:0;height:17.5%;position:absolute;transition:background-color .3s ease;width:17.5%}@keyframes orbit_1d5c2e{0%{opacity:.65;transform:translate(calc(var(--uib-size)*.5)) scale(.73684)}5%{opacity:.58;transform:translate(calc(var(--uib-size)*.4)) scale(.684208)}10%{opacity:.51;transform:translate(calc(var(--uib-size)*.3)) scale(.631576)}15%{opacity:.44;transform:translate(calc(var(--uib-size)*.2)) scale(.578944)}20%{opacity:.37;transform:translate(calc(var(--uib-size)*.1)) scale(.526312)}25%{opacity:.3;transform:translate(0) scale(.47368)}30%{opacity:.37;transform:translate(calc(var(--uib-size)*-.1)) scale(.526312)}35%{opacity:.44;transform:translate(calc(var(--uib-size)*-.2)) scale(.578944)}40%{opacity:.51;transform:translate(calc(var(--uib-size)*-.3)) scale(.631576)}45%{opacity:.58;transform:translate(calc(var(--uib-size)*-.4)) scale(.684208)}50%{opacity:.65;transform:translate(calc(var(--uib-size)*-.5)) scale(.73684)}55%{opacity:.72;transform:translate(calc(var(--uib-size)*-.4)) scale(.789472)}60%{opacity:.79;transform:translate(calc(var(--uib-size)*-.3)) scale(.842104)}65%{opacity:.86;transform:translate(calc(var(--uib-size)*-.2)) scale(.894736)}70%{opacity:.93;transform:translate(calc(var(--uib-size)*-.1)) scale(.947368)}75%{opacity:1;transform:translate(0) scale(1)}80%{opacity:.93;transform:translate(calc(var(--uib-size)*.1)) scale(.947368)}85%{opacity:.86;transform:translate(calc(var(--uib-size)*.2)) scale(.894736)}90%{opacity:.79;transform:translate(calc(var(--uib-size)*.3)) scale(.842104)}95%{opacity:.72;transform:translate(calc(var(--uib-size)*.4)) scale(.789472)}to{opacity:.65;transform:translate(calc(var(--uib-size)*.5)) scale(.73684)}}.post-container{margin:0 auto;max-width:1000px;padding:2rem 1rem}.post-header{margin-bottom:3rem;text-align:center}.post-title{color:var(--color-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.post-subtitle{color:var(--chat-timestamp);font-size:1.4rem;margin:0 auto;max-width:700px}.post-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-bottom:2rem;overflow:hidden}.post-card-header{border-bottom:1px solid hsla(0,0%,100%,.1);justify-content:space-between;padding:1.5rem}.post-card-header,.post-user{align-items:center;display:flex}.post-user{gap:1.2rem}.post-avatar{border:2px solid var(--claude-purple);border-radius:50%;height:4.8rem;object-fit:cover;width:4.8rem}.emoji-avatar{font-size:2.4rem;text-align:center}.post-user-info{display:flex;flex-direction:column}.post-username{color:var(--color-primary);font-size:1.6rem;font-weight:600;margin:0}.post-models{color:var(--claude-purple);font-size:1.2rem;margin-top:.2rem}.post-timestamp{align-items:center;color:var(--chat-timestamp);display:flex;font-size:1.2rem;gap:.5rem}.post-timestamp .material-icons{font-size:1.6rem}.post-description{color:var(--color-primary);font-size:1.5rem;line-height:1.6;padding:2rem 1.5rem}.post-categories{display:flex;flex-wrap:wrap;gap:.8rem;padding:0 1.5rem 1.5rem}.post-category{background-color:rgba(142,68,173,.2);border-radius:16px;color:var(--claude-purple);font-size:1.2rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.post-category:hover{background-color:rgba(142,68,173,.3);cursor:pointer}.post-actions{border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-around;padding:1.2rem}.post-action-button{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--color-primary);cursor:pointer;display:flex;gap:.5rem;padding:.8rem 1.2rem;transition:background-color .2s ease}.post-action-button:hover{background-color:hsla(0,0%,100%,.1)}.post-action-button.delete-button{color:var(--chat-timestamp);opacity:.7}.post-action-button.delete-button:hover{background-color:rgba(220,53,69,.2);color:#dc3545;opacity:1}.post-action-button .material-icons{font-size:2rem}.post-action-count{font-size:1.4rem}.post-chat-container{background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-top:2rem;overflow:hidden}.post-chat-header{align-items:center;background-color:hsla(0,0%,100%,.04);border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:1.2rem 1.5rem}.post-chat-title{color:var(--color-primary);font-size:1.6rem;font-weight:600;margin:0}.post-chat-messages{display:flex;flex-direction:column;max-height:600px;overflow-y:auto;padding:1rem}.readonly-chat-messages{display:flex;flex-direction:column;gap:1.6rem;width:100%}.message-container{border-radius:12px;max-width:85%;overflow-wrap:break-word;padding:1rem;word-break:break-word}.user-message{align-self:flex-end;background-color:rgba(142,68,173,.2);border:1px solid rgba(142,68,173,.3);margin-left:auto}.ai-message{align-self:flex-start;background-color:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);margin-right:auto}.message-header{font-size:1.2rem;justify-content:space-between;margin-bottom:.6rem}.message-content,.message-user{color:var(--color-primary)}.message-content{font-size:1.4rem;white-space:pre-wrap}.empty-chat-message{color:var(--chat-timestamp);height:200px;justify-content:center}.empty-chat-message,.interact-button{align-items:center;display:flex;font-size:1.4rem}.interact-button{background-color:var(--claude-purple);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-weight:500;gap:.8rem;margin:2rem auto;padding:.8rem 1.6rem;transition:all .2s ease}.interact-button:hover{background-color:var(--claude-light-purple);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.interact-button .material-icons{font-size:1.8rem}@media (max-width:768px){.post-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.post-timestamp{align-self:flex-end}.post-actions{padding:1rem 0}.interact-button{justify-content:center;width:100%}}.comments-section{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:16px;overflow:hidden}.comments-header{align-items:center;background-color:var(--background-tertiary);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.comments-header h3{align-items:center;display:flex;font-size:16px;font-weight:500;margin:0}.comments-header h3 .material-icons{margin-right:8px}.comments-container{padding:16px}.comments-empty,.comments-error,.comments-loading,.login-to-comment{color:var(--text-secondary);font-size:14px;padding:16px;text-align:center}.comments-list{max-height:400px;overflow-y:auto}.comment-item{border-bottom:1px solid var(--border-color);display:flex;margin-bottom:16px;padding-bottom:16px}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-avatar{flex-shrink:0;margin-right:12px}.comment-user-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.comment-user-emoji{align-items:center;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;margin-bottom:4px}.comment-username{font-size:14px;font-weight:500;margin-right:8px}.comment-timestamp{color:var(--text-secondary);font-size:12px}.comment-text{font-size:14px;line-height:1.4;margin-bottom:8px}.comment-actions{display:flex}.comment-like-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;padding:4px 8px}.comment-like-button:hover{background-color:var(--background-hover)}.comment-like-button .material-icons{font-size:16px;margin-right:4px}.comment-form{display:flex;gap:8px;margin-top:16px}.comment-input{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-family:inherit;min-height:60px;padding:10px 12px;resize:vertical}.comment-input:focus{border-color:var(--primary-color);outline:none}.comment-submit-button{align-items:center;align-self:flex-end;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;padding:8px;transition:background-color .2s;width:38px}.comment-submit-button:hover{background-color:var(--primary-color-hover)}.comment-submit-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.rotating{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.timeline{display:flex;flex-direction:column;gap:1.6rem;margin:0 auto;max-width:800px;padding:2rem 1rem}.timeline-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;transition:box-shadow .3s ease,background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,-webkit-transform .3s ease}.timeline-item:hover{background-color:hsla(0,0%,100%,.08);box-shadow:0 8px 30px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.timeline-item-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:1.5rem}.timeline-item-user{align-items:center;display:flex;gap:1.2rem}.timeline-avatar{border:2px solid var(--claude-purple);border-radius:50%;height:4.8rem;object-fit:cover;width:4.8rem}.emoji-avatar{align-items:center;background-color:rgba(142,68,173,.2);color:var(--claude-purple);display:flex;font-size:2.5rem;justify-content:center}.timeline-user-info{display:flex;flex-direction:column}.timeline-username{color:var(--color-primary);font-size:1.6rem;font-weight:600;margin:0}.timeline-model{color:var(--claude-purple);font-size:1.2rem;margin-top:.2rem}.timeline-timestamp{align-items:center;color:var(--chat-timestamp);display:flex;font-size:1.2rem;gap:.5rem}.timeline-timestamp .material-icons{font-size:1.6rem}.timeline-delete-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--chat-timestamp);cursor:pointer;display:flex;font-size:1.8rem;justify-content:center;margin-left:8px;opacity:.7;padding:4px;transition:all .2s ease}.timeline-delete-button:hover{background-color:rgba(220,53,69,.2);color:#dc3545;opacity:1}.timeline-content{color:var(--color-primary);font-size:1.5rem;line-height:1.6;padding:2rem 1.5rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:.8rem;padding:0 1.5rem 1.5rem}.timeline-tag{background-color:rgba(142,68,173,.2);border-radius:16px;color:var(--claude-purple);font-size:1.2rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.timeline-tag:hover{background-color:rgba(142,68,173,.3);cursor:pointer}.timeline-actions{border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-around;padding:1.2rem}.timeline-action-button{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--color-primary);cursor:pointer;display:flex;gap:.5rem;padding:.8rem 1.2rem;transition:background-color .2s ease}.timeline-action-button:hover{background-color:hsla(0,0%,100%,.1)}.timeline-action-button .material-icons{font-size:2rem}.action-count{font-size:1.4rem}.timeline-empty{align-items:center;color:var(--chat-timestamp);display:flex;flex-direction:column;height:300px;justify-content:center;text-align:center}.timeline-empty-icon{color:var(--chat-timestamp);font-size:5rem;margin-bottom:1rem}.timeline-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0 2rem}.timeline-filter{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:1.4rem;padding:.8rem 1.6rem;transition:all .2s ease}.timeline-filter:hover{background-color:rgba(142,68,173,.2);border-color:var(--claude-purple)}.timeline-filter.active{background-color:var(--claude-purple);border-color:var(--claude-purple);color:#fff}@media (max-width:768px){.timeline{padding:1rem}.timeline-item-header{align-items:flex-start;flex-direction:column;gap:1rem}.timeline-timestamp{align-self:flex-end}.timeline-actions{padding:1rem 0}.timeline-filters{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.timeline-filter{flex-shrink:0}}.discover-container{margin:0 auto;max-width:1000px;padding:2rem 1rem}.discover-header{-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out;margin-bottom:3rem;text-align:center}.discover-title{color:var(--claude-purple);font-size:3.6rem;font-weight:700;margin-bottom:1rem}.discover-subtitle{color:var(--color-primary);font-size:1.6rem;margin:0 auto;max-width:600px;opacity:.8}@media (max-width:768px){.discover-container{padding:1.5rem 1rem}.discover-header{margin-bottom:2rem}.discover-title{font-size:2.8rem}.discover-subtitle{font-size:1.4rem}}:root{--orange:#ff4f40;--indigo:#635dff;--white:#fff;--light-aluminium:#eaecee;--aluminium:#bdc4cf;--dark-aluminium:#2a2e35;--black:#000;--yellow:#ebca40;--mandarine:#ff7f38;--pink:#f4d;--blue:#3885ff;--aqua:#3ec6eb;--emerald:#1bc99f;--blue-main:#00507e;--grey-main:#58606a;--soft-white:#f0f4f8;--soft-gray-100:#e9eff5;--soft-gray-200:#dde5ee;--soft-gray-300:#c8d5e3;--soft-gray-400:#a9bad0;--yellow-mandarine-gradient:linear-gradient(153.07deg,var(--yellow) -2.47%,var(--mandarine) 102.78%);--mandarine-orange-gradient:linear-gradient(153.07deg,var(--mandarine) -2.47%,var(--orange) 102.78%);--pink-yellow-gradient:linear-gradient(153.07deg,var(--pink) -2.47%,var(--yellow) 102.78%);--pink-indigo-gradient:linear-gradient(153.07deg,var(--pink) -2.47%,var(--indigo) 102.78%);--indigo-aqua-gradient:linear-gradient(153.07deg,var(--indigo) -2.47%,var(--aqua) 102.78%);--blue-aqua-gradient:linear-gradient(153.07deg,var(--blue) -2.47%,var(--aqua) 102.78%);--aqua-emerald-gradient:linear-gradient(153.07deg,var(--aqua) -2.47%,var(--emerald) 102.78%);--emerald-yellow-gradient:linear-gradient(153.07deg,var(--emerald) -2.47%,var(--yellow) 102.78%);--blue-grey-gradient:linear-gradient(153.07deg,var(--blue-main) -2.47%,var(--grey-main) 102.78%);--dark-blue-grey-gradient:linear-gradient(153.07deg,rgba(0,30,60,.95) -2.47%,rgba(40,45,50,.9) 102.78%);--font-primary:"Inter",sans-serif;--font-secondary:"Space Grotesk",sans-serif;--font-mono:"Fira Code",monospace;--claude-purple:#8e44ad;--claude-light-purple:#9b59b6;--claude-lighter-purple:#d5b8ff;--claude-darkest:#1a1a1a;--claude-dark:#2d3748;--claude-gray:#718096;--claude-light-gray:#e2e8f0;--claude-lightest:#f7fafc}[data-theme=dark]{--color-primary:#e7e7e7;--color-secondary:var(--claude-light-purple);--color-background:var(--dark-blue-grey-gradient);--color-solid-background:#2d3748;--color-primary-hover:var(--claude-purple);--background-code:#2d3748;--hero-bg-shape1:rgba(56,133,255,.08);--hero-bg-shape2:rgba(62,198,235,.08);--hero-bg-shape3:rgba(27,201,159,.07);--hero-bg-shape4:rgba(99,93,255,.06);--hero-text-gradient:linear-gradient(90deg,#fff,var(--blue));--hero-model-bg:rgba(56,133,255,.2);--hero-model-border:rgba(56,133,255,.302);--hero-model-name:linear-gradient(90deg,#fff,var(--aqua));--hero-button-primary:var(--blue);--hero-button-primary-hover:#4e95ff;--hero-button-secondary:hsla(0,0%,100%,.15);--hero-button-secondary-hover:hsla(0,0%,100%,.25);--hero-model-container-bg:hsla(0,0%,100%,.05);--hero-scroll-border:rgba(56,133,255,.7);--hero-scroll-bg:rgba(56,133,255,.9);--feature-heading-underline:var(--blue);--feature-bullet-color:var(--blue);--chat-header-bg:rgba(30,31,37,.95);--chat-header-text:var(--white);--chat-user-message-bg:#2d3748;--chat-user-message-text:var(--white);--chat-ai-message-bg:var(--claude-purple);--chat-ai-message-text:var(--white);--chat-input-bg:var(--chat-header-bg);--chat-input-text:var(--white);--chat-timestamp:#718096;--chat-border-color:#2d3748;--chat-shadow-color:rgba(0,0,0,.1)}[data-theme=light]{--color-primary:#2d3748;--color-secondary:var(--claude-purple);--color-background:#f0f4f8;--color-solid-background:#f0f4f8;--color-primary-hover:var(--claude-light-purple);--background-code:#e5eaf2;--hero-bg-shape1:rgba(56,133,255,.1);--hero-bg-shape2:rgba(62,198,235,.1);--hero-bg-shape3:rgba(27,201,159,.1);--hero-bg-shape4:rgba(99,93,255,.08);--hero-text-gradient:linear-gradient(90deg,#2d3748,var(--blue));--hero-model-bg:rgba(56,133,255,.08);--hero-model-border:rgba(56,133,255,.15);--hero-model-name:linear-gradient(90deg,#2d3748,var(--blue));--hero-button-primary:var(--blue);--hero-button-primary-hover:#4e95ff;--hero-button-secondary:rgba(220,230,240,.8);--hero-button-secondary-hover:rgba(220,230,240,.95);--hero-model-container-bg:rgba(230,240,250,.5);--hero-scroll-border:rgba(56,133,255,.5);--hero-scroll-bg:rgba(56,133,255,.7);--feature-heading-underline:var(--blue);--feature-bullet-color:var(--blue);--chat-header-bg:#edf2f7;--chat-header-text:#4a5568;--chat-user-message-bg:#e2e8f0;--chat-user-message-text:#2d3748;--chat-ai-message-bg:#e9e1f6;--chat-ai-message-text:#2d3748;--chat-input-bg:#edf2f7;--chat-input-text:#2d3748;--chat-timestamp:#718096;--chat-border-color:#dae1e7;--chat-shadow-color:rgba(0,0,0,.03)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:10px;text-rendering:geometricPrecision}body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);background-attachment:fixed;background-size:cover;font-family:var(--font-primary);overflow-x:hidden;overflow-y:auto;position:relative}body,h1,h2,h3,h4,h5,h6{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:600}h1,h2,h3{margin-top:3.2rem}h1,h2,h3,h4,h5,h6{margin-bottom:1.6rem}h4,h5,h6{margin-top:1.6rem}h1{font-size:3.2rem}h2{font-size:2.8rem}h3{font-size:2.4rem}h4{font-size:2rem}h5{font-size:1.6rem}h6{font-size:1.4rem}p{margin:0 0 1.6rem}strong{font-weight:500}small{font-size:1.2rem}blockquote{background-color:var(--soft-gray-100);border-left:8px solid var(--soft-gray-300);border-radius:0 6px 6px 0;font-size:1.6rem;font-style:italic;margin:0 0 3.2rem;padding:1.6rem 3.2rem}[data-theme=dark] blockquote{background-color:hsla(0,0%,100%,.03);border-left:8px solid var(--light-aluminium)}button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--color-primary);text-decoration:none}figure{margin:0}img{vertical-align:middle}code,pre{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;width:100%}code{background-color:var(--background-code);border-radius:4px;font-size:.9em;padding:.2rem .4rem}#root{height:100%;width:100%}@media only screen and (max-width:640px){.mobile-scroll-lock{overflow:hidden}}.modern-form-container{margin:2rem auto;max-width:800px;padding:0 1.5rem}.admin-card,.profile-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--soft-gray-100);border:1px solid var(--soft-gray-200);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.05);overflow:hidden;padding:2.5rem;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}[data-theme=dark] .admin-card,[data-theme=dark] .profile-card{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.admin-card:hover,.profile-card:hover{box-shadow:0 12px 48px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.form-title{color:var(--claude-purple);font-size:2.4rem;font-weight:600;margin-bottom:2rem;margin-top:0;text-align:center}.form-fields{display:flex;flex-direction:column;gap:1.8rem;margin-top:1.5rem}.form-field{margin-bottom:0}.form-field label{color:var(--color-primary);display:block;font-size:1.4rem;font-weight:500;margin-bottom:.8rem;opacity:.85;transition:color .2s ease}.form-field:focus-within label{color:var(--claude-purple);opacity:1}.modern-input{background-color:var(--soft-gray-100);border:1px solid var(--soft-gray-300);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.02);color:var(--color-primary);font-size:1.5rem;padding:1.2rem 1.5rem;transition:all .2s ease;width:100%}[data-theme=dark] .modern-input{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 5px rgba(0,0,0,.05)}.modern-input:focus{border-color:var(--claude-purple);box-shadow:0 0 0 3px rgba(142,68,173,.15);outline:none}.modern-input.readonly{background-color:var(--soft-gray-200);color:var(--color-primary);cursor:not-allowed;opacity:.7}[data-theme=dark] .modern-input.readonly{background-color:rgba(0,0,0,.05)}.modern-input::-webkit-input-placeholder{color:var(--soft-gray-400)}.modern-input::placeholder{color:var(--soft-gray-400)}[data-theme=dark] .modern-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.3)}[data-theme=dark] .modern-input::placeholder{color:hsla(0,0%,100%,.3)}.password-input-container{position:relative}.toggle-visibility{background:transparent;border:none;color:var(--claude-purple);cursor:pointer;opacity:.7;padding:.5rem;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .2s ease}.toggle-visibility:hover{opacity:1}.toggle-visibility .material-icons{font-size:2rem}.verification-status{align-items:center;display:flex;font-size:1.5rem;gap:1rem;padding:1rem}.status-indicator{align-items:center;border-radius:50%;display:inline-flex;font-size:1.4rem;height:2.4rem;justify-content:center;width:2.4rem}.status-indicator.verified{background-color:var(--emerald);color:#fff}.status-indicator.not-verified{background-color:var(--orange);color:#fff}.form-actions{margin-top:3rem;text-align:center}.modern-button{align-items:center;background-color:var(--claude-purple);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(142,68,173,.2);color:#fff;cursor:pointer;display:inline-flex;font-size:1.5rem;font-weight:500;gap:.8rem;justify-content:center;padding:1.2rem 2.5rem;transition:all .2s ease}.modern-button:hover{background-color:var(--claude-light-purple);box-shadow:0 6px 16px rgba(142,68,173,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modern-button:active{box-shadow:0 2px 8px rgba(142,68,173,.3);-webkit-transform:translateY(0);transform:translateY(0)}[data-theme=dark] .modern-button{box-shadow:0 4px 12px rgba(142,68,173,.3)}[data-theme=dark] .modern-button:hover{box-shadow:0 6px 16px rgba(142,68,173,.4)}[data-theme=dark] .modern-button:active{box-shadow:0 2px 8px rgba(142,68,173,.5)}.modern-button .material-icons{font-size:1.8rem}@media (max-width:768px){.modern-form-container{padding:0 1rem}.admin-card,.profile-card{padding:2rem 1.5rem}.form-title{font-size:2.2rem}.modern-input{padding:1rem 1.2rem}.modern-button{width:100%}}.auth0-features{padding:3.2rem 6.4rem}.auth0-features__title{color:var(--white);font-size:3.2rem;font-weight:600;line-height:3.2rem;margin-bottom:4.8rem;margin-top:0;text-align:center}.auth0-features__grid{grid-column-gap:6.4rem;grid-row-gap:6.4rem;-webkit-column-gap:6.4rem;column-gap:6.4rem;display:grid;grid-template-columns:1fr 1fr;row-gap:6.4rem}.auth0-feature{background-color:var(--white);border-radius:1.6rem;color:var(--black);cursor:pointer;display:block;padding:4.8rem;transition:all .3s ease-in-out 0s}.auth0-feature:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.auth0-feature__headline{align-items:center;color:var(--black);display:flex;font-size:2.4rem;font-weight:600;letter-spacing:-.05rem;line-height:3.2rem;margin-top:0}.auth0-feature__icon{margin-right:1.6rem}.auth0-feature:hover .auth0-feature__headline{-webkit-text-decoration:underline solid 2px var(--black);text-decoration:underline solid 2px var(--black);text-underline-offset:2px;transition:all .3s ease-in-out 0s}.auth0-feature__description{color:#242424;font-size:1.6rem;font-weight:500;line-height:2.4rem;margin:0;opacity:.7}@media only screen and (max-width:900px){.auth0-features__grid{grid-template-columns:1fr;row-gap:3.2rem}.auth0-feature{border-radius:.8rem;padding:3.2rem}.auth0-feature__headline{font-size:2rem;line-height:2.4rem}.auth0-feature__icon{height:3.6rem;margin-right:1.6rem}.auth0-feature__description{font-size:1.4rem;line-height:2.2rem}}@media only screen and (max-width:480px){.auth0-features{padding:1.6rem}.auth0-features__title{font-size:2rem;line-height:2.8rem;margin-bottom:2.4rem}.auth0-features__grid{grid-template-columns:1fr;row-gap:1.6rem}.auth0-feature{border-radius:.8rem;padding:3.2rem}.auth0-feature__headline{font-size:2rem;line-height:2.4rem}.auth0-feature__icon{height:3.6rem;margin-right:1.6rem}.auth0-feature__description{font-size:1.4rem;line-height:2.2rem}}.button{border:0;border-radius:.8rem;color:var(--color-primary);cursor:pointer;font-family:var(--font-primary);font-size:1.6rem;font-weight:600;line-height:2.4rem;min-width:10rem;padding:1.6rem;transition:background .3s ease-out,color .3s ease-out;-webkit-user-select:none;user-select:none}.button--compact{font-size:1.6rem;line-height:1.6rem;padding:1rem 1.6rem}.button--primary{background-color:var(--indigo)}.button--primary:hover{background:rgba(99,93,255,.85)}.button--secondary{background-color:var(--color-background);color:var(--color-primary)}.button--secondary:hover{background:hsla(0,0%,100%,.85)}@media only screen and (max-width:480px){.button{font-size:1.3rem;line-height:2.2rem;min-width:.8rem;padding:1rem 1.2rem}.button--compact{font-size:1.3rem;line-height:2rem;padding:.6rem 1rem}}.button__login,.button__logout{background:var(--indigo);border:.1rem solid var(--indigo);border-radius:.8rem;font-family:var(--font-primary);font-weight:600;transition:background .3s ease-out,color .3s ease-out}.button__login,.button__logout,.button__sign-up{color:var(--color-primary);cursor:pointer;font-size:1.6rem;font-style:normal;line-height:3.2rem;margin-right:1.6rem;min-width:8.4rem;padding:.8rem 0;text-align:center;-webkit-user-select:none;user-select:none;width:50%}.button__sign-up{background-color:initial;border:.1rem solid var(--color-primary);border-radius:.8rem;font-weight:500}.button__login:last-child,.button__logout:last-child,.button__sign-up:last-child,.subscribe-button:last-child{margin-right:0}.subscribe-button{align-items:center;background:rgba(99,93,255,.15);border:none;border-radius:.8rem;box-shadow:0 4px 8px rgba(0,0,0,.1);color:var(--color-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-size:1.4rem;font-style:normal;font-weight:600;justify-content:center;line-height:1.6rem;min-width:8.4rem;padding:.8rem 1.2rem;position:relative;text-align:center;transition:all .3s ease-out;-webkit-user-select:none;user-select:none;z-index:1}.subscribe-button:before{background:linear-gradient(45deg,#6366f1,#a855f7,#ec4899);border-radius:.8rem;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute;right:0;top:0;z-index:-1}.subscribe-button:hover{background:rgba(99,93,255,.25);box-shadow:0 6px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.subscribe-button.subscribed{background:rgba(16,185,129,.15)}.subscribe-button.subscribed:before{background:linear-gradient(45deg,#10b981,#059669,#0d9488)}@media only screen and (min-width:641px){.button__login,.button__logout,.button__sign-up{font-size:1.4rem;line-height:1.6rem;padding:.8rem 1.2rem}}.code-snippet{border-radius:.8rem;display:flex;flex-direction:column;margin-top:3.2rem;overflow:hidden;width:100%}.code-snippet__title{background-color:var(--aluminium);color:var(--black);font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:1.6rem;font-weight:600;height:4.8rem;line-height:2.4rem;padding:1.2rem 1.6rem;width:100%}.code-snippet__container{background-color:var(--dark-aluminium);min-height:32.4rem;overflow-x:auto}.code-snippet__wrapper{display:inline-block;padding:32px}.code-snippet__body{word-wrap:break-word;color:var(--color-primary);font-size:16px;line-height:32px;margin:0;white-space:pre-wrap}@media only screen and (max-width:480px){.code-snippet__title{font-size:1.4rem;height:4.4rem;line-height:2.2rem;padding:1.2rem 1.6rem}.code-snippet__wrapper{padding:1.6rem}.code-snippet__body{font-size:1.4rem;line-height:2.4rem}}.page-footer{background-color:var(--dark-aluminium);color:var(--light-aluminium);display:flex;flex-shrink:0;font-size:1.6rem;font-weight:500;justify-content:center;line-height:2.4rem;margin-top:2.4rem;text-align:center;width:100%}.page-footer-grid{display:grid;grid-template-rows:auto auto;max-width:120rem;padding:3.2rem;width:100%}.page-footer-grid__info{grid-column-gap:2.4rem;-webkit-column-gap:2.4rem;column-gap:2.4rem;display:grid;grid-template-columns:1.5fr 1fr auto}.page-footer-grid__brand{display:grid;grid-template-columns:1fr;justify-items:center;margin-top:3.2rem}.page-footer-info__message{text-align:left}.page-footer-message__headline{font-weight:500;margin:0 0 1.4rem}.page-footer-message__description{letter-spacing:.016rem;margin-bottom:0}.page-footer-info__button{align-items:center;display:flex;justify-content:center}.page-footer-info__resource-list{grid-row-gap:.8rem;display:grid;row-gap:.8rem}.page-footer-info__resource-list-item{text-align:right}.page-footer-brand{align-items:center;display:flex;justify-content:center;width:100%}.page-footer-brand__logo{margin-right:12px;width:20px}.page-footer__hyperlink{letter-spacing:.001rem}.page-footer__hyperlink,.page-footer__hyperlink:active,.page-footer__hyperlink:visited{color:var(--color-primary)}.page-footer__hyperlink:hover{color:var(--aluminium)}@media only screen and (max-width:960px){.page-footer{font-size:1.4rem;line-height:2.2rem}.page-footer-grid{padding:3.2rem}.page-footer-grid__info{grid-template-columns:1fr;row-gap:3.2rem}.page-footer-info__message{text-align:center}.page-footer-info__resource-list{-webkit-column-gap:3.2rem;column-gap:3.2rem;grid-template-columns:1fr 1fr;row-gap:3.2rem}.page-footer-info__resource-list-item:nth-child(odd){text-align:right}.page-footer-info__resource-list-item:nth-child(2n){text-align:left}}@media only screen and (max-width:480px){.page-footer{font-size:1.4rem;line-height:2.2rem}.page-footer-grid{padding:3.2rem 1.6rem}.page-footer-grid__info{grid-template-columns:1fr;row-gap:3.2rem}.page-footer-info__message{text-align:center}.page-footer-info__resource-list{-webkit-column-gap:3.2rem;column-gap:3.2rem;grid-template-columns:1fr 1fr;row-gap:3.2rem}.page-footer-info__resource-list-item:nth-child(odd){text-align:right}.page-footer-info__resource-list-item:nth-child(2n){text-align:left}}.header-banner{background:var(--white-grey);margin:0 auto;padding:3.2rem 6.4rem}.header-banner,.hero-banner{align-items:center;color:var(--color-primary);display:flex;justify-content:center;width:100%}.hero-banner{flex-direction:column;margin:0;min-height:100vh;overflow:hidden;padding:4rem 2rem}.animated-bg{height:100%;left:0;opacity:.5;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.animated-shape{border-radius:50%;-webkit-filter:blur(70px);filter:blur(70px);position:absolute}.shape1{-webkit-animation:floating 15s infinite alternate;animation:floating 15s infinite alternate;background:var(--hero-bg-shape1);left:-10%;max-width:400px;top:10%;width:40%}.shape1,.shape2{aspect-ratio:1/1}.shape2{animation:floating 20s infinite alternate-reverse;background:var(--hero-bg-shape2);bottom:5%;max-width:350px;right:-5%;width:35%}.shape3{-webkit-animation:floating 18s infinite alternate;animation:floating 18s infinite alternate;background:var(--hero-bg-shape3);max-width:300px;right:0;top:5%;width:30%}.shape3,.shape4{aspect-ratio:1/1}.shape4{animation:floating 25s infinite alternate-reverse;background:var(--hero-bg-shape4);bottom:0;left:10%;max-width:350px;width:35%}@-webkit-keyframes floating{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(15px,10px) scale(1.03);transform:translate(15px,10px) scale(1.03)}to{-webkit-transform:translate(-10px,15px) scale(.97);transform:translate(-10px,15px) scale(.97)}}@keyframes floating{0%{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{-webkit-transform:translate(15px,10px) scale(1.03);transform:translate(15px,10px) scale(1.03)}to{-webkit-transform:translate(-10px,15px) scale(.97);transform:translate(-10px,15px) scale(.97)}}.hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:1200px;opacity:0;text-align:center;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out;z-index:2}.hero-content.fade-in{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hero-banner--yellow-mandarine{background:var(--yellow-mandarine-gradient)}.hero-banner--pink-yellow{background:var(--pink-yellow-gradient)}.hero-banner--blue-aqua{background:var(--blue-aqua-gradient)}.hero-banner--aqua-emerald{background:var(--aqua-emerald-gradient)}.hero-banner--emerald-yellow{background:var(--emerald-yellow-gradient)}.header-banner--blue-grey{background:var(--white-grey)}.hero-banner__logo{align-items:center;background-color:var(--color-primary);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.12);display:flex;height:12.8rem;justify-content:center;width:12.8rem}.hero-banner__image{height:10.8rem;width:10.8rem}.hero-banner__image--small{height:7.6rem;width:7.6rem}.hero-banner__headline{-webkit-animation:pulse 4s infinite alternate;animation:pulse 4s infinite alternate;background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:5.6rem;font-weight:700;letter-spacing:-1.5px;margin:2.4rem 0 2rem;text-shadow:0 2px 10px rgba(0,0,0,.1)}.hero-banner__description{-webkit-animation:fadeIn 1s .3s forwards;animation:fadeIn 1s .3s forwards;color:var(--color-primary);font-size:2.2rem;line-height:3.4rem;margin-bottom:4rem;max-width:70rem;opacity:0;text-align:center}.hero-models-container{align-items:center;display:flex;flex-direction:column;margin:2rem 0 4rem;max-width:800px;width:100%}.hero-models-wrapper{align-items:center;-webkit-animation:slideUp .8s .5s forwards;animation:slideUp .8s .5s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--hero-model-container-bg);border:1px solid var(--hero-model-border);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.15);display:flex;justify-content:center;margin-bottom:3rem;opacity:0;padding:2rem;position:relative;-webkit-transform:translateY(20px);transform:translateY(20px);width:100%}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.hero-model-item{border-radius:8px;flex:1 1;font-size:1.8rem;font-weight:500;padding:1.2rem 2rem;text-align:center}.hero-model-item.current{background:var(--hero-model-bg);border:1px solid var(--hero-model-border);color:var(--color-primary)}.model-name{background:var(--hero-model-name);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;font-weight:700;padding:0 .5rem;position:relative;transition:color .3s}.hero-model-compare{align-items:center;display:flex;flex-direction:column;margin:0 2rem}.hero-model-arrows{-webkit-animation:pulse 2s infinite alternate;animation:pulse 2s infinite alternate;font-size:2rem;margin:.3rem 0;opacity:.7}.hero-feature-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;width:100%}.feature-nav-button{background:var(--hero-model-bg);border:1px solid var(--hero-model-border);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:1.4rem;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.feature-nav-button:hover{background:var(--hero-model-bg);opacity:.8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.features-section{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:4rem 2rem;width:100%}.features-heading{color:var(--color-primary);font-size:3.2rem;font-weight:700;margin-bottom:4rem;position:relative;text-align:center}.features-heading:after{background:var(--feature-heading-underline);bottom:-10px;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px}.feature-container{display:flex;margin-bottom:6rem;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity .8s ease,-webkit-transform .8s ease;transition:opacity .8s ease,transform .8s ease;transition:opacity .8s ease,transform .8s ease,-webkit-transform .8s ease;width:100%}.feature-container.animate-on-scroll{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.feature-container.reverse{flex-direction:row-reverse}.feature-content{flex:1 1;padding:2rem}.feature-content h3{color:var(--color-primary);font-size:2.4rem;margin-bottom:1.5rem}.feature-content p{color:var(--color-primary);font-size:1.6rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.feature-highlight{align-items:flex-start;background:var(--color-background);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);display:flex;gap:2rem;padding:2rem}.large-icon{font-size:4rem}.feature-list{list-style-type:none;padding:0}.feature-list li{color:var(--color-primary);font-size:1.4rem;margin-bottom:1rem;padding-left:1.5rem;position:relative}.feature-list li:before{color:var(--feature-bullet-color);content:"•";font-weight:700;left:0;position:absolute}.cta-container{-webkit-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards;display:flex;gap:2rem;margin-top:3rem;opacity:0}.cta-button{border:none;border-radius:30px;cursor:pointer;font-size:1.6rem;font-weight:600;padding:1.2rem 3rem;transition:box-shadow .3s,background-color .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s,background-color .3s;transition:transform .3s,box-shadow .3s,background-color .3s,-webkit-transform .3s}.cta-button.primary{background:var(--hero-button-primary);box-shadow:0 4px 12px rgba(56,133,255,.3);color:var(--white)}.cta-button.primary:hover{background:var(--hero-button-primary-hover);box-shadow:0 6px 16px rgba(56,133,255,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.cta-button.secondary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--hero-button-secondary);border:1px solid hsla(0,0%,100%,.3);color:var(--color-primary)}.cta-button.secondary:hover{background:var(--hero-button-secondary-hover);box-shadow:0 6px 16px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.pulse-animation{position:relative}.pulse-animation:after{-webkit-animation:pulse-ring 2s infinite;animation:pulse-ring 2s infinite;background:var(--hero-button-primary);border-radius:30px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@-webkit-keyframes pulse-ring{0%{opacity:.7;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:.3;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.7;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse-ring{0%{opacity:.7;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:.3;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:.7;-webkit-transform:scale(.95);transform:scale(.95)}}.scroll-indicator{align-items:center;-webkit-animation:fadeIn 1s 1.5s forwards;animation:fadeIn 1s 1.5s forwards;bottom:1.5rem;cursor:pointer;display:flex;flex-direction:column;opacity:0;position:absolute;right:2rem;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;z-index:10}.scroll-indicator:hover{opacity:.9!important}.mouse{border:2px solid var(--hero-scroll-border);border-radius:20px;height:45px;margin-bottom:10px;position:relative;width:30px}.wheel{-webkit-animation:scroll 2s infinite;animation:scroll 2s infinite;background:var(--hero-scroll-bg);border-radius:50%;height:6px;left:50%;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:6px}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(15px);transform:translateX(-50%) translateY(15px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(15px);transform:translateX(-50%) translateY(15px)}}.scroll-text{color:hsla(0,0%,100%,.7);font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}@media only screen and (max-width:768px){.hero-banner{min-height:100vh;padding:3.2rem 1.6rem}.hero-banner__headline{font-size:4.2rem}.hero-banner__description{font-size:1.8rem;line-height:2.8rem}.hero-models-wrapper{flex-direction:column;padding:1.5rem}.hero-model-compare{display:flex;flex-direction:row;margin:1.5rem 0}.hero-model-arrows{margin:0 1rem}.cta-container{flex-direction:column;gap:1rem;width:100%}.cta-button{width:100%}.animated-shape{-webkit-filter:blur(40px);filter:blur(40px);opacity:.7}.shape1{height:200px;width:200px}.shape2{height:250px;width:250px}.shape3{height:180px;width:180px}.shape4{height:220px;width:220px}.scroll-indicator{bottom:2rem}.features-section{padding:3rem 1.5rem}.features-heading{font-size:2.8rem}.feature-container,.feature-container.reverse{flex-direction:column;margin-bottom:4rem}.feature-content h3{font-size:2.2rem}.feature-content p{font-size:1.5rem}.feature-highlight{align-items:center;flex-direction:column;text-align:center}.feature-list li{text-align:left}.hero-feature-buttons{flex-wrap:wrap;justify-content:center}.feature-nav-button{margin-bottom:.5rem}}@media only screen and (max-width:540px){.hero-banner{min-height:100vh;padding:2rem 1.6rem}.hero-banner__logo{height:9.6rem;width:9.6rem}.hero-banner__image{height:7.2rem;width:7.2rem}.hero-banner__image--small{height:6rem;width:6rem}.hero-banner__headline{font-size:3.2rem;margin:1rem 0 1.5rem}.hero-banner__description{font-size:1.6rem;line-height:2.4rem;margin-bottom:2.5rem}.hero-models-container{margin:1rem 0 2rem}.hero-model-item{font-size:1.6rem;padding:1rem 1.5rem}.large-icon{font-size:3.5rem}.feature-nav-button{font-size:1.2rem;padding:.7rem 1.2rem}.animated-shape{-webkit-filter:blur(30px);filter:blur(30px)}.scroll-indicator{bottom:1.5rem}.mouse{height:36px;width:24px}.scroll-text{font-size:1rem}.features-section{padding:2rem 1rem}.features-heading{font-size:2.4rem;margin-bottom:3rem}.feature-content h3{font-size:2rem}.feature-content p{font-size:1.4rem}.feature-list li{font-size:1.3rem}}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;height:5rem;margin:auto;width:5rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-bar__container{background:var(--color-background);box-shadow:inset 0-1.5px 0 #5a5f66;display:flex;flex-shrink:0;justify-content:center;position:fixed;width:100%;z-index:300}.nav-bar{align-items:center;background:(--color-background);display:flex;flex:1 1;flex-shrink:0;height:80px;margin:0;max-width:1200px;padding:0 24px}.nav-bar__brand{margin-right:64px}.nav-bar__brand,.nav-bar__link{align-items:center;display:flex;height:100%}.nav-bar__logo{height:3.2rem;object-fit:contain;width:auto}.nav-bar__tabs{align-items:center;display:flex;flex:1 1;justify-content:flex-end}.nav-bar__tab{display:flex;flex-direction:row;font-size:16px;font-weight:500;justify-content:center;line-height:16px;margin-right:24px}.nav-bar__tab:last-child{margin-right:0}.nav-bar__tab--active{text-decoration-color:var(--indigo);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:4px;text-underline-offset:8px}.nav-bar__tab:hover{color:var(--color-primary-hover)}.nav-bar__icon{display:none}.nav-bar__buttons{display:flex;margin-left:24px}.nav-bar__subscribe{margin-left:auto;margin-right:0;padding-left:32px}@media only screen and (max-width:640px){.nav-bar__container{display:none}.nav-bar__tab{font-size:1.5rem}.nav-bar{height:6.4rem;padding:.8rem 1.6rem}.nav-bar__brand{align-items:center;display:flex;margin-right:1.6rem}.nav-bar__logo{height:3.2rem}.nav-bar__tab--active{color:var(--pink);text-decoration-line:none}.nav-bar__label{display:none}.nav-bar__icon{display:block;font-size:3.2rem}.nav-bar__buttons{margin-left:24px}}@media only screen and (max-width:340px){.nav-bar__tab{font-size:1.3rem}.nav-bar{height:6.4rem;padding:.8rem 1.6rem}.nav-bar__brand{align-items:center;display:flex;margin-right:1.6rem}.nav-bar__logo{height:2.8rem}.nav-bar__tab--active{color:var(--pink);text-decoration-line:none}.nav-bar__buttons{margin-left:24px}}.mobile-nav-bar__container{background-color:var(--color-solid-background);box-shadow:inset 0-1.5px 0 #5a5f66;display:none;flex-shrink:0;justify-content:center;position:fixed;width:100%;z-index:300}.mobile-nav-bar{align-items:center;display:flex;flex:1 1;flex-shrink:0;height:6.4rem;margin:0;max-width:1200px;padding:.8rem 1.6rem}.mobile-nav-bar__brand{align-items:center;display:flex;height:100%;margin-right:1.6rem}.mobile-nav-bar__spacer{flex:1 1}.mobile-nav-bar__subscribe{margin-right:10px}.mobile-nav-bar__link{align-items:center;display:flex;height:100%}.mobile-nav-bar__logo{height:2.4rem;object-fit:contain;width:auto}.mobile-nav-bar__menu{background-color:var(--color-solid-background);height:calc(100% - 6.4rem);left:0;position:fixed;top:6.4rem;width:100%;z-index:300}.mobile-nav-bar__toggle{cursor:pointer;font-size:3.6rem;margin-left:2.4rem}.mobile-nav-bar__tabs{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;width:100%}.mobile-nav-bar__tab{background-color:var(--color-solid-background);box-shadow:inset 0-1.5px 0 #5a5f66;color:var(--color-primary);display:flex;flex-direction:row;font-size:2rem;font-weight:500;line-height:16px;padding:3.2rem 2.4rem;width:100%}.mobile-nav-bar__tab:last-child{margin-right:0}.mobile-nav-bar__tab--active{text-decoration-color:var(--indigo);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:4px;text-underline-offset:8px}.mobile-nav-bar__tab:hover{color:var(--color-primary-hover)}.mobile-nav-bar__icon{display:none}.mobile-nav-bar__buttons{background-color:var(--color-solid-background);display:flex;justify-content:center;padding:3.2rem}@media only screen and (max-width:640px) and (hover:none){.mobile-nav-bar__tab--active:hover,.mobile-nav-bar__tab:hover{color:var(--color-primary-hover)}}@media only screen and (max-width:640px){.mobile-nav-bar__container{display:flex}.mobile-nav-bar__menu--closed{display:none}}.messages-grid{display:flex;flex-direction:column}.messages-grid__header{color:var(--color-primary);font-size:24px;font-weight:500;line-height:32px;margin:48px 0 0;text-align:center}.messages-grid__options{border-radius:16px;display:flex;margin:32px auto}.messages-grid__option{background-color:var(--black);border:2px solid #606060;border-right:0;color:var(--color-primary);cursor:pointer;font-size:16px;font-weight:600;line-height:24px;margin:0;outline:none;padding:8px 24px;text-align:center;text-transform:uppercase;transition:background .3s ease-out,color .3s ease-out;-webkit-user-select:none;user-select:none}.messages-grid__option:first-child{border-radius:8px 0 0 8px}.messages-grid__option:last-child{border-radius:0 8px 8px 0;border-right:2px solid #606060}.messages-grid__option--active,.messages-grid__option--active:hover{background-color:var(--color-primary);color:var(--black)}@media only screen and (max-width:540px){.messages-grid__header{font-size:2rem;line-height:2.8rem;margin:1.6rem 0}.messages-grid__options{border-radius:.8rem;flex-wrap:wrap;margin:.8rem auto 1.6rem;max-width:24rem}.messages-grid__option{border:.2rem solid #606060;font-size:1.4rem;padding:.4rem 1.6rem;width:12rem}.messages-grid__option:first-child{border-bottom:0;border-bottom-left-radius:0;border-right:0}.messages-grid__option:nth-child(2){border-bottom:0;border-top-right-radius:.8rem}.messages-grid__option:nth-child(3){border-bottom-left-radius:.8rem;border-right:0}.messages-grid__option:nth-child(4){border-top-right-radius:0}}.profile-grid{display:flex;flex-direction:column;margin-top:48px}.profile__header{grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:auto 1fr}.profile__avatar{border:2px solid var(--aqua);border-radius:50%;height:80px;width:80px}.profile__headline{display:flex;flex-direction:column;justify-content:space-around}.profile__title{color:var(--color-primary);margin-bottom:0;margin-top:0}.profile__details{margin-top:32px}@media only screen and (max-width:480px){.profile-grid{margin-top:2.4rem}.profile__avatar{border:.13rem solid var(--aqua);border-radius:50%;height:5.6rem;width:5.6rem}.profile__title{font-size:1.6rem}.profile__description{font-size:1.3rem}.profile__details{margin-top:1.6rem}}.page-layout{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;position:relative;width:100%}.navbar-container{position:fixed;top:0;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:100%;z-index:1000}.navbar-container.hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.navbar-container.visible{-webkit-transform:translateY(0);transform:translateY(0)}.page-layout__content{display:flex;flex:1 1;flex-basis:auto;flex-direction:column;flex-shrink:0;margin-top:8rem;max-width:120rem;overflow-x:hidden;width:100%}@media only screen and (max-width:640px){.page-layout__content{margin-top:6.4rem}}.content-layout{display:flex;flex:1 1;flex-direction:column;flex-shrink:0;min-height:640px;padding:48px;width:100%}.content__title{color:var(--color-primary);margin-top:0}.content__body{font-size:1.6rem;line-height:2.4rem}#page-description{display:flex;flex-direction:column}#page-description span{margin-bottom:1.6rem}#page-description span:last-child{margin-bottom:0}@media only screen and (max-width:480px){.content-layout{padding:1.6rem}.content__title{font-size:2.4rem}}app-nav-bar{width:100%}app-nav-bar-tabs{flex:1 1}app-nav-bar-tab{margin-right:24px}app-nav-bar-tab:last-child{margin-right:0}app-login-button,app-logout-button,app-signup-button{margin-right:1.6rem}app-login-button:last-child,app-logout-button:last-child,app-signup-button:last-child{margin-right:0}app-page-loader{display:flex;height:100%;width:100%}app-mobile-nav-bar,app-mobile-nav-bar-tab{width:100%}app-mobile-nav-bar-brand{flex:1 1}.chat-container{background-attachment:fixed;background-size:cover;flex-direction:column;font-family:var(--font-primary);height:100%;margin:0;overflow:hidden;padding:0;width:100%}.chat-container,.chat-header{display:flex;position:relative}.chat-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--chat-header-bg);border-bottom:1px solid var(--chat-border-color);box-shadow:0 2px 8px rgba(0,0,0,.15);justify-content:space-between;padding:1rem 1.5rem;top:0;z-index:25}.chat-container.centered-layout{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;min-height:350px}.chat-container.centered-layout .messages-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.chat-container.centered-layout .input-container{box-shadow:none!important;margin-top:0;position:relative!important;-webkit-transform:none!important;transform:none!important;width:100%}.chat-container:not(.centered-layout){display:flex;flex-direction:column;height:100%}.chat-container:not(.centered-layout) .messages-container:not(.center-content){flex:1 1;height:auto;min-height:0}.input-options select{background:var(--chat-header-bg);border:1px solid var(--chat-border-color);border-radius:6px;color:var(--chat-header-text);cursor:pointer;font-size:1rem;margin-bottom:.5rem;padding:.5rem .75rem;transition:border-color .2s ease-in-out;width:100%}.input-options select:hover{border-color:var(--claude-purple)}.input-options .model-select,.input-options .prompt-select{background:var(--chat-input-bg);color:var(--chat-input-text);min-width:0}.input-options select:last-child{margin-bottom:0}.chat-title{color:var(--chat-header-text);flex-grow:1;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0}.messages-container{-webkit-overflow-scrolling:touch;background:transparent;display:flex;flex:1 1;flex-direction:column;height:auto!important;margin:0 auto;max-height:66vh!important;max-width:900px;min-height:50px;overflow-y:auto;padding:.5rem 0;position:relative;scroll-behavior:smooth;scrollbar-color:rgba(142,68,173,.4) transparent;scrollbar-width:thin;width:100%;z-index:5}.messages-container::-webkit-scrollbar{background-color:initial;width:6px}.messages-container::-webkit-scrollbar-thumb{background-color:rgba(142,68,173,.4);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background-color:rgba(142,68,173,.6)}.messages-container.center-content{justify-content:flex-start;max-height:250px;overflow:hidden;padding-top:1rem}.welcome-container{align-items:center;-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:450px;padding:1.5rem;text-align:center}.chat-container.centered-layout .welcome-container{margin-bottom:1rem}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.welcome-image{margin-bottom:1rem}.welcome-image .ai-avatar{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;box-shadow:0 3px 8px rgba(0,0,0,.1);font-size:1.8rem;height:60px;width:60px}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.welcome-title{color:var(--chat-header-text);font-size:1.6rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .5rem}.welcome-text{color:var(--chat-timestamp);font-size:1.1rem;line-height:1.4;margin:0}.message{border-bottom:1px solid var(--chat-border-color);display:flex;gap:1rem;padding:1rem 1.5rem;position:relative;scroll-margin-top:1rem;width:100%}.message:first-child{margin-top:1px}.message:last-child{border-bottom:none;margin-bottom:10px;padding-bottom:20px}.ai-message+.ai-message,.user-message+.user-message{padding-top:.5rem}.ai-message+.ai-message .message-avatar,.user-message+.user-message .message-avatar{visibility:hidden}.ai-message+.ai-message .message-header,.user-message+.user-message .message-header{display:none}.message-avatar .ai-avatar,.message-avatar .user-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 4px var(--chat-shadow-color);display:flex;flex-shrink:0;font-size:1.2rem;height:38px;justify-content:center;width:38px}.message-avatar .ai-avatar{background:var(--claude-purple);color:var(--white)}.message-avatar .user-avatar{background:var(--claude-dark);color:var(--white)}.message-content{flex:1 1;line-height:1.6;max-width:750px}.message-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.message-user{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.message-timestamp{color:var(--chat-timestamp);font-size:.9rem;font-weight:400}.message-text{font-size:1.15rem;line-height:1.6;padding:0}.message-text p{margin:0 0 1rem}.message-text p:last-child{margin-bottom:0}.message-text pre{border-radius:6px;box-shadow:0 1px 2px var(--chat-shadow-color);color:var(--color-primary);margin:1rem 0;overflow-x:auto;padding:1rem}.message-text code,.message-text pre{background:var(--background-code);font-size:1.05rem}.message-text code{border-radius:3px;font-family:var(--font-mono);padding:.15em .3em}.message-text pre code{background:transparent;padding:0}.user-message{background-color:var(--chat-user-message-bg)}.ai-message{background-color:initial}.user-message .message-text{color:var(--chat-user-message-text)}.ai-message .message-text{color:var(--chat-ai-message-text)}.message-text ol,.message-text ul{margin:.7rem 0 1.2rem 2rem;padding:0}.message-text li{margin-bottom:.7rem}.message-text a{color:var(--claude-purple);text-decoration:none}.message-text a:hover{text-decoration:underline}.input-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--chat-border-color);box-shadow:0 -2px 8px rgba(0,0,0,.15);display:flex;justify-content:center;margin-top:auto;padding:.75rem 1rem;position:relative;transition:box-shadow .3s ease,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,box-shadow .3s ease;transition:transform .3s ease-in-out,box-shadow .3s ease,-webkit-transform .3s ease-in-out;z-index:20}@media (min-height:400px){html.input-fixed .chat-container.has-overflow .messages-container{padding-bottom:15px}.chat-container.has-overflow .input-container{bottom:0;box-shadow:0 -4px 6px -2px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky}html.input-fixed .chat-container.has-overflow .input-container{-webkit-animation:slide-up .2s ease-out;animation:slide-up .2s ease-out;bottom:0;box-shadow:0 -4px 8px -2px rgba(0,0,0,.1);left:0;max-width:none;right:0;width:100%}@-webkit-keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}html.input-fixed .chat-container.has-overflow .input-area{margin:0 auto;max-width:900px}}.message-text{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal}.input-area{display:flex;gap:1rem;max-width:900px;width:100%}.input-options{display:flex;flex-direction:column;flex-shrink:0;max-width:180px}.input-wrapper{flex:1 1;position:relative}.message-input{background:transparent;border:1px solid var(--chat-border-color);border-radius:8px;box-shadow:0 1px 3px var(--chat-shadow-color);color:var(--chat-input-text);font-family:inherit;font-size:1.1rem;line-height:1.4;min-height:50px;padding:.75rem 3.5rem .75rem 1rem;resize:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.message-input:focus{background:transparent;border-color:var(--claude-purple);box-shadow:0 0 0 1px rgba(142,68,173,.2);outline:none}.message-input::-webkit-input-placeholder{color:var(--chat-timestamp);opacity:.7}.message-input::placeholder{color:var(--chat-timestamp);opacity:.7}.send-button{align-items:center;background:var(--claude-purple);border:none;border-radius:6px;bottom:.6rem;color:var(--white);cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;position:absolute;right:.6rem;transition:all .2s ease;width:32px}.send-button:hover{background:var(--claude-light-purple);box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.send-button:active{box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}.send-button:disabled{background:var(--chat-border-color);box-shadow:none;cursor:not-allowed;-webkit-transform:none;transform:none}.send-button svg{display:block;height:18px;width:18px}.read-only-message{background-color:rgba(142,68,173,.1);border:1px solid rgba(142,68,173,.2);border-radius:8px;color:var(--chat-input-text);font-size:1rem;padding:.75rem 1rem;text-align:center;width:100%}@media (max-width:768px){.chat-container.centered-layout{height:100vh;justify-content:center;min-height:300px}.messages-container{padding:0}.chat-container.centered-layout .messages-container{margin-bottom:1.5rem}.chat-container.centered-layout .input-container{margin:0 auto;padding:.5rem;position:relative!important;width:100%}.message{gap:.75rem;padding:.75rem 1rem}.chat-container:not(.centered-layout) .input-container{bottom:0;left:0;padding:.6rem .75rem;position:fixed;right:0;z-index:30}.input-area{flex-direction:column;gap:.5rem}.input-options{flex-direction:row;justify-content:space-between;width:100%}.input-options select{margin-bottom:0;width:48%}.message-input{font-size:1rem;min-height:50px;padding:.6rem 3rem .6rem .75rem}.welcome-image .ai-avatar{font-size:1.5rem;height:50px;width:50px}.welcome-title{font-size:1.25rem}.welcome-text{font-size:1rem}.chat-container:not(.centered-layout){height:auto!important;min-height:auto!important}.messages-container:not(.center-content){height:auto!important;max-height:none!important}}.chat-layout{display:flex;gap:2rem;margin-bottom:2rem;min-height:calc(100vh - 180px);overflow:visible;padding-top:1rem;position:relative}.chat-main-content{flex:2 1;height:auto;max-height:75vh;min-width:0;overflow:visible}.chat-main-content,.chat-sidebar{display:flex;flex-direction:column}.chat-sidebar{flex-shrink:0;max-height:70vh;width:280px}.left-sidebar{border-right:1px solid var(--chat-border-color);padding-right:1.5rem}.right-sidebar{border-left:1px solid var(--chat-border-color);padding-left:1.5rem}.chat-actions-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden;padding:1.5rem}.sidebar-title{border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--claude-purple);font-size:1.4rem;margin:0 0 1.5rem;padding-bottom:.8rem}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.action-section{margin-top:1rem}.sidebar-section-title{color:var(--chat-header-text);font-size:1.1rem;font-weight:500;margin:0 0 1rem}.category-options{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.category-button{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:var(--color-primary);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .2s ease}.category-button:hover{background-color:rgba(142,68,173,.2);border-color:var(--claude-purple)}.category-button.active{background-color:var(--claude-purple);border-color:var(--claude-purple);color:#fff}.post-conversation-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.description-input{background:hsla(0,0%,100%,.05);border:1px solid var(--chat-border-color);border-radius:8px;box-shadow:0 1px 3px var(--chat-shadow-color);color:var(--chat-input-text);font-family:inherit;font-size:.95rem;line-height:1.4;padding:.75rem 1rem;resize:none;transition:border-color .2s ease-in-out,box-shadow .2s ease;width:100%}.description-input:focus{border-color:var(--claude-purple);box-shadow:0 0 0 1px rgba(142,68,173,.2);outline:none}.description-input::-webkit-input-placeholder{color:var(--chat-timestamp);opacity:.7}.description-input::placeholder{color:var(--chat-timestamp);opacity:.7}.action-buttons{display:flex;flex-direction:column;gap:.8rem}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.8rem;padding:.8rem 1.2rem;transition:all .2s ease}.action-button .material-icons{font-size:1.2rem}.action-button .button-text{flex:1 1;text-align:left}.clone-button,.post-button,.share-button{background-color:var(--claude-purple);color:#fff}.clone-button:hover,.post-button:hover,.share-button:hover{background-color:var(--claude-light-purple)}.clone-button:disabled,.post-button:disabled,.share-button:disabled{background-color:var(--chat-border-color);cursor:not-allowed;opacity:.7}.shared-chat-info{background-color:rgba(142,68,173,.1);border:1px solid rgba(142,68,173,.2);border-radius:8px;color:var(--chat-input-text);font-size:.95rem;margin-bottom:1rem;padding:.75rem}.new-button{background-color:hsla(0,0%,100%,.1);color:var(--color-primary)}.new-button:hover{background-color:hsla(0,0%,100%,.2)}.chat-window-wrapper{background:hsla(0,0%,100%,.02);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;flex:1 1;flex-direction:column;height:auto;max-height:75vh;overflow:visible;padding-bottom:.5rem}@media (max-width:1200px){.chat-layout{gap:1.5rem}.chat-sidebar{width:250px}}@media (max-width:992px){.chat-layout{flex-direction:column;gap:2rem}.chat-main-content{order:1}.left-sidebar{border-bottom:1px solid var(--chat-border-color);border-right:none;order:0;padding-bottom:1.5rem;padding-right:0;width:100%}.right-sidebar{border-left:none;border-top:1px solid var(--chat-border-color);order:2;padding-left:0;padding-top:1.5rem;width:100%}.chat-sidebar{width:100%}.chat-actions-panel{background:transparent;border:none;box-shadow:none;padding:1.2rem}.sidebar-title{font-size:1.3rem;margin-bottom:1.2rem}.category-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.action-buttons{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.chat-window-wrapper{min-height:500px}}@media (max-width:768px){.chat-layout{gap:1.5rem}.category-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.category-options{grid-template-columns:repeat(2,1fr)}.action-buttons{grid-template-columns:1fr}.action-button{font-size:.9rem;padding:.7rem 1rem}.action-button .material-icons{font-size:1.1rem}.sidebar-section-title{font-size:1rem}.chat-window-wrapper{min-height:400px}}.theme-toggle{cursor:pointer;display:inline-block}.toggle-container{border-radius:14px;box-shadow:0 2px 5px rgba(0,0,0,.2);height:28px;position:relative;transition:all .3s ease;width:60px}.toggle-container.light{background:linear-gradient(90deg,#ffecd2,#fcb69f)}.toggle-container.dark{background:linear-gradient(90deg,#0f2027,#203a43,#2c5364)}.icons-container{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 8px;position:absolute;width:100%}.moon-icon,.sun-icon{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.toggle-container.light .sun-icon{color:#ff8a65}.toggle-container.dark .sun-icon,.toggle-container.light .moon-icon{color:hsla(0,0%,100%,.5)}.toggle-container.dark .moon-icon{color:#a7ffeb}.toggle-button{align-items:center;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.2);display:flex;height:24px;justify-content:center;position:absolute;top:2px;transition:all .3s ease;width:24px}.toggle-button.light{background:#fff;left:2px}.toggle-button.dark{background:#1e1e1e;left:34px}.theme-toggle:hover .toggle-container{box-shadow:0 2px 8px rgba(0,0,0,.3)}.session-controls{overflow:hidden;position:relative}.session-controls,.session-history-container{display:flex;flex:1 1;flex-direction:column;width:100%}.session-history-container{background-color:initial;border:1px solid var(--chat-border-color);border-radius:8px;margin-bottom:1.5rem;max-height:50vh;overflow-y:auto;padding:0;z-index:10}.session-history-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.session-history-item{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.05);border:1px solid var(--chat-border-color);border-radius:8px;box-shadow:0 1px 3px var(--chat-shadow-color);cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.session-history-item:hover{background-color:hsla(0,0%,100%,.1);box-shadow:0 3px 6px var(--chat-shadow-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.session-history-item.active{background-color:rgba(142,68,173,.15);border-color:var(--claude-purple)}.session-history-item.selected{background-color:rgba(142,68,173,.3);border-color:var(--claude-purple);border-width:2px;box-shadow:0 3px 8px var(--chat-shadow-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.session-history-item.selected:hover{background-color:rgba(142,68,173,.35)}.session-item-content{display:flex;flex-direction:column;gap:.25rem;width:100%}.session-item-title{color:var(--chat-header-text);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-item-timestamp{color:var(--chat-timestamp);font-size:.75rem}.session-delete-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--chat-timestamp);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;margin-left:8px;opacity:.7;padding:4px;transition:all .2s ease}.session-delete-button:hover{background-color:rgba(220,53,69,.2);color:#dc3545;opacity:1}@media (max-width:992px){.session-history-container{margin-bottom:1rem;max-height:300px}.session-history-list{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.session-history-item{flex-shrink:0;max-width:250px;min-width:150px}}@media (max-width:576px){.session-history-container{max-height:250px}.session-history-item{min-width:140px}}.tabs{border-bottom:1px solid #ddd;margin-bottom:1.5rem;width:100%}.tab-button,.tabs{display:flex;gap:.5rem}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid transparent;border-radius:4px 4px 0 0;color:#666;cursor:pointer;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.tab-button .material-icons{font-size:1.2rem}.tab-button:hover{background-color:rgba(0,0,0,.05);color:#333}.tab-button.active{background-color:rgba(0,102,204,.05);border-bottom:3px solid #06c;box-shadow:0 -1px 5px rgba(0,0,0,.05);color:#06c}.admin-card,.profile-card{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);padding:1.5rem;transition:all .3s ease}.tab-panel-title{align-items:center;border-bottom:1px solid #eee;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.tab-panel-title .material-icons{background-color:rgba(0,102,204,.1);border-radius:50%;color:#06c;font-size:1.5rem;padding:.5rem}.tab-panel-title h2{font-size:1.5rem;font-weight:600;margin:0}.subscription-panel{background-color:var(--chat-header-bg);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.12);color:var(--chat-header-text);margin-top:1.5rem;padding:1.5rem;transition:all .3s ease}.subscription-loader{color:var(--chat-timestamp);padding:2rem;text-align:center}.subscription-error{color:var(--orange);padding:2rem;text-align:center}.pricing-plans{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.pricing-card{background-color:var(--chat-user-message-bg);border:1px solid var(--chat-border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:var(--chat-user-message-text);display:flex;flex:1 1;flex-direction:column;min-height:400px;min-width:280px;padding:1.5rem;position:relative;transition:all .3s ease}[data-theme=light] .pricing-card{background-color:var(--white)}.pricing-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pricing-card.featured{border:2px solid var(--claude-purple);box-shadow:0 6px 16px rgba(142,68,173,.2)}.pricing-badge{background-color:var(--claude-purple);border-radius:20px;box-shadow:0 2px 6px rgba(142,68,173,.3);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:20px;top:-12px}.pricing-header{border-bottom:1px solid var(--chat-border-color);margin-bottom:1.5rem;padding-bottom:1.5rem;text-align:center}.pricing-header h3{color:var(--chat-user-message-text);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.pricing-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.price-amount{color:var(--chat-user-message-text);font-size:2.5rem;font-weight:700}.price-period{color:var(--chat-timestamp);font-size:1rem}.pricing-features{flex-grow:1}.pricing-features ul{list-style:none;margin:0;padding:0}.pricing-features li{align-items:center;color:var(--chat-timestamp);display:flex;gap:.75rem;padding:.5rem 0}[data-theme=dark] .pricing-features .check-icon{color:var(--emerald)}[data-theme=light] .pricing-features .check-icon{color:var(--claude-purple)}.pricing-features .check-icon{font-size:1.25rem}.pricing-action{margin-top:auto;padding-top:1.5rem;text-align:center}.stripe-button{border-radius:6px;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}[data-theme=dark] .stripe-button-basic{background-color:rgba(142,68,173,.2);border:2px solid var(--claude-purple);color:var(--white)}[data-theme=dark] .stripe-button-basic:hover{background-color:rgba(142,68,173,.3)}[data-theme=dark] .stripe-button-pro{background-color:var(--claude-purple);border:2px solid var(--claude-purple);color:#fff}[data-theme=dark] .stripe-button-pro:hover{background-color:var(--claude-light-purple);border-color:var(--claude-light-purple)}[data-theme=light] .stripe-button-basic{background-color:var(--white);border:2px solid var(--claude-purple);color:var(--claude-purple)}[data-theme=light] .stripe-button-basic:hover{background-color:rgba(142,68,173,.1)}[data-theme=light] .stripe-button-pro{background-color:var(--claude-purple);border:2px solid var(--claude-purple);color:#fff}[data-theme=light] .stripe-button-pro:hover{background-color:var(--claude-light-purple);border-color:var(--claude-light-purple)}.manage-subscription{margin-top:2rem;text-align:center}.pricing-card.active-plan{border:2px solid var(--emerald);box-shadow:0 6px 16px rgba(46,204,113,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.pricing-badge.active-badge{background-color:var(--emerald);box-shadow:0 2px 6px rgba(46,204,113,.3)}.active-subscription-button{border-color:var(--emerald)!important;color:#fff!important;cursor:default}.active-subscription-button,.active-subscription-button:hover{background-color:var(--emerald)!important}.active-subscription-button .material-icons{font-size:1.25rem;margin-right:.25rem}.manage-subscription button{align-items:center;background-color:var(--chat-user-message-bg);border:1px solid var(--chat-border-color);border-radius:6px;color:var(--chat-user-message-text);display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.manage-subscription button:hover{background-color:var(--chat-border-color)}.subscription-panel .tab-panel-title{align-items:center;border-bottom:1px solid var(--chat-border-color);display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.subscription-panel .tab-panel-title .material-icons{background-color:rgba(142,68,173,.1);border-radius:50%;color:var(--claude-purple);font-size:1.5rem;padding:.5rem}.subscription-panel .tab-panel-title h2{color:var(--chat-header-text);font-size:1.5rem;font-weight:600;margin:0}@media (max-width:768px){.pricing-plans{flex-direction:column}}
/*# sourceMappingURL=main.e58b0aed.css.map*/