:root{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;color:#35423c;background:#f6f5ef;font-synthesis:none;--ink:#35423c;--muted:#7b837b;--green:#577259;--line:#e4e6dc;--peach:#edbd9f;--sage:#bad0b3;--lilac:#c7bfdf}
.setup-card{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#eef1e7;max-width:1080px;overflow-wrap:anywhere}.setup-card h2{font-size:16px}.setup-card p{font-size:12px;line-height:1.8;margin:10px 0}.setup-card button{max-width:100%;white-space:normal}
.sidebar{overflow-y:auto}.sidebar>*{flex-shrink:0}
.landing{padding:24px 0 32px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.landing-film{margin:0 0 22px}.landing video{display:block;width:100%;max-height:420px;aspect-ratio:16/9;object-fit:contain;background:#eeeee5;border:1px solid var(--line);border-radius:18px}.landing figcaption,.landing>p{font-size:12px;line-height:1.8;margin-top:10px;color:var(--ink)}.landing h2{font-size:clamp(20px,2.4vw,30px);font-weight:500;line-height:1.6}.landing-operator{font-size:10px;color:#8e9985}.landing-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.landing-examples button{display:flex;flex-direction:column;gap:12px;text-align:left;border:1px solid var(--line);border-radius:14px;padding:18px;background:#fffdf7;min-width:0}.landing-examples button:first-child{background:#e9eee1;border-color:#b9c9ae}.landing-examples strong{font-size:14px}.landing-examples span{font-size:12px;line-height:1.8;flex:1}.landing-examples em{font-style:normal;font-size:12px;color:var(--green)}@media(max-width:800px){.landing-examples{grid-template-columns:1fr}.landing video{border-radius:12px}.landing-examples button{padding:16px}.landing{padding-top:8px}}
.hero .service-description{font-size:14px;line-height:1.9;color:var(--ink);letter-spacing:0}.connection-steps{padding-left:24px;margin:20px 0;display:grid;gap:20px;font-size:14px;line-height:1.7}.connection-steps li{padding-left:6px}.connection-steps li::marker{color:var(--green);font-weight:700}.connection-steps a,.onboarding-price a,.connection-details a{text-decoration:underline;text-underline-offset:4px;line-height:1.8}.onboarding-price{padding:16px 0;margin:12px 0 20px;border-block:1px solid var(--line);font-size:13px}.onboarding-price h3,#account-card h3{font-size:14px}.price-options{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.price-options li{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.price-options strong{font-size:13px}.price-amount{font-size:14px;font-weight:700;justify-self:end;white-space:nowrap}.price-detail{grid-column:1/-1;font-size:12px;line-height:1.7;color:var(--ink)}.price-note{font-size:12px;line-height:1.8;margin:10px 0 0}.connection-details{margin-top:24px;font-size:13px;line-height:1.8}.connection-details summary{cursor:pointer}.connection-details summary:focus-visible{outline:3px solid #84a17e;outline-offset:4px}.example-hint{font-size:12px;line-height:1.8;color:var(--ink);margin:10px 0 16px}#account-card{overflow-wrap:anywhere}#account-form .primary{max-width:100%;white-space:normal}
.skills-view{overflow-wrap:anywhere}.skills-view h2{font-size:17px;line-height:1.6}.skill-scope,.skill-cost p{font-size:12px;line-height:1.9;margin:12px 0;color:var(--ink)}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.skill-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#eef1e7;display:flex;flex-direction:column;gap:16px}.skill-card p{font-size:13px;line-height:1.8;flex:1}.skills-view .primary{white-space:normal;max-width:100%}.skill-cost{border-block:1px solid var(--line);padding:20px 0;margin-bottom:28px}.skill-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}#skill-record-form{margin-top:20px}#skill-record-form input,#skill-record-form select,#skill-record-form textarea{font:inherit;width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fffdf7;color:var(--ink)}#skill-record-form :focus-visible{outline:3px solid #84a17e;outline-offset:3px}#skill-record-error{color:#8b3535;font-size:12px;margin-bottom:14px}.skill-record-heading{margin:32px 0 16px}.skill-records{display:grid;gap:16px}.skill-record dl{margin:16px 0}.skill-record dl div{display:flex;justify-content:space-between;gap:18px;margin:10px 0;font-size:13px}.skill-record dd{margin:0;font-variant-numeric:tabular-nums}.skill-record strong{font-size:12px}.skill-basis{white-space:pre-wrap}@media(max-width:800px){.skill-grid{grid-template-columns:1fr}.skill-fields{grid-template-columns:1fr}}
*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #84a17e;outline-offset:4px}button, a{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;flex-shrink:0}button{transition:background .2s,transform .2s}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,p{margin:0}button[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#app{display:flex;min-height:100dvh}.sidebar{width:242px;flex-shrink:0;background:#eeeee5;padding:35px 22px 20px;display:flex;flex-direction:column;border-right:1px solid #e5e6dc;height:100dvh;position:sticky;top:0}.brand{display:flex;align-items:center;gap:9px;padding-left:10px}.brand>span{font-family:ui-rounded,"Avenir Next",system-ui,sans-serif;font-weight:800;letter-spacing:-2px;font-size:38px;line-height:1}.brand img{width:40px;height:40px;border-radius:12px}.brand-dot{color:#c09c7d}.brand-tagline{font-size:10px;letter-spacing:.03em;color:#7b837b;margin:13px 0 31px 12px}.new-chat{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d5dccd;border-radius:11px;padding:13px 8px;font-size:12px;background:#fafbf5;margin-bottom:24px;font-weight:600}.new-chat:hover{background:#fff}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;text-align:left;padding:13px 15px;border-radius:10px;color:#727c72;font-size:13px}.nav-item.active{background:#e0e5d7;color:#425d45;font-weight:650}.nav-item:hover{background:#e6e9df}.nav-item svg{width:19px;height:19px}.history-section{margin-top:31px;min-height:0;overflow:auto}.history-section h2{font-size:10px;color:#8b9389;font-weight:500;letter-spacing:.08em;padding:0 14px 14px}.empty-history{color:#9b9f92;font-size:10px;padding:4px 14px;line-height:1.8}.history-item{display:flex;gap:10px;align-items:center;width:100%;padding:10px 13px;text-align:left;font-size:11px;color:#7e887d;border-radius:8px}.history-item span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item.current{background:#e3e7dc}.sidebar-bottom{margin-top:auto;padding-top:22px}.profile{display:flex;align-items:center;gap:10px;padding:20px 5px 0;margin-top:15px;border-top:1px solid #dfe2d5}.profile-avatar{width:35px;height:38px;overflow:hidden;flex-shrink:0}.profile strong{font-size:12px;display:block}.profile div>span{display:block;font-size:8px;color:#8c9386;margin-top:5px}.tiny-flower{font-size:19px;color:#9cae8e;margin-left:auto}.profile .creature.mini{transform:scale(.19);transform-origin:top left}
main{flex:1;min-width:0;padding:0 50px;max-width:1600px;margin:0 auto}header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.header-note{font-size:11px;letter-spacing:.07em;color:#8b9387}.header-actions{display:flex;align-items:center;gap:21px}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#919489}.connection i{width:6px;height:6px;background:#c3b399;border-radius:50%}.connection.online i{background:#98b189}.language{font-size:10px;border:1px solid #dfe3d7;border-radius:20px;padding:7px 10px;min-width:39px}.eyebrow{display:block;color:#829179;letter-spacing:.19em;font-size:9px;font-weight:600}.home-view{max-width:1080px;margin:0 auto}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;align-items:center;min-height:350px;padding-top:30px}.hero-copy{padding:14px 0 0 7px}.hero h1{font-family:"Hiragino Mincho ProN","Yu Mincho",Georgia,serif;font-weight:500;font-size:clamp(26px,2.65vw,40px);line-height:1.65;letter-spacing:.035em;margin:18px 0 16px;white-space:nowrap}.hero h1 em{font-style:normal;color:#71876a}.intro{white-space:pre-line;font-size:12px;line-height:2.1;letter-spacing:.045em;color:#85907e}.text-button{display:inline-flex;align-items:center;gap:12px;font-size:11px;color:#677e5e;padding:7px 0}.hero .text-button{margin-top:18px;border-bottom:1px solid #ccd5c3}.hero .text-button span{margin-left:8px;font-size:18px}.character-scene{height:310px;position:relative;display:flex;justify-content:center;align-items:center;padding-top:18px}.scene-circle{width:264px;height:264px;border-radius:50%;background:radial-gradient(circle at 42% 30%,#f6e8d6,#eae9d9 70%);position:absolute;top:13px}.sage .scene-circle{background:radial-gradient(circle at 42% 30%,#e9f0da,#e0e8d8 70%)}.lilac .scene-circle{background:radial-gradient(circle at 42% 30%,#eeebf3,#e5e0e9 70%)}.hello-bubble{position:absolute;top:17px;left:50%;transform:translateX(-50%) rotate(-4deg);font-size:11px;white-space:nowrap;border:1px solid #e5e0d1;border-radius:15px;background:#fffdf7;padding:12px 17px;z-index:3;box-shadow:0 3px 0 #e8e4d730}.hello-bubble:after{content:"";position:absolute;bottom:-6px;right:28px;width:10px;height:10px;background:#fffdf7;border-right:1px solid #e5e0d1;border-bottom:1px solid #e5e0d1;transform:rotate(45deg)}.character-shadow{position:absolute;width:161px;height:23px;background:#abb6a244;filter:blur(6px);border-radius:50%;top:237px}.scene-flower{position:absolute;z-index:2;color:#c5b894}.scene-flower.one{left:9%;top:99px;font-size:38px;transform:rotate(8deg)}.scene-flower.two{right:8%;top:67px;font-size:36px;color:#a7b69a}.scene-dot{position:absolute;width:8px;height:8px;background:#d0ba9a;border-radius:50%;right:16%;bottom:74px}.character-label{position:absolute;bottom:0;color:#9a9e8e;font-size:9px;letter-spacing:.03em}.character-label span{font-family:Georgia,serif;font-style:italic;font-size:17px;color:#7d896e;margin-right:5px}
.creature{--body:#efbea3;--shade:#dca78e;--light:#ffdfc2;width:180px;height:190px;position:relative;flex-shrink:0;z-index:1;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 5px 2px #9e927c14)}.creature.sage{--body:#b9cdae;--shade:#97b293;--light:#e0e8c6}.creature.lilac{--body:#c5bada;--shade:#afa0c5;--light:#e5dcf2}.creature .body{position:absolute;inset:28px 9px 13px;border-radius:44% 46% 40% 43% / 44% 43% 38% 38%;background:radial-gradient(ellipse at 34% 22%,var(--light),var(--body) 56%,var(--shade));box-shadow:inset -5px -7px 12px #997c7012,inset 4px 4px 8px #ffffff33;z-index:3}.ear{position:absolute;top:15px;width:49px;height:67px;background:radial-gradient(at 30% 25%,var(--light),var(--body) 75%);border-radius:47% 50% 20% 20%;z-index:2}.ear.left{left:14px;transform:rotate(-24deg)}.ear.right{right:14px;transform:rotate(24deg)}.sage .ear{height:74px;width:43px;top:7px}.lilac .ear{height:52px;top:25px;transform:rotate(-34deg)}.lilac .ear.right{transform:rotate(34deg)}.arm{position:absolute;width:29px;height:51px;background:linear-gradient(var(--body),var(--shade));border-radius:50%;top:101px;z-index:1}.arm.left{left:0;transform:rotate(25deg)}.arm.right{right:0;transform:rotate(-25deg)}.foot{position:absolute;bottom:4px;width:48px;height:27px;border-radius:50%;background:linear-gradient(var(--body),var(--shade));z-index:4}.foot.left{left:28px;transform:rotate(-8deg)}.foot.right{right:28px;transform:rotate(8deg)}.face{position:absolute;top:42px;left:29px;width:108px;height:67px;z-index:4}.eye{position:absolute;top:5px;width:8px;height:13px;border-radius:50%;background:#51493f;box-shadow:inset 1px 1px 2px #29251d}.eye:after{content:"";position:absolute;top:2px;left:2px;width:2px;height:3px;border-radius:50%;background:#fff8}.eye.left{left:24px}.eye.right{right:24px}.mouth{position:absolute;top:25px;left:47px;width:16px;height:10px;border-bottom:2.4px solid #675240;border-radius:0 0 12px 12px}.cheek{position:absolute;top:24px;width:23px;height:11px;border-radius:50%;background:#e592834a;filter:blur(1px)}.cheek.left{left:4px}.cheek.right{right:4px}.sage .cheek{background:#dcaa8266}.lilac .cheek{background:#d89fbc66}.belly{position:absolute;width:65px;height:42px;bottom:10px;left:48px;border-radius:50%;background:#fff5dc21}.shine{position:absolute;width:70px;height:28px;top:9px;left:18px;border-radius:50%;background:#fff5;filter:blur(12px)}.tuft{position:absolute;top:18px;left:81px;width:26px;height:20px;border-radius:90% 0 90% 0;background:var(--light);transform:rotate(-30deg);z-index:5}.sprout{position:absolute;width:23px;height:28px;border-radius:80% 0;background:#809e6b;top:0;left:81px;transform:rotate(-20deg);z-index:4}.star-pin{position:absolute;right:19px;top:24px;font-size:25px;z-index:5;color:#e4d79b;text-shadow:0 1px #a28e60}.creature.mini{transform:scale(.24);transform-origin:top left;animation:none}.creature.thinking .eye{animation:blink 2s infinite}.character-scene>.creature{margin-top:10px}.home-composer{margin-top:30px}#composer{background:#fffefa;border:1px solid #e1e4d8;border-radius:17px;padding:16px 18px 12px;box-shadow:0 5px 22px #42513a04}textarea{display:block;width:100%;background:none;border:0;resize:none;outline:none!important;color:#4a5546;font-size:13px;line-height:1.8;min-height:58px;max-height:160px}textarea::placeholder{color:#a1a394;font-size:12px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:1px}.composer-bottom>span{font-size:10px;color:#8e9985;display:flex;align-items:center;gap:7px}.small-flower{font-style:normal;font-size:19px;color:#9ca98a}.ai-badge{font-size:8px;border:1px solid #dfe5d6;border-radius:4px;padding:1px 3px}.send{background:#617a59;color:#fff;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-left:auto}.send:hover:not(:disabled){background:#4e6848}.send:disabled{opacity:1;background:#e7ebdf;color:#a8b29e}.stop-button{font-size:11px;color:#776753;margin-left:auto;padding:9px;background:#f2ece1;border-radius:9px}.composer-hint{text-align:center;color:#9ea594;font-size:9px;margin-top:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:34px 0 17px}.section-heading h2,.mood h2{font-size:13px;font-weight:500}.section-heading>span{font-size:9px;color:#9ba28f}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.idea-card{text-align:left;border:1px solid #e6e5d9;border-radius:14px;padding:18px 18px 23px;position:relative;min-height:146px;overflow:hidden}.idea-card.peach{background:#f5eee1}.idea-card.sage{background:#eaf0e3}.idea-card.lilac{background:#eeebf2}.idea-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #59654b08}.idea-icon{font-size:25px;display:block;color:#bb9670;line-height:1;margin-bottom:17px}.sage .idea-icon{color:#899d77}.lilac .idea-icon{color:#aa9bb9}.idea-card h3{font-size:12px;font-weight:500;line-height:1.7}.idea-card p{font-size:9px;margin-top:5px;color:#939787}.idea-arrow{position:absolute;right:16px;top:17px;color:#b0b7a4}.mood{margin:30px 0 10px;border-top:1px solid var(--line);padding:25px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.mood p{font-size:9px;color:#9da491;margin-top:7px}.mood-options{display:flex;gap:7px}.mood-options button{display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid #e0e4d6;border-radius:22px;background:#fafbf3;padding:10px 13px;white-space:nowrap}.mood-options button>span{font-size:17px;line-height:1;color:#93a180}.mood-options button:hover{background:#e9eedf}footer{display:flex;justify-content:center;gap:16px;align-items:center;flex-wrap:wrap;font-size:8px;letter-spacing:.04em;color:#abb1a0;padding:28px 0 22px}footer a{color:#8e9985;text-decoration:none;border-bottom:1px solid #d9ddd0}footer a:hover{color:#5c7750}.footer-legal{display:flex;gap:12px}footer span{font-size:13px;color:#a6b292}.mobile-nav{display:none}#toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,15px);background:#3f5343;color:white;padding:13px 24px;border-radius:12px;font-size:12px;opacity:0;transition:.2s;pointer-events:none;z-index:30;max-width:85vw}#toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{background:#f9f8f1;color:var(--ink);border:1px solid #e0e4d6;border-radius:24px;padding:36px;width:min(870px,94vw);max-height:90dvh}dialog::backdrop{background:#293e3155;backdrop-filter:blur(6px)}dialog h2{font-family:Georgia,"Yu Mincho",serif;font-size:25px;font-weight:400;margin:12px 0 28px}.dialog-close{position:absolute;top:15px;right:19px;font-size:25px;color:#83937a;line-height:1}.companion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.companion-card{display:flex;flex-direction:column;align-items:center;border:1px solid #e1e2d4;border-radius:17px;padding:20px 13px;text-align:center;background:#f4f0e5}.companion-card.sage{background:#edf1e7}.companion-card.lilac{background:#f0ecf4}.companion-card.chosen{outline:2px solid #99af88;outline-offset:2px}.companion-card .creature{transform:scale(.75);margin:-20px -20px -16px;animation:none}.companion-card h3{font-size:19px;font-weight:500;margin:10px 0}.companion-card strong{font-size:11px;font-weight:500}.companion-card p{font-size:10px;color:#89917f;line-height:1.9;margin:10px 0 18px}.choose{border-top:1px solid #cfd6c555;padding-top:13px;width:100%;font-size:11px;color:#6e845e;margin-top:auto}
.chat-view{height:calc(100dvh - 151px);display:flex;flex-direction:column;max-width:900px;margin:0 auto}.chat-heading{display:flex;align-items:center;gap:13px;padding:20px 2px;border-bottom:1px solid var(--line)}.chat-heading-character{width:43px;height:45px;overflow:hidden}.chat-heading h1{font-size:17px;font-weight:500}.chat-heading p{font-size:10px;color:#8d9784;margin-top:6px}.chat-heading>.text-button{margin-left:auto;gap:5px}.chat-heading>.text-button svg{width:17px}#messages{flex:1;overflow:auto;padding:24px 4px;scroll-behavior:smooth;overscroll-behavior:contain}.message{display:flex;margin-bottom:24px;gap:10px}.message-content{max-width:86%;min-width:0}.message-name{display:block;font-size:9px;color:#8d9881;margin-bottom:8px}.message-text{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.message-avatar{width:33px;height:37px;overflow:hidden;flex-shrink:0}.message-avatar .creature.mini{transform:scale(.18)}.message.user{justify-content:flex-end}.message.user .message-text{background:#e9eee1;border-radius:16px 16px 3px 16px;padding:12px 18px}.message.user .message-name{text-align:right}.message.assistant .message-text{background:#fffefa;border:1px solid #e8e8dc;padding:14px 19px;border-radius:3px 16px 16px 16px}.message-actions{display:flex;align-items:center;gap:10px;margin-top:9px}.message-actions button{display:flex;gap:5px;align-items:center;font-size:9px;color:#96a187;padding:4px}.message-actions svg{width:14px;height:14px}.message-actions button:hover{color:#536e48}.chat-composer{padding:8px 0 0}.chat-empty{display:flex;flex-direction:column;align-items:center;padding:35px 0;text-align:center}.chat-empty .creature{transform:scale(.7);margin:-20px 0;animation:none}.chat-empty h2{font-size:17px;font-weight:500;margin:12px 0}.chat-empty p{font-size:11px;color:#98a08d}.thinking-line{display:flex;gap:10px;align-items:center;color:#8b997e;font-size:11px;padding:7px 0 15px 42px}.thinking-dots{display:flex;gap:4px}.thinking-dots i{height:4px;width:4px;border-radius:50%;background:#a3b196;animation:dot 1.4s infinite}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}.stopped{font-size:11px;color:#9d947e;text-align:center;padding:10px}.error-message{font-size:11px;color:#a16c54;line-height:1.7;padding:12px;background:#f9eee4;border-radius:8px;margin-top:12px}.error-message button{font-size:11px;text-decoration:underline;margin-left:7px}.notes-view,.settings-view{max-width:950px;min-height:calc(100dvh - 155px);padding:43px 0}.notes-view h1,.settings-view h1{font-family:"Yu Mincho",Georgia,serif;font-weight:400;font-size:30px;margin:14px 0}.subheading{font-size:11px;color:#98a18e}.empty-keeps{text-align:center;padding:90px 10px}.empty-keeps>span{font-size:60px;color:#b3c09f}.empty-keeps h2{font-size:19px;font-weight:500;margin:25px 0 13px}.empty-keeps p{font-size:12px;color:#909c85;line-height:1.8}.primary{padding:13px 23px;background:#617a59;color:#fff;border-radius:11px;font-size:12px;margin-top:25px}.keeps-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.keep-card{background:#f5eee1;border:1px solid #e7e4d7;border-radius:16px;padding:22px}.keep-card.sage{background:#ecf0e5}.keep-card.lilac{background:#efecf3}.keep-meta{display:flex;gap:8px;align-items:center;font-size:10px;color:#92a07f;margin-bottom:15px}.keep-meta svg{width:16px;height:16px}.keep-card>p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.keep-card>.text-button{margin-top:14px;font-size:10px}.keep-card>.text-button svg{width:15px}.settings-card{padding:25px 0;border-bottom:1px solid var(--line);max-width:700px}.settings-card h2{font-size:15px;font-weight:500;margin-bottom:13px}.settings-card h3{font-size:12px;margin:24px 0 9px;font-weight:500}.settings-card p{font-size:12px;line-height:1.9;color:#8b9581}.settings-companion{display:flex;align-items:center;gap:17px;min-height:60px}.settings-companion>.creature{width:44px;height:47px;transform:none;overflow:hidden;filter:none}.settings-companion>.creature>*{transform:scale(.24);transform-origin:top left}.settings-companion strong{font-size:13px}.settings-companion .text-button{margin-left:auto}.language-options{display:flex;gap:10px;margin-top:16px}.language-options button{padding:10px 22px;border:1px solid #d9e0cf;border-radius:9px;font-size:12px}.language-options button[aria-pressed=true]{background:#e1e8d8;color:#546d49}.settings-card .privacy-note{font-size:10px;color:#829774;margin-top:20px}html[lang=en] .hero h1{font-size:clamp(25px,2.65vw,39px);letter-spacing:-.025em;line-height:1.5}html[lang=en] .brand-tagline{font-size:9px}html[lang=en] .hero-copy{padding-left:0}html[lang=en] .idea-card h3{font-size:12px}
@keyframes bob{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -7px;rotate:1deg}}@keyframes dot{50%{opacity:.3;transform:translateY(-3px)}}@keyframes blink{0%,85%,100%{scale:1 1}90%{scale:1 .15}}
@media(min-width:1500px){main{padding:0 85px}.hero{min-height:410px}.hero-copy{padding-top:30px}.character-scene{scale:1.13}.home-composer{margin-top:35px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 15px 18px}main{padding:0 30px}.hero{gap:0}.hero h1{font-size:29px}.scene-circle{width:230px;height:230px;top:32px}.scene-flower.one{left:2%}.scene-flower.two{right:0}.hello-bubble{font-size:9px}.character-label{font-size:8px}.mood{align-items:flex-start;flex-direction:column}.mood-options{width:100%;justify-content:flex-end}.intro{font-size:11px}.idea-card{padding:17px 13px 20px}.idea-card h3{font-size:11px}.header-note{font-size:10px}}
@media(max-width:850px){.sidebar{width:182px;padding:28px 12px 16px}.brand-tagline{font-size:8px}.brand>span{font-size:33px}.brand img{width:32px;height:32px}.new-chat{font-size:10px}.nav-item{font-size:12px;padding:12px}.profile div>span{font-size:7px}.tiny-flower{display:none}main{padding:0 23px}.hero h1{font-size:24px}.hero .eyebrow{font-size:7px}.hero{grid-template-columns:1fr 1fr;min-height:320px}.character-scene{height:285px}.character-scene>.creature{scale:.85}.scene-circle{width:205px;height:205px;top:40px}.character-shadow{top:223px;width:130px}.character-label{bottom:12px}.hello-bubble{top:32px;padding:9px 12px}.scene-flower.one{font-size:26px;left:0}.scene-flower.two{font-size:27px}.intro{font-size:10px}.section-heading>span{display:none}.idea-grid{gap:8px}.idea-card h3{font-size:10px}.idea-card p{font-size:8px}.mood-options button{font-size:9px;padding:9px 11px}.header-note{display:none}.header-actions{width:100%;justify-content:space-between}.companion-grid{gap:9px}.companion-card{padding:18px 10px}.companion-card .creature{scale:.85}.companion-card p{font-size:9px}.companion-card strong{font-size:10px}}
@media(max-width:650px){.sidebar{display:none}main{padding:0 22px;width:100%}header{height:63px;border-bottom:0}.header-note{display:block;font-size:9px;letter-spacing:0}.header-actions{width:auto;gap:12px}.connection{font-size:8px}.connection i{width:5px;height:5px}.language{font-size:9px;padding:6px 9px}.hero{display:flex;flex-direction:column-reverse;padding-top:0;gap:0}.hero-copy{width:100%;text-align:center;padding:9px 0 0}.hero .eyebrow{font-size:7px;letter-spacing:.17em}.hero h1{font-size:28px;line-height:1.6;margin:12px 0 11px;letter-spacing:.02em}.hero .intro{font-size:11px;line-height:1.9}.hero .text-button{margin-top:10px;font-size:10px}.character-scene{height:245px;width:100%;padding-top:12px}.character-scene>.creature{scale:.83;margin-top:12px}.scene-circle{width:210px;height:210px;top:10px}.hello-bubble{top:8px;font-size:10px;padding:10px 14px}.character-shadow{top:202px;width:139px}.character-label{bottom:0;font-size:8px}.scene-flower.one{left:16%;top:66px;font-size:31px}.scene-flower.two{right:15%;top:63px;font-size:30px}.scene-dot{right:21%;bottom:53px}.home-composer{margin-top:25px}#composer{padding:14px 14px 11px;border-radius:15px}textarea{font-size:16px;min-height:64px;line-height:1.7}textarea::placeholder{font-size:11px;line-height:1.9}.composer-hint{font-size:8px;line-height:1.7}.section-heading{margin-top:29px}.section-heading h2{font-size:12px}.idea-grid{grid-template-columns:1fr;gap:10px}.idea-card{min-height:89px;padding:17px 39px 16px 67px;border-radius:13px}.idea-icon{position:absolute;top:27px;left:22px;font-size:28px}.idea-card h3,html[lang=en] .idea-card h3{font-size:12px}.idea-card p{font-size:10px}.idea-arrow{top:30px;right:18px}.mood{padding-top:23px;margin-top:25px;gap:17px}.mood h2{font-size:12px}.mood-options{justify-content:flex-start;flex-wrap:wrap;gap:7px}.mood-options button{font-size:9px;padding:10px 12px}.mood p{font-size:8px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#f7f8f0f5;backdrop-filter:blur(15px);border-top:1px solid #e4e7d9;z-index:10;justify-content:space-around;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mobile-nav .nav-item{display:flex;flex-direction:column;gap:5px;font-size:8px;justify-content:center;padding:7px 2px;width:23%;border-radius:11px}.mobile-nav .nav-item svg{width:20px;height:20px}.mobile-nav .nav-item.active{background:#e8edde}.mobile-nav .nav-item.active span{color:#5c7750}footer{font-size:7px;gap:9px;padding:24px 0 105px}.chat-view{height:calc(100dvh - 151px - env(safe-area-inset-bottom));padding-bottom:7px}.chat-view+.footer{display:none}.chat-heading{padding:9px 0 16px;gap:10px}.chat-heading h1{font-size:16px}.chat-heading p{font-size:9px}.chat-heading>.text-button{font-size:9px;gap:2px}.chat-heading>.text-button span{max-width:100px}.message-content{max-width:86%}.message-text{font-size:13px;line-height:1.9}.message.assistant .message-text{padding:12px 14px}.message-actions{gap:7px}.message-actions button{font-size:8px}.chat-composer #composer{padding-top:10px}.chat-composer textarea{min-height:45px;max-height:80px}.chat-composer .composer-hint{margin-top:6px;font-size:7px}.chat-empty{padding:25px 0}.chat-empty h2{font-size:15px}.notes-view,.settings-view{padding:30px 0;min-height:65dvh}.notes-view h1,.settings-view h1{font-size:27px}.keeps-grid{grid-template-columns:1fr;gap:14px}.keep-card{padding:20px}.empty-keeps{padding:60px 6px}.empty-keeps h2{font-size:17px}.empty-keeps p{font-size:11px}.settings-card p{font-size:11px}.settings-companion{gap:10px}.settings-companion .text-button{font-size:9px;max-width:120px}.companion-grid{grid-template-columns:1fr}.companion-card{display:grid;grid-template-columns:105px 1fr;text-align:left;padding:16px;column-gap:15px}.companion-card .creature{grid-row:1/5;scale:.56;transform-origin:center;margin:-35px -36px}.companion-card h3{margin:0 0 6px;font-size:17px}.companion-card strong{font-size:11px}.companion-card p{font-size:10px;margin:8px 0 12px}.choose{font-size:10px;padding-top:8px}.companion-card .creature{pointer-events:none}dialog{padding:28px 20px;max-height:88dvh;border-radius:20px}dialog h2{font-size:23px;margin-bottom:20px}.dialog-close{top:13px;right:15px}#toast{bottom:92px;font-size:11px;padding:12px 17px}html[lang=en] .hero h1{font-size:27px;line-height:1.5}html[lang=en] .header-note{font-size:8px}html[lang=en] .connection{font-size:7px}}
@media(max-width:360px){.hero h1{font-size:24px;white-space:normal;overflow-wrap:anywhere}}
.data-history{margin-top:16px}.data-row{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line)}.data-row button{min-height:44px}.data-row button:first-child{flex:1;text-align:left;overflow-wrap:anywhere;min-width:0}.data-row button:last-child{flex-shrink:0}.keep-card [data-delete-keep]{margin-left:20px;min-height:44px}
/* The companion stays mounted while conversations refresh. Transform and opacity
   keep the motion lightweight; small historical avatars stay still. */
.pet-character{position:relative;z-index:1;display:grid;place-items:center;padding:0;width:180px;height:190px;margin-top:10px;border-radius:50%;flex-shrink:0}
.chat-heading-character{width:76px;height:82px;padding:0;flex-shrink:0;overflow:visible;border-radius:50%}
.chat-heading-character .creature.mini{transform:scale(.4);animation:breathe 4.8s ease-in-out infinite}
:is(.pet-character,.chat-empty) .creature{animation:breathe 4.8s ease-in-out infinite;transform-origin:50% 90%}
.creature[data-character=pico]{--tempo:4.1s;--tilt:3deg}
.creature[data-character=lumi]{--tempo:6s;--tilt:-3deg}
:is(.pet-character,.chat-heading-character,.chat-empty) .creature{animation-duration:var(--tempo,4.8s)}
:is(.pet-character,.chat-heading-character,.chat-empty,.companion-card) .eye{animation:soft-blink 5.7s infinite;transform-origin:center}
[data-character=pico] .eye{animation-delay:-1.7s}
[data-character=lumi] .eye{animation-delay:-3.1s}
:is(.pet-character,.chat-heading-character,.chat-empty) .ear{transform-origin:50% 90%;animation:ear-twitch 7s ease-in-out infinite}
:is(.pet-character,.chat-heading-character,.chat-empty) .ear.right{animation-delay:-3.5s}
.pet-character .arm{transform-origin:50% 15%;animation:arm-sway 4.8s ease-in-out infinite}
.pet-character .arm.right{animation-direction:reverse}
.pet-character .face{transition:translate .35s,rotate .35s}
.pet-character:hover .face{translate:0 -3px}
.character-shadow{animation:shadow-breathe 4.8s ease-in-out infinite}
.scene-flower.one{animation:flower-drift 7s ease-in-out infinite}
.scene-flower.two{animation:flower-drift 8s -3s ease-in-out infinite reverse}
.hello-bubble{animation:bubble-arrive .65s ease-out both;pointer-events:none}
.companion-card:hover .creature,.companion-card:focus-visible .creature{animation:happy-hop .85s ease-in-out infinite}
#app[data-motion=listening] :is(.pet-character,.chat-heading-character,.chat-empty) .creature{animation:listen 3s ease-in-out infinite}
#app[data-motion=listening] :is(.pet-character,.chat-heading-character,.chat-empty) .face{translate:0 -4px;rotate:var(--tilt,-3deg)}
#app[data-motion=thinking] :is(.pet-character,.chat-heading-character,.chat-empty) .creature{animation:ponder 2.4s ease-in-out infinite}
#app[data-motion=thinking] :is(.pet-character,.chat-heading-character,.chat-empty) .face{translate:5px -4px}
#app[data-motion=thinking] :is(.pet-character,.chat-heading-character,.chat-empty) .arm.right{transform-origin:50% 15%;animation:thinking-hand 2.4s ease-in-out infinite}
#app:is([data-motion=replying],[data-motion=speaking]) :is(.pet-character,.chat-heading-character,.chat-empty) .creature{animation:talk-nod 1.2s ease-in-out infinite}
#app:is([data-motion=replying],[data-motion=speaking]) :is(.pet-character,.chat-heading-character,.chat-empty) .mouth{background:#675240;border-radius:50%;animation:talk-mouth .48s ease-in-out infinite alternate}
#app[data-motion=happy] :is(.pet-character,.chat-heading-character,.chat-empty) .creature{animation:happy-hop .6s ease-in-out 3}
#app[data-motion=happy] :is(.pet-character,.chat-heading-character,.chat-empty) .arm.right{transform-origin:50% 15%;animation:wave .3s ease-in-out 6 alternate}
#app[data-motion=happy] :is(.pet-character,.chat-heading-character,.chat-empty) .eye{scale:1 .3;animation:none}
#app[data-motion=happy] :is(.pet-character,.chat-heading-character,.chat-empty) .cheek{opacity:1;scale:1.18}
@keyframes breathe{0%,100%{translate:0 0;rotate:-1.5deg;scale:1 1}50%{translate:0 -8px;rotate:1.5deg;scale:1.02 .98}}
@keyframes soft-blink{0%,42%,46%,76%,80%,100%{scale:1 1}44%,78%{scale:1 .08}}
@keyframes ear-twitch{0%,78%,100%{rotate:0deg}83%{rotate:-9deg}89%{rotate:6deg}94%{rotate:-3deg}}
@keyframes arm-sway{0%,100%{rotate:-5deg}50%{rotate:8deg}}
@keyframes shadow-breathe{0%,100%{scale:1;opacity:.8}50%{scale:.87;opacity:.5}}
@keyframes flower-drift{0%,100%{translate:0 0;rotate:-8deg}50%{translate:0 -9px;rotate:12deg}}
@keyframes bubble-arrive{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes listen{0%,100%{rotate:-4deg;translate:0 -3px}50%{rotate:-1deg;translate:0 -7px}}
@keyframes ponder{0%,100%{rotate:-5deg;translate:0 0}50%{rotate:5deg;translate:0 -4px}}
@keyframes thinking-hand{0%,100%{rotate:-65deg;translate:-3px -4px}50%{rotate:-80deg;translate:-5px -8px}}
@keyframes talk-nod{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 3px;rotate:2deg}}
@keyframes talk-mouth{0%,100%{scale:.8 .3}60%{scale:1 1.2}}
@keyframes happy-hop{0%,100%{translate:0 0;rotate:-3deg;scale:1.03 .97}45%{translate:0 -13px;rotate:4deg;scale:.97 1.03}75%{translate:0 1px;rotate:0deg;scale:1.04 .96}}
@keyframes wave{from{rotate:-95deg}to{rotate:-140deg}}
@media(max-width:850px){.pet-character{scale:.85}}
@media(max-width:650px){.pet-character{scale:.83;margin-top:12px}.chat-heading-character{width:64px;height:68px}.chat-heading-character .creature.mini{transform:scale(.34)}.chat-heading{padding:3px 0 10px}}
/* User-designed companions: structural transforms stay separate from motion. */
.creature[data-body] { zoom:var(--character-size,1) }
.creature[data-body=bean] .body{border-radius:58% 38% 45% 40%;inset:14px 19px 10px}
.creature[data-body=cloud] .body{border-radius:46% 44% 34% 34%;inset:45px 0 14px}
.creature[data-ears=round] .ear{width:49px;height:55px;top:20px;border-radius:50%}
.creature[data-ears=long] .ear{width:36px;height:85px;top:-3px;border-radius:50% 50% 20% 20%}
.creature[data-ears=cat] .ear{width:46px;height:65px;top:15px;border-radius:10% 75% 10% 40%}
.creature[data-ears=none] .ear{display:none}
.creature[data-eyes] .eye{width:calc(8px * var(--eye-size));height:calc(13px * var(--eye-size))}
.creature[data-eyes=round] .eye{width:calc(13px * var(--eye-size))}
.creature[data-eyes=sleepy] .eye{height:calc(5px * var(--eye-size));top:10px;border-radius:3px}
.creature[data-body] .cheek{background:var(--accent);opacity:var(--blush)}
.custom-accessory{position:absolute;z-index:5;background:var(--accent);left:76px;top:12px}
.accessory-none{display:none}.accessory-tuft{width:28px;height:29px;border-radius:80% 0 80% 20%;rotate:25deg}
.accessory-sprout{width:24px;height:34px;border-radius:0 80% 0 80%;rotate:-25deg;background:#84a777}
.accessory-star,.accessory-bow{background:none;color:var(--accent);font-size:36px;left:128px;top:28px;line-height:1}
.accessory-bow{font-size:48px;left:116px}
#app[data-motion=idle] .creature[data-movement=dreamy]{animation-name:breathe}
#app[data-motion=idle] .creature[data-movement=bouncy]{animation-name:happy-hop}
#app .creature[data-movement=still],#app .creature[data-movement=still] *{animation:none!important}
#app .creature.mini[data-movement]{animation-name:none}
#app[data-motion=idle] .chat-heading-character .creature[data-movement=bouncy]{animation-name:happy-hop}
#app[data-motion=idle] .chat-heading-character .creature[data-movement=dreamy]{animation-name:breathe}
.custom-library{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.custom-choice{border:1px solid var(--line);border-radius:18px;padding:9px 15px;background:#fffdf7;font-size:12px;max-width:100%;overflow-wrap:anywhere}.custom-choice span{color:var(--green);margin-left:8px}
.studio-entry{margin-left:18px}.hello-bubble{max-width:90%;white-space:normal;text-align:center;overflow-wrap:anywhere}
.character-label{max-width:95%;text-align:center;overflow-wrap:anywhere}.chat-heading>div{min-width:0}.chat-heading h1,.chat-heading p{overflow-wrap:anywhere}
.studio-view{padding:30px 0 0;max-width:1050px;margin:auto}.studio-view h1{font-size:30px;font-weight:500;margin:12px 0}
.studio-layout{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1fr);gap:30px;margin-top:28px;align-items:start}
.studio-preview{position:sticky;top:20px}.studio-stage{display:flex;flex-direction:column;align-items:center;padding:40px 16px 25px;min-height:355px;border-radius:28px;overflow:hidden;transition:background-color .2s}
.studio-stage .pet-character{margin:20px 0 24px}.studio-name{font-size:22px;margin:0 0 8px}.studio-role{font-size:12px;color:var(--muted)}.studio-hello{font-size:13px;line-height:1.8;margin-top:18px}.studio-name,.studio-role,.studio-hello{max-width:100%;overflow-wrap:anywhere;text-align:center}
.studio-hint{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0}.studio-view fieldset{min-width:0;border:1px solid var(--line);border-radius:18px;padding:22px;margin:0 0 24px;background:#fffdf7}
.studio-view legend{font-size:14px;padding:0 10px;color:var(--green)}.studio-field{display:flex;flex-direction:column;gap:9px;font-size:12px;margin-bottom:17px;color:var(--ink);min-width:0}
.studio-field input,.studio-field textarea,.studio-field select{width:100%;min-width:0;font:inherit;font-size:14px;color:var(--ink);background:#f6f6ef;border:1px solid #dbe0d4;border-radius:8px;padding:10px}
.studio-field textarea{min-height:90px;resize:vertical;line-height:1.7}.studio-field input[type=color]{height:43px;padding:4px;cursor:pointer}.studio-field input[type=range]{padding:0;accent-color:var(--green)}
.studio-field output{font-size:10px;color:var(--muted)}.studio-pairs{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.studio-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.studio-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.studio-tools button{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11px}
.studio-actions{display:flex;gap:15px;align-items:center;justify-content:flex-end;padding:15px 0}.studio-actions>button{font-size:12px}.studio-view input:focus-visible,.studio-view select:focus-visible{outline:3px solid #84a17e;outline-offset:2px}
@media(max-width:850px){.studio-layout{gap:18px;grid-template-columns:minmax(170px,.7fr) minmax(0,1fr)}.studio-view fieldset{padding:16px}.studio-colors{grid-template-columns:1fr}.studio-pairs{gap:0 10px}}
@media(max-width:650px){.studio-layout{grid-template-columns:1fr}.studio-preview{position:static}.studio-stage{min-height:310px;padding:15px}.studio-stage .pet-character{margin:15px 0}.studio-view h1{font-size:26px}.studio-colors{grid-template-columns:repeat(3,1fr)}.studio-field input,.studio-field textarea,.studio-field select{font-size:16px}.studio-view fieldset{padding:17px}.studio-actions{flex-wrap:wrap}.studio-entry{margin-left:14px}.studio-view{padding-top:15px}}
.create-steps{display:flex;gap:20px;list-style:none;padding:0;margin:0 0 30px;color:var(--muted);font-size:12px;flex-wrap:wrap}.create-steps li{display:flex;align-items:center;gap:8px}.create-steps span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%}.create-steps [aria-current]{color:var(--green);font-weight:650}.create-steps [aria-current] span{background:#e0e8d8}
.design-prompt{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fffdf7;margin-top:26px}.design-prompt [role=alert]{color:#9a5147;font-size:12px;line-height:1.7}.design-prompt [role=status]{font-size:12px;margin-top:12px}.design-examples{display:flex;gap:8px;flex-wrap:wrap}.design-examples button{font-size:11px;line-height:1.6;text-align:left;padding:9px 12px;background:#f0f1e8;border-radius:12px;flex:1;min-width:150px}.design-results{margin-top:30px}.design-results h2,.studio-view details h2{font-size:16px;font-weight:500;margin:20px 0}.design-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.design-candidates>button{display:flex;flex-direction:column;align-items:center;border:2px solid transparent;border-radius:24px;padding:14px 10px;min-width:0;overflow:hidden}.design-candidates>button[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 3px #c6d3bb}.candidate-art{height:190px;display:flex;align-items:center;justify-content:center;scale:.8}.design-candidates strong{font-size:18px;overflow-wrap:anywhere;max-width:100%}.design-candidates button>span:not(.candidate-art){font-size:10px;color:var(--muted);margin:8px}.design-candidates p{font-size:11px;line-height:1.7;overflow-wrap:anywhere}.preview-motions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.preview-motions button{border:1px solid var(--line);border-radius:16px;padding:8px 12px;font-size:11px}.preview-motions [aria-pressed=true]{background:#e0e8d8}.studio-view summary{cursor:pointer;color:var(--green);padding:14px 0;font-size:13px}.studio-view details[open] summary{margin-bottom:18px}
#app .studio-stage[data-preview-motion=thinking] .creature{animation:ponder 2.4s ease-in-out infinite}#app .studio-stage[data-preview-motion=speaking] .creature{animation:talk-nod 1.2s ease-in-out infinite}#app .studio-stage[data-preview-motion=speaking] .mouth{animation:talk-mouth .3s ease-in-out infinite}#app .studio-stage[data-preview-motion=happy] .creature{animation:happy-hop .6s ease-in-out infinite}
.space-links{display:flex;gap:8px;margin:20px 0 28px;flex-wrap:wrap}.space-links .nav-item{width:auto;border:1px solid var(--line);font-size:12px;padding:10px 14px;background:#f0f2e9}.space-links svg{width:16px}.goal-list{display:grid;gap:16px;margin-top:28px}.goal-card[data-done=true]{background:#edf1e7}.goal-card .studio-tools{margin:16px 0 0}.sidebar .history-section{margin-top:18px}.sidebar-bottom{padding-top:12px}.chat-heading{flex-wrap:wrap}
@media(max-width:650px){.design-prompt{padding:16px}.design-candidates{gap:8px}.candidate-art{scale:.48;width:100px;height:130px}.design-candidates>button{padding:5px 4px 14px;border-radius:16px}.design-candidates strong{font-size:13px}.design-candidates p{font-size:10px}.create-steps{font-size:10px;gap:12px}.space-links{gap:6px}.space-links .nav-item{padding:9px;font-size:11px;gap:6px}.design-examples button{min-width:120px}.studio-view fieldset:disabled{opacity:.6}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.room-list{display:grid;gap:14px;margin-top:18px}.room-entry h3{font-size:13px;font-weight:500;margin-bottom:8px}.room-form{margin-top:16px}.room-form .primary{margin-top:10px}.studio-tools{display:flex;gap:14px;align-items:center;margin-top:12px}.studio-tools button{font-size:10px;color:#677e5e}.studio-tools .primary{margin-top:0}#room-error{font-size:11px;color:#a16c54;margin-top:14px}
#line-card textarea[hidden]{display:none!important}
.guide-teaser{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;margin-bottom:20px;border-block:1px solid var(--line)}.guide-teaser h3{font-size:17px;font-weight:500}.guide-teaser p{font-size:13px;line-height:1.8;margin-top:8px}.guide-entry{min-height:44px;min-width:44px}.guide-teaser .primary{flex-shrink:0;white-space:normal;max-width:100%}.chat-cost{font-size:12px;line-height:1.8;margin-top:12px;color:var(--ink)}
.start-guide{width:min(620px,calc(100vw - 24px));padding:28px;overflow-wrap:anywhere}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.start-guide button{min-width:44px;min-height:44px}.guide-top button{font-size:26px;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.start-guide p{font-size:14px;line-height:1.8;margin:16px 0}.start-guide .guide-progress{font-size:12px;margin-bottom:8px;color:var(--green)}.start-guide h2{font-size:25px;line-height:1.5;margin:0 0 18px}.start-guide h2:focus{outline:2px solid var(--green);outline-offset:4px}.start-guide .guide-note{padding:12px 14px;background:#e9eee1;border-left:3px solid var(--green);font-weight:500}.guide-choices{display:grid;gap:12px;margin:22px 0}.guide-choices button{text-align:left;display:grid;gap:8px;border:2px solid var(--line);border-radius:14px;padding:16px;background:#fffdf7}.guide-choices [aria-pressed=true]{border-color:var(--green);background:#e9eee1}.guide-choices strong{font-size:15px}.guide-choices span{font-size:13px;line-height:1.8}.guide-example{margin:24px 0;font-size:14px;line-height:1.9}.guide-example dt{font-size:12px;font-weight:600;margin-top:18px}.guide-example dd{margin:8px 0 0;padding:16px;border-radius:14px;background:#fffdf7;border:1px solid var(--line)}.guide-cost{border-block:1px solid var(--line);padding:16px 0}.guide-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:24px}.guide-actions button{padding:12px 18px}.guide-actions .primary{white-space:normal;max-width:100%;line-height:1.7}.start-guide button:focus-visible,.guide-entry:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:650px){.guide-teaser{align-items:stretch;flex-direction:column;gap:14px}.start-guide{padding:18px}.start-guide h2{font-size:22px}.guide-actions{align-items:stretch;flex-direction:column-reverse}.guide-actions button{width:100%}}

/* Sharing: owner view and public share page */
.share-view{max-width:950px;min-height:calc(100dvh - 155px);padding:43px 0}
.share-view h1{font-family:"Yu Mincho",Georgia,serif;font-weight:400;font-size:30px;margin:14px 0}
.share-list{list-style:none;display:grid;gap:14px;margin-top:18px}
.share-row{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fffefa}
.share-row strong{font-size:12px;display:block}
.share-row span{font-size:10px;color:#8b9581}
.share-row code{font-size:10px;color:#617a59;overflow-wrap:anywhere}
.public-share{max-width:720px;margin:0 auto;padding:48px 22px 80px;min-height:100dvh}
.public-share-head{margin-bottom:26px}
.public-share-head h1{font-family:"Yu Mincho",Georgia,serif;font-weight:400;font-size:28px;margin:12px 0 6px}
.public-share-head p{font-size:11px;color:#8b9581}
.public-share .settings-card{max-width:none}
.share-log{display:grid;gap:14px;margin:20px 0 26px;max-height:56dvh;overflow:auto;overscroll-behavior:contain}
.share-message{padding:13px 16px;border-radius:14px;background:#f5eee1;border:1px solid #e7e4d7}
.share-message.companion{background:#fffefa;border-color:#e8e8dc}
.share-message-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.share-message-head strong{font-size:11px}
.share-message-head time{font-size:9px;color:#98a18e}
.share-message p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#4d5647}
.share-form{display:grid;gap:10px}
.share-form textarea{width:100%;font:inherit;font-size:13px;padding:12px;border:1px solid #dde3d4;border-radius:11px;background:#fffefa;resize:vertical}
.share-form .primary{justify-self:start}
@media(max-width:650px){.share-view{padding:30px 0}.share-view h1{font-size:27px}.public-share{padding:32px 18px 70px}.public-share-head h1{font-size:24px}}