:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;font-synthesis:none;--text:#faf6fa;--muted:#b7a9b8;--pink:#ff527a;--line:#ffffff16;--spring:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:#19111d;color:var(--text);font-size:15px;line-height:1.5;height:100dvh;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #ffa9c0;outline-offset:4px}a{color:inherit}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0}[hidden]{display:none!important}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 63% 8%,#5d28463d,transparent 65%),linear-gradient(125deg,#15121b,#281526 55%,#191420)}.ambient span{position:absolute;width:650px;height:650px;filter:blur(95px);border-radius:50%;opacity:.19;animation:drift 26s ease-in-out infinite alternate;will-change:transform}.ambient span:nth-child(1){background:#eb365f;top:-400px;left:35%}.ambient span:nth-child(2){background:#9b4be7;width:550px;height:550px;bottom:-420px;right:-130px;animation-delay:-9s}.ambient span:nth-child(3){background:#ff7854;width:320px;height:320px;bottom:8%;left:8%;opacity:.08;animation-delay:-17s}.glass{background:linear-gradient(135deg,#ffffff0e,#ffffff05);border:1px solid #ffffff19;box-shadow:inset 0 1px 0 #ffffff0c,0 12px 40px #08030c1c;-webkit-backdrop-filter:blur(32px) saturate(145%);backdrop-filter:blur(32px) saturate(145%)}.sidebar{position:fixed;inset:12px auto 12px 12px;width:252px;padding:23px 13px 13px;border-radius:25px;display:flex;flex-direction:column;z-index:20;transition:transform .6s var(--spring),opacity .4s;background-color:#17131e7a}.sidebar-top{display:flex;align-items:center;gap:6px;justify-content:space-between;padding:0 5px 26px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-size:18px;font-weight:680;letter-spacing:-.5px}.brand-icon{background:linear-gradient(145deg,#ff6383,#de2b58);display:grid;place-items:center;width:37px;height:37px;border-radius:12px;font-size:27px;box-shadow:0 5px 17px #ed376b36;letter-spacing:-2px;font-style:italic;padding-right:3px}.brand small{display:block;letter-spacing:.2px;font-size:10px;font-weight:450;color:#baa7bc;line-height:1.6}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#b6a9bc;transition:background .2s,color .2s,transform .3s var(--spring)}.icon-btn:hover{background:#ffffff12;color:#fff}.icon-btn:active{transform:scale(.9)}.sidebar-top .icon-btn svg{width:18px}.nav-action{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;width:100%;text-align:left;font-size:13px;transition:background .25s,transform .35s var(--spring);margin-bottom:4px}.nav-action:hover{background:#ffffff0c}.nav-action:active{transform:scale(.97)}.nav-action svg{width:19px;color:#ff809d}.primary-nav{background:#ff50741b;color:#ff97af;font-weight:550;border:1px solid #ff8ca016}.primary-nav:hover{background:#ff50742c}kbd{margin-left:auto;font:10px inherit;opacity:.5}.nav-arrow{margin-left:auto;color:#8c7d94}.search{display:flex;gap:9px;align-items:center;background:#00000012;border:1px solid #ffffff0a;border-radius:11px;padding:9px 11px;margin:18px 2px 26px}.search svg{width:15px;height:15px;color:#9d8da4}.search input{background:none;border:0;outline:none;width:100%;min-width:0;font-size:12px}.search input::placeholder{color:#a494ac}.sidebar-label{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#86768d;margin:0 12px 10px}#chat-list{overflow:auto;scrollbar-width:thin;flex:1;min-height:0;scrollbar-color:#66536a transparent}.chat-row{display:flex;align-items:center;border-radius:11px;margin:3px 0;min-height:39px;border:1px solid transparent;transition:background .2s}.chat-row:hover{background:#ffffff07}.chat-row.active{background:#ffffff0c;border-color:#ffffff08}.chat-title{flex:1;padding:10px 12px;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;font-size:12px;color:#cfc3d4}.delete-chat{opacity:0;margin-right:4px;width:27px;height:27px;flex-shrink:0}.delete-chat svg{width:13px;height:13px}.chat-row:hover .delete-chat,.chat-row:focus-within .delete-chat{opacity:1}.history-empty{font-size:12px;color:#8e7c97;margin:4px 12px;max-width:180px}.sidebar-bottom{display:flex;align-items:center;gap:10px;text-align:left;background:#ffffff05;border:1px solid #ffffff0b;border-radius:15px;padding:13px 11px;margin-top:20px;width:100%;transition:background .2s}.sidebar-bottom:hover{background:#ffffff0b}.record-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#ffb45e13;color:#ffc581}.record-icon svg{width:17px}.sidebar-bottom strong{display:block;font-size:10px;font-weight:550;color:#c6b9cc}.sidebar-bottom small{display:block;font-size:10px;color:#927f9e;margin-top:2px}.main{margin-left:278px;height:100dvh;display:flex;flex-direction:column;transition:margin .6s var(--spring)}.topbar{height:94px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-title{font-size:16px;font-weight:650;letter-spacing:-.4px}.header-title>span{display:block;font-size:10px;font-weight:400;color:#9f8ca9;letter-spacing:0;margin-top:3px}.score-pill{display:flex;align-items:center;gap:7px;border-radius:30px;padding:8px 13px;line-height:1;transition:transform .4s var(--spring),box-shadow .3s}.score-pill:hover{box-shadow:0 0 25px #ff67881c}.score-pill svg{color:#ffafc2;width:16px;height:16px}.score-pill strong{font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}.score-pill>span{color:#a696b0;font-size:10px}.score-pill.score-pop{animation:scorePop .65s var(--spring)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:10px;font-weight:650;letter-spacing:.3px;color:#d9c7db}.avatar:hover{background:#ffffff14}#open-sidebar{display:none}.scroll-area{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#80667d44 transparent;overscroll-behavior:contain;scroll-behavior:smooth}.welcome{max-width:1000px;margin:clamp(28px,7vh,100px) auto 60px;padding:0 55px;animation:materialize .85s var(--spring) both}.eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:650;letter-spacing:1.6px;color:#c6a3bb}.eyebrow>span{width:4px;height:4px;background:#ff91ab;border-radius:50%;box-shadow:0 0 10px #ff809b88}.suggestion-heading{font-size:11px;color:#a78eae;margin:47px 0 13px;font-weight:500}.suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.suggestion{padding:16px 15px;border-radius:17px;text-align:left;background:linear-gradient(130deg,#ffffff07,#ffffff03);border:1px solid #ffffff10;transition:transform .5s var(--spring),background .3s,border-color .3s}.suggestion:hover{background:#ffffff0c;border-color:#ffffff25;transform:translateY(-4px)}.suggestion:active{transform:scale(.97)}.suggestion strong{display:block;font-size:12px;letter-spacing:-.1px;font-weight:550}.suggestion small{display:block;font-size:10px;color:#9f8aa8;margin-top:4px}.conversation{max-width:790px;margin:18px auto 30px;padding:0 35px}.message{padding:14px 0;position:relative;animation:messageIn .55s var(--spring) both}.message.user{display:flex;justify-content:flex-end}.message.user .message-body{max-width:85%;background:linear-gradient(125deg,#87385580,#64324e75);border:1px solid #ff95b021;border-radius:23px 23px 7px 23px;padding:11px 18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;box-shadow:inset 0 1px 0 #ffffff07}.speaker{display:flex;align-items:center;gap:7px;font-size:10px;color:#b49abc;font-weight:550;margin-bottom:8px}.speaker>span{display:grid;place-items:center;background:linear-gradient(135deg,#ff7897,#cf315e);font-size:12px;color:#fff;border-radius:7px;width:20px;height:20px;font-weight:700;font-style:italic;padding-right:1px}.message.assistant .message-body{font-size:18px;font-weight:440;letter-spacing:-.25px;line-height:1.75;white-space:normal;overflow-wrap:anywhere;min-height:30px}.message-body p{margin:0 0 12px}.message-body p:last-child{margin:0}.message-body pre{padding:15px 18px;background:#130f19b0;border:1px solid #ffffff14;border-radius:14px;overflow:auto;font-size:12px}.message-body code{font-family:ui-monospace,monospace;font-size:12px}.message-body :not(pre)>code{background:#ffffff0d;border-radius:4px;padding:2px 5px}.message-body a{color:#ffafc5;text-underline-offset:3px}.message-body blockquote{border-left:2px solid #ff86a469;color:#cab2d0;padding-left:15px;margin-left:0}.message-body table{display:block;overflow:auto;border-collapse:collapse}.message-body td,.message-body th{border:1px solid #ffffff1c;padding:6px 10px}.streaming .message-body{white-space:pre-wrap!important}.streaming .message-body:empty::before{content:'';display:inline-block;width:6px;height:6px;background:#fcb8cd;border-radius:50%;box-shadow:11px 0 #fcb8cd77,22px 0 #fcb8cd44;animation:typing 1.3s ease-in-out infinite;vertical-align:middle;margin:10px 0 12px 3px}.streaming .message-body:not(:empty)::after{content:'';width:3px;height:15px;display:inline-block;vertical-align:middle;margin-left:4px;border-radius:3px;background:#ff8fae;animation:cursor 1s infinite}.message-actions{display:flex;gap:5px;align-items:center;margin-top:8px;opacity:0;transition:opacity .2s}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions .icon-btn{width:27px;height:27px;color:#937b9e}.message-actions svg{width:14px;height:14px}.composer-area{padding:8px 32px calc(16px + env(safe-area-inset-bottom));position:relative;flex-shrink:0}.composer-wrap{max-width:750px;margin:auto}.composer{border-radius:26px;padding:15px 16px 11px;background-color:#42304452;box-shadow:inset 0 1px 0 #ffffff18,0 15px 55px #09051140;transition:border-color .3s,box-shadow .4s}.composer:focus-within{border-color:#ffffff2f;box-shadow:inset 0 1px 0 #ffffff1a,0 15px 55px #09051140,0 0 0 4px #ffffff03}.composer textarea{width:100%;background:none;outline:none;border:0;resize:none;display:block;min-height:27px;max-height:150px;overflow:auto;font-size:14px;line-height:1.7;padding:1px 5px;caret-color:#ff85a7}.composer textarea::placeholder{color:#bc9ec0}.composer-bottom{display:flex;align-items:center;gap:13px;margin-top:11px}.shoe-action{display:flex;align-items:center;gap:7px;background:#ffffff06;border:1px solid #ffffff0c;border-radius:30px;padding:6px 10px;color:#c7a9d0;font-size:10px;transition:background .3s,transform .3s}.shoe-action svg{width:15px;height:15px;color:#ed95b1}.shoe-action:hover{background:#ffffff10}.shoe-action:active{transform:scale(.95)}.composer-hint{font-size:9px;color:#977f9e}.send-btn{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#ff7091,#ef3e6d);color:#fff;box-shadow:inset 0 1px 0 #ffffff2e,0 4px 15px #ed376b2e;transition:transform .4s var(--spring),opacity .2s,box-shadow .3s}.send-btn:hover{transform:scale(1.06);box-shadow:0 5px 20px #ed376b66}.send-btn:active{transform:scale(.92)}.send-btn:disabled{background:#ffffff0d;color:#a38ca9;box-shadow:none;opacity:.6;transform:none}.send-btn svg{width:21px;height:21px;stroke-width:2}.stop-btn>span{width:11px;height:11px;border-radius:3px;background:white}.footnote{margin:11px 0 0;text-align:center;font-size:8px;color:#846d8b;letter-spacing:.2px}.error{font-size:12px;color:#ffd2db;background:#7f2a484f;border:1px solid #ff9eb029;border-radius:15px;padding:12px 15px}.quiz-card{border-radius:25px;padding:23px;background:linear-gradient(140deg,#ffffff0c,#ffffff04);border:1px solid #ffffff19;box-shadow:inset 0 1px 0 #ffffff0b,0 15px 45px #10051d1a;max-width:580px;margin:5px 0 10px;animation:quizIn .75s var(--spring) both;scroll-margin-top:15px}.quiz-kicker{font-size:8px;letter-spacing:1.6px;color:#e6a8c0;font-weight:650;display:flex;gap:7px;align-items:center;margin-bottom:8px}.quiz-kicker svg{width:14px;height:14px}.quiz-card h2{margin:0;font-size:24px;letter-spacing:-.8px;font-weight:680;line-height:1.2}.quiz-subtitle{font-size:11px;color:#b098bc;margin:7px 0 18px}.shoe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shoe-choice{padding:0;border-radius:17px;background:#fff;overflow:hidden;position:relative;isolation:isolate;transition:transform .5s var(--spring),box-shadow .35s,opacity .35s;box-shadow:0 5px 14px #0002;outline:2px solid transparent;outline-offset:3px;min-width:0}.shoe-choice:hover:not(:disabled){transform:translateY(-4px) scale(1.015);box-shadow:0 10px 25px #0005}.shoe-choice:active:not(:disabled){transform:scale(.95)}.shoe-choice img{width:100%;height:170px;display:block;object-fit:cover;transition:transform .8s var(--spring)}.shoe-choice:hover:not(:disabled) img{transform:scale(1.045)}.shoe-choice .shoe-label{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#170c25c4);padding:26px 13px 10px;text-align:left;color:white;font-size:10px;font-weight:550;pointer-events:none}.shoe-check{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ffffff66;border:1px solid #ffffffb3;color:#402139;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shoe-check svg{width:14px;height:14px}.shoe-choice.is-selected{outline-color:#ff90b4;transform:scale(.98)}.shoe-choice.is-correct{outline-color:#a0e2c7}.shoe-choice.is-correct .shoe-check{background:#b0f3d9;color:#1a5845;border-color:#c6ffe9}.shoe-choice.is-wrong{outline-color:#ff8f9e}.shoe-choice.is-wrong .shoe-check{background:#ff9dae;color:#5d1f39;border-color:#ffc7ce}.quiz-answered .shoe-choice:not(.is-selected):not(.is-correct){opacity:.45}.quiz-pending .shoe-grid{opacity:.6;pointer-events:none}.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.quiz-status{font-size:10px;color:#a88eb3}.quiz-result{font-size:12px;color:#ffc2d5;font-weight:550}.quiz-result.win{color:#b0edcf}.next-round{background:#ffffff0c;border:1px solid #ffffff14;border-radius:30px;padding:8px 12px;font-size:10px;color:#ddc8e7;transition:background .2s,transform .35s var(--spring)}.next-round:hover{background:#ffffff17}.next-round:active{transform:scale(.95)}.stats-dialog{color:var(--text);border-radius:30px;padding:27px;max-width:450px;width:calc(100% - 36px);background-color:#251c30de;box-shadow:inset 0 1px 0 #ffffff19,0 35px 100px #0008}.stats-dialog[open]{animation:quizIn .55s var(--spring)}.stats-dialog::backdrop{background:#10081580;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{font-size:32px;letter-spacing:-1.1px;margin:8px 0 23px;font-weight:700}.dialog-head .eyebrow{font-size:8px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-tile{padding:15px;border-radius:17px;background:#ffffff06;border:1px solid #ffffff0b}.stat-tile strong{font-size:26px;font-weight:650;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums}.stat-tile span{font-size:10px;color:#b29bbf}.ranking-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.ranking-heading h3{font-size:12px;margin:0;font-weight:550}.ranking-heading svg{width:16px;color:#dd9cbb}.rank-row{display:flex;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid #ffffff09;font-size:11px}.rank-row>span:first-child{color:#a28aaf;font-size:10px;min-width:15px}.rank-row>strong{margin-left:auto;color:#f3b6cf;font-size:11px}.ranking-empty,.dialog-note{font-size:10px;color:#9e87aa;line-height:1.7}.dialog-note{margin:22px 0 0;font-size:9px}.toast{position:fixed;z-index:60;bottom:35px;left:50%;transform:translateX(-50%);max-width:min(440px,90vw);border-radius:40px;padding:13px 22px;font-size:12px;background-color:#423049de;animation:toastIn .4s var(--spring);color:#f4e6f6;box-shadow:0 8px 35px #0004}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.backdrop{position:fixed;inset:0;background:#10091d8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:15}body.sidebar-collapsed .sidebar{transform:translateX(-110%);opacity:0}body.sidebar-collapsed .main{margin-left:0}body.sidebar-collapsed #open-sidebar{display:inline-grid}body.sidebar-collapsed .welcome{max-width:940px}@keyframes drift{to{transform:translate(70px,60px) rotate(15deg)}}@keyframes albumFloat{50%{transform:translateY(-7px) rotate(-2deg)}}@keyframes materialize{from{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes messageIn{from{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes quizIn{from{opacity:0;transform:translateY(18px) scale(.96);filter:blur(9px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes typing{50%{opacity:.35;transform:translateY(-2px)}}@keyframes cursor{50%{opacity:.2}}@keyframes toastIn{from{opacity:0;translate:0 12px;filter:blur(5px)}to{opacity:1;translate:0;filter:blur(0)}}@keyframes scorePop{40%{transform:scale(1.15);box-shadow:0 0 30px #ff83ad44}to{transform:scale(1)}}@media(min-width:1600px){.welcome{margin-top:12vh}}@media(max-width:1150px) and (min-width:801px){.welcome{padding:0 35px}.eyebrow{font-size:6px;letter-spacing:1px}.suggestion{padding:13px 10px}.suggestion strong{font-size:11px}.suggestion small{font-size:9px}}@media(max-width:800px){.sidebar{inset:9px auto 9px 9px;width:260px;transform:translateX(-110%)}.main{margin-left:0}.topbar{height:79px;padding:0 19px}.header-left{gap:11px}.header-title{font-size:15px}.header-title>span{font-size:9px}.header-right{gap:9px}.score-pill{padding:8px 11px}.avatar{width:32px;height:32px}#open-sidebar{display:inline-grid;width:33px;height:33px}.welcome{max-width:590px;padding:0 28px;margin:20px auto 45px}.eyebrow{font-size:6px;letter-spacing:.8px;gap:5px}.suggestion-heading{margin-top:33px}.suggestions{gap:8px}.suggestion{padding:13px 11px;border-radius:15px}.suggestion strong{font-size:11px}.suggestion small{font-size:9px}.conversation{padding:0 23px;margin-top:7px}.message{padding:13px 0}.message.user .message-body{font-size:14px;max-width:90%}.message.assistant .message-body{font-size:18px}.composer-area{padding:7px 13px calc(12px + env(safe-area-inset-bottom))}.composer{padding:13px 12px 10px;border-radius:25px}.composer textarea{font-size:16px}.composer-hint{display:none}.composer-bottom{margin-top:9px}.footnote{font-size:7px;margin-top:10px}.shoe-action{font-size:10px}.delete-chat{opacity:1}.message-actions{opacity:1}.quiz-card{padding:18px;border-radius:23px;margin-top:4px}.quiz-card h2{font-size:22px}.shoe-grid{gap:10px}.shoe-choice img{height:145px}.quiz-footer{gap:8px}.quiz-status{font-size:9px}.quiz-result{font-size:11px}.next-round{font-size:9px;padding:8px 10px}.ambient span{filter:blur(70px);opacity:.15}body.sidebar-mobile-open .sidebar{transform:translateX(0);opacity:1}body.sidebar-mobile-open .backdrop{display:block!important}}@media(max-width:420px){.welcome{padding:0 23px;margin-top:26px}.eyebrow{font-size:5px;letter-spacing:.6px}.suggestion small{font-size:8px}.suggestion strong{font-size:10px}.shoe-choice img{height:125px}.quiz-card{padding:15px}.quiz-subtitle{font-size:10px}.shoe-choice .shoe-label{font-size:9px;padding-left:9px}.shoe-check{width:21px;height:21px;right:7px;top:7px}}@media(max-width:350px){.suggestions{grid-template-columns:1fr}.header-title>span{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ambient span{will-change:auto}}@media(prefers-reduced-transparency:reduce){.glass,.sidebar,.composer,.stats-dialog{background:#2a2031;-webkit-backdrop-filter:none;backdrop-filter:none}.ambient{opacity:.25}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar{background:#221a2b}.composer,.stats-dialog{background:#34253c}}

/* A chat-first home screen; glass belongs to controls rather than promotional panels. */
.welcome{max-width:740px;margin:clamp(70px,18vh,170px) auto 55px;padding:0 30px;text-align:center}.welcome-mark{position:relative;width:58px;height:58px;margin:0 auto 25px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#ff668a22,#c84c9222);font-size:39px;font-weight:750;font-style:italic;padding-right:4px;color:#ffc1d3;box-shadow:inset 0 1px 0 #ffffff20,0 8px 45px #e744771a}.welcome-mark>span{width:5px;height:5px;border-radius:50%;background:#ff97b5;position:absolute;bottom:12px;right:9px;box-shadow:0 0 12px #ff83ab88}.welcome h1{font-size:34px;line-height:1.25;font-weight:650;letter-spacing:-1.25px;margin:0 0 12px}.welcome>p{font-size:13px;color:#b89dbc;margin:0 0 32px}.welcome .suggestions{max-width:590px;margin:0 auto;gap:9px}.welcome .suggestion{padding:13px 15px;text-align:left;background:#ffffff04}.welcome .suggestion strong{font-size:12px}.welcome .suggestion small{font-size:10px;color:#a38aaf}.scroll-area{scroll-behavior:auto}.message.settled,.message.settled .quiz-card{animation:none}.history-empty{margin:4px 12px 15px}.brand{user-select:none}.speaker{user-select:none}
@media(max-width:800px){.welcome{margin-top:clamp(75px,19vh,165px);padding:0 24px}.welcome h1{font-size:29px;letter-spacing:-1px}.welcome>p{font-size:12px}.welcome .suggestions{grid-template-columns:1fr;max-width:300px;gap:8px}.welcome .suggestion{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.welcome .suggestion strong{font-size:11px;white-space:nowrap}.welcome .suggestion small{font-size:9px;margin:0}.welcome-mark{margin-bottom:22px;width:53px;height:53px;font-size:35px}}
@media(max-height:650px){.welcome{margin-top:35px;margin-bottom:20px}.welcome-mark{width:45px;height:45px;font-size:31px;margin-bottom:17px}.welcome h1{font-size:28px}.welcome>p{margin-bottom:24px}.welcome .suggestions{grid-template-columns:repeat(3,1fr);max-width:590px}.welcome .suggestion{display:block;padding:11px}.welcome .suggestion small{margin-top:4px}}
@media(min-width:801px){.shoe-choice img{height:clamp(110px,17vh,170px)}}
/* Temporary attachments, feedback and conversation state. */
.attach-btn{flex:none;color:var(--muted,#c1adb9)}.attachment-preview{display:flex;align-items:center;gap:12px;padding:8px 10px 12px;border-bottom:1px solid #ffffff12;margin-bottom:12px}.attachment-preview[hidden]{display:none}.attachment-preview img{width:52px;height:52px;border-radius:12px;object-fit:cover}.attachment-preview div{min-width:0;flex:1}.attachment-preview strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.attachment-preview small{display:block;color:#baaaba;font-size:11px;margin-top:5px}.photo-message{margin-bottom:10px}.photo-message img{display:block;max-width:min(100%,330px);max-height:340px;object-fit:contain;border-radius:18px}.photo-message small{display:block;font-size:11px;color:#b8aab7;margin-top:7px}.photo-expired{padding:24px;background:#ffffff08;border-radius:14px}.ended-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin-bottom:12px;border-radius:18px;background:#ffffff09;color:#c5b8c5;font-size:13px}.ended-banner[hidden]{display:none}.ended-banner button{border:0;background:transparent;color:#ff9db4;cursor:pointer}.feedback-dialog{width:min(92vw,480px)}.feedback-dialog label{display:block;margin-top:16px;font-size:13px;color:#c8bbc7}.feedback-dialog textarea,.feedback-dialog select,.admin-input{display:block;box-sizing:border-box;width:100%;border:1px solid #ffffff20;border-radius:12px;padding:12px;background:#17111d;color:#f5edf5;font:inherit;margin-top:8px;resize:vertical}.feedback-dialog blockquote{margin:8px 0;padding:14px;border-left:2px solid #ff7199;background:#ffffff05;border-radius:0 12px 12px 0;overflow-wrap:anywhere}.solid-button{border:0;border-radius:12px;background:#ff6c94;color:#23121e;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}.solid-button:disabled{opacity:.5;cursor:wait}.feedback-dialog .solid-button{width:100%}.streaming .message-body:empty::before{content:'';display:inline-block;width:7px;height:16px;border-radius:4px;background:#d8a0b8;animation:pulse 1s ease-in-out infinite}button:disabled{cursor:default}.message-actions{opacity:.65}.message-actions:focus-within,.message:hover .message-actions{opacity:1}@media(max-width:600px){.composer-hint{display:none}.attachment-preview strong{max-width:190px}.ended-banner{padding:12px;font-size:12px}}
/* First-device introduction. */
.app-booting .main,.app-booting .sidebar{visibility:hidden}.intro-help{color:#b7a9b8;font-size:13px}.onboarding{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#19111df5;color:#faf6fa;overflow:auto}.onboarding::backdrop{background:#19111d}.intro-shell{position:relative;isolation:isolate;max-width:1120px;min-height:100%;margin:auto;padding:38px 64px 28px;display:flex;flex-direction:column}.intro-header{display:flex;justify-content:space-between;align-items:center}.intro-brand{font-size:14px;letter-spacing:.11em;font-weight:750}.intro-brand span{display:block;color:#9f8c9f;font-size:9px;letter-spacing:.18em;margin-top:3px}.intro-counter{font-size:12px;letter-spacing:.13em;color:#b69db0}.intro-stage{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;flex:1;padding:50px 0;min-height:420px}.intro-copy h1{font-size:clamp(38px,4.7vw,66px);line-height:1.04;letter-spacing:-.055em;white-space:pre-line;font-weight:650;margin:18px 0 24px}.intro-copy>p{font-size:16px;color:#d5c4d3;line-height:1.65;max-width:450px;margin:0}.intro-copy .intro-detail{font-size:12px;color:#aa95a6;margin-top:18px;line-height:1.6}.intro-art{height:340px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px}.intro-avatar{width:174px;height:174px;border-radius:49px;background:linear-gradient(150deg,#ff83b7,#ec375b 55%,#9a2259);box-shadow:0 22px 100px #ec375b55,inset 0 1px 1px #ffffff7a;transform:rotate(-9deg);display:grid;place-items:center;animation:intro-float 6s ease-in-out infinite;z-index:2}.intro-avatar>span{font-size:105px;font-weight:650;letter-spacing:-.08em;transform:rotate(9deg);padding-right:8px;text-shadow:0 2px 5px #55112d20}.intro-avatar i{width:16px;height:16px;border-radius:50%;background:#adf6bf;box-shadow:0 0 0 6px #281322;position:absolute;right:0;bottom:4px}.intro-ring{position:absolute;inset:15px;border:1px solid #ff9fb716;border-radius:50%;transform:rotateX(25deg);box-shadow:0 0 0 36px #ff9fb705,0 0 0 72px #ff9fb703}.intro-floating{position:absolute;z-index:3;padding:13px 23px;border:1px solid #ffd8e627;background:linear-gradient(135deg,#f8d8ed18,#f8d8ed08);backdrop-filter:blur(25px);border-radius:18px;box-shadow:0 12px 28px #10091630;font-size:15px;animation:intro-float 7s ease-in-out infinite}.float-one{left:0;top:40px;transform:rotate(-8deg)}.float-two{right:-5px;bottom:28px;transform:rotate(7deg);animation-delay:-3s}.intro-orb{position:fixed;width:700px;height:700px;border-radius:50%;filter:blur(110px);opacity:.18;pointer-events:none}.orb-one{background:#f9487b;left:-300px;top:0;animation:drift 20s ease-in-out infinite alternate}.orb-two{background:#9147c0;right:-400px;bottom:-250px}.intro-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.intro-progress{display:flex;gap:7px}.intro-progress span{width:7px;height:7px;border-radius:8px;background:#ffffff25;transition:width .4s var(--spring),background .4s}.intro-progress span.active{width:30px;background:#ff8eac}.intro-progress span.complete{background:#b87994}.intro-buttons{display:flex;align-items:center;gap:24px}.intro-next{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;border-radius:16px;background:#f8eaf3;color:#2b1726;font-size:14px;font-weight:650;min-width:150px;box-shadow:0 4px 24px #ff80ac10;transition:transform .25s var(--spring),box-shadow .25s}.intro-next:hover{transform:translateY(-2px);box-shadow:0 10px 40px #ff80ac20}.intro-next span{font-size:20px;line-height:1}.intro-back{color:#b9a4b7;font-size:13px;padding:12px}.intro-back:disabled{visibility:hidden}.intro-footer>p{width:100%;text-align:right;color:#866f83;font-size:10px;margin:0}.intro-shoe-card{position:absolute;width:176px;height:218px;border-radius:24px;padding:8px;background:linear-gradient(135deg,#fff2ff30,#fff2ff0a);border:1px solid #ffffff35;box-shadow:0 22px 50px #10091645;overflow:hidden}.intro-shoe-card img{width:100%;height:100%;object-fit:cover;border-radius:17px;opacity:.9}.intro-shoe-card>span{position:absolute;top:18px;left:18px;background:#1b111e70;backdrop-filter:blur(12px);border-radius:20px;padding:3px 9px;font-size:10px}.card-left{transform:rotate(-12deg) translateX(-55px);animation:shoe-left 7s ease-in-out infinite}.card-right{transform:rotate(10deg) translate(70px,18px);animation:shoe-right 7s ease-in-out infinite}.intro-mini-score{position:absolute;right:0;top:33px;padding:10px 18px;border:1px solid #ffc5dc40;border-radius:20px;background:#382032d9;box-shadow:0 15px 40px #ff559820;color:#ffb5d0;font-size:19px;z-index:3}.intro-demo-chat{width:100%;max-width:320px;padding:22px;border-radius:27px;background:linear-gradient(150deg,#ffe0f518,#ffe0f506);border:1px solid #ffe0f525;box-shadow:0 25px 90px #12081530;transform:rotate(-4deg)}.intro-demo-user{background:#7d49694d;border:1px solid #c895b126;border-radius:16px 16px 4px 16px;padding:12px 17px;width:max-content;margin-left:auto;font-size:13px}.intro-demo-speaker{display:flex;align-items:center;gap:7px;margin-top:25px;font-size:11px;color:#bda3b4}.intro-demo-speaker span{display:grid;place-items:center;background:#ec4777;width:20px;height:20px;border-radius:7px;color:white;font-size:12px}.intro-demo-answer{font-size:18px;padding:12px 0;color:#f2e2ee}.intro-demo-answer.second{padding-top:2px;animation:demo-message 4s ease-in-out infinite}.intro-demo-feedback{display:block;color:#9f8297;font-size:10px;margin-top:13px}.chat-entering .main,.chat-entering .sidebar{animation:chat-arrive .8s var(--spring) both}@keyframes intro-float{50%{translate:0 -10px}}@keyframes shoe-left{50%{transform:rotate(-9deg) translate(-55px,-9px)}}@keyframes shoe-right{50%{transform:rotate(7deg) translate(70px,9px)}}@keyframes demo-message{0%,15%{opacity:.15;transform:translateY(4px)}35%,100%{opacity:1;transform:translateY(0)}}@keyframes chat-arrive{from{opacity:0;filter:blur(14px);transform:translateY(14px) scale(.985)}to{opacity:1;filter:blur(0);transform:none}}@media(max-width:800px){.intro-shell{padding:24px 28px 22px;max-width:520px}.intro-stage{grid-template-columns:1fr;gap:0;padding:15px 0 28px;min-height:0}.intro-art{height:245px;max-width:340px;width:100%;margin:auto;transform:scale(.82)}.intro-copy h1{font-size:43px;margin:10px 0 17px}.intro-copy>p{font-size:14px;line-height:1.6}.intro-copy .intro-detail{font-size:11px;margin-top:12px}.intro-footer{gap:18px}.intro-next{min-width:175px;padding:14px 18px;font-size:13px;gap:15px}.intro-buttons{gap:8px}.intro-footer>p{text-align:center;font-size:9px}.intro-brand{font-size:12px}.intro-shoe-card{height:210px}.intro-copy .eyebrow{font-size:9px}}@media(max-height:720px) and (max-width:800px){.intro-art{height:185px;transform:scale(.65)}.intro-shell{padding-top:20px}.intro-stage{padding-top:0;padding-bottom:20px}.intro-copy h1{font-size:37px}.intro-copy>p{font-size:13px}.intro-copy .intro-detail{font-size:10px}.intro-header{margin-bottom:4px}}@media(prefers-reduced-motion:reduce){.intro-avatar,.intro-floating,.intro-orb,.intro-shoe-card,.intro-demo-answer.second,.chat-entering .main,.chat-entering .sidebar{animation:none!important}.intro-next,.intro-progress span{transition:none!important}}

/* Public leaderboard registration. */
.ranking-form{margin-top:20px;padding:17px;border-radius:18px;border:1px solid #ff9bb423;background:#ff779708}.ranking-form label{display:block;font-size:13px;font-weight:550;margin-bottom:10px}.ranking-fields{display:flex;gap:8px}.ranking-fields input{flex:1;min-width:0;width:100%;min-height:46px;border:1px solid #ffffff24;border-radius:12px;background:#180f2266;padding:10px 12px;font-size:16px;outline:none}.ranking-fields input:focus{border-color:#ff9bb4;box-shadow:0 0 0 3px #ff9bb416}.ranking-fields .solid-button{margin:0;min-height:46px;white-space:nowrap;padding:10px 14px;font-size:12px}.ranking-hint,.ranking-status{font-size:11px;line-height:1.55;margin:10px 0 0;color:#b9a6c2}.ranking-status{color:#b9e9c8}.ranking-form .error{margin:10px 0 0;font-size:12px}.rank-join-link{min-height:36px;color:#ffb5cc;font-size:11px;text-decoration:underline;text-underline-offset:3px}.rank-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.rank-row>strong{white-space:nowrap}.stats-dialog{max-height:calc(100dvh - 36px);overflow-y:auto}@media(max-width:600px){.ranking-fields{flex-direction:column}.ranking-fields .solid-button{width:100%;font-size:14px}.ranking-form{padding:14px}.rank-join-link{min-height:44px}}

/* The user-provided photograph is the shared logo and Kuba avatar. */
img.brand-icon{padding:0;object-fit:cover;background:#443e40;border:1px solid #ffffff29;flex-shrink:0}.speaker>img,.intro-demo-speaker>img{display:block;width:28px;height:28px;object-fit:cover;border-radius:9px;border:1px solid #ffffff24;flex-shrink:0}.welcome-mark{width:72px;height:72px;padding:0;background:#443e40}.welcome-mark>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.intro-avatar{background:#443e40}.intro-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.intro-demo-speaker{display:flex;align-items:center;gap:8px}