.home-page{--home-unit:calc(min(100vw, var(--app-max-width,430px)) / 276);--home-top:max(calc(29 * var(--home-unit)), env(safe-area-inset-top,0px));width:100%;max-width:var(--app-max-width,430px);text-align:left;height:100dvh;font-family:var(--font-sans);font-size:calc(16 * var(--home-unit));margin:0 auto;position:relative;overflow:hidden}.home-page button{appearance:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}.home-page button:focus-visible{outline-offset:3px;outline:2px solid}.home-page .brand{margin:0}.home-page .topbar{height:calc(56 * var(--home-unit));box-sizing:border-box;padding:calc(13 * var(--home-unit)) calc(17 * var(--home-unit)) calc(8 * var(--home-unit));z-index:5;justify-content:space-between;align-items:center;display:flex;position:relative}.home-page .brand{font-size:calc(18 * var(--home-unit));letter-spacing:-.05em;font-weight:850}.home-page .tools{align-items:center;gap:calc(8 * var(--home-unit));display:flex}.home-page .tool{width:calc(31 * var(--home-unit));height:calc(31 * var(--home-unit));border-radius:50%;place-items:center;display:grid;position:relative}.home-page .badge{right:calc(-1 * var(--home-unit));top:calc(-2 * var(--home-unit));min-width:calc(12 * var(--home-unit));height:calc(12 * var(--home-unit));border-radius:calc(8 * var(--home-unit));color:#fff;font-size:calc(6 * var(--home-unit));place-items:center;font-weight:800;display:grid;position:absolute}.home-page .avatar{width:calc(31 * var(--home-unit));height:calc(31 * var(--home-unit));border-radius:50%;position:relative}.home-page .scene{left:0;right:0;top:calc(85 * var(--home-unit));position:absolute;bottom:0;overflow:hidden}.home-page .orb-stage{width:calc(164 * var(--home-unit));height:calc(164 * var(--home-unit));margin:calc(11 * var(--home-unit)) auto 0;position:relative}.home-page .orb{width:calc(116 * var(--home-unit));height:calc(116 * var(--home-unit));left:calc(24 * var(--home-unit));top:calc(24 * var(--home-unit));z-index:2;border-radius:50%;position:absolute}.home-page .orbit-line{inset:calc(11 * var(--home-unit));border:calc(1 * var(--home-unit)) solid currentColor;opacity:.15;border-radius:50%;position:absolute}.home-page .orbit-line.inner{inset:calc(20 * var(--home-unit));opacity:.2;border-style:dashed}.home-page .orb-ripple{width:calc(116 * var(--home-unit));height:calc(116 * var(--home-unit));left:calc(24 * var(--home-unit));top:calc(24 * var(--home-unit));border:calc(1 * var(--home-unit)) solid currentColor;z-index:1;opacity:0;pointer-events:none;border-radius:50%;animation-timing-function:cubic-bezier(.18,.55,.28,1);animation-iteration-count:infinite;position:absolute}.home-page .orb-ripple.r1{animation-name:orbRippleA;animation-duration:5.1s;animation-delay:-1.4s}.home-page .orb-ripple.r2{animation-name:orbRippleB;animation-duration:6.7s;animation-delay:-4.2s}.home-page .orb-ripple.r3{animation-name:orbRippleC;animation-duration:8.2s;animation-delay:-2.6s}.home-page[data-recording=recording] .orb-ripple.r1{animation-duration:2.6s}.home-page[data-recording=recording] .orb-ripple.r2{animation-duration:3.4s}.home-page[data-recording=recording] .orb-ripple.r3{animation-duration:4.3s}@keyframes orbRippleA{0%{opacity:0;transform:scale(.9)}8%{opacity:.36}48%{opacity:.12}77%,to{opacity:0;transform:scale(1.48)}}@keyframes orbRippleB{0%,19%{opacity:0;transform:scale(.94)}27%{opacity:.25}66%{opacity:.08}92%,to{opacity:0;transform:scale(1.58)}}@keyframes orbRippleC{0%,37%{opacity:0;transform:scale(.92)}44%{opacity:.2}72%{opacity:.06}to{opacity:0;transform:scale(1.4)}}.home-page .glint{width:calc(5 * var(--home-unit));height:calc(5 * var(--home-unit));z-index:3;opacity:.12;border-radius:50%;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.home-page .glint:before,.home-page .glint:after{content:"";border-radius:calc(2 * var(--home-unit));opacity:.9;background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page .glint:before{width:calc(1 * var(--home-unit));height:calc(13 * var(--home-unit))}.home-page .glint:after{width:calc(13 * var(--home-unit));height:calc(1 * var(--home-unit))}.home-page .glint.dot:before,.home-page .glint.dot:after{display:none}.home-page .glint.dot{width:calc(3 * var(--home-unit));height:calc(3 * var(--home-unit))}.home-page .g1{left:calc(13 * var(--home-unit));top:calc(66 * var(--home-unit));animation:5.3s linear -1.1s infinite glintA}.home-page .g2{right:calc(21 * var(--home-unit));top:calc(27 * var(--home-unit));animation:7.1s linear -4.6s infinite glintB;transform:scale(.72)}.home-page .g3{right:calc(7 * var(--home-unit));bottom:calc(50 * var(--home-unit));animation:4.4s linear -2.7s infinite glintC;transform:scale(.6)}.home-page .g4{left:calc(32 * var(--home-unit));bottom:calc(18 * var(--home-unit));animation:6.2s linear -1.9s infinite glintB;transform:scale(.55)}.home-page .g5{left:calc(53 * var(--home-unit));top:calc(7 * var(--home-unit));animation:8.3s linear -6.1s infinite glintC;transform:scale(.45)}.home-page .g6{right:calc(44 * var(--home-unit));bottom:calc(9 * var(--home-unit));animation:3.7s linear -2.2s infinite glintA}.home-page .g7{right:calc(4 * var(--home-unit));top:calc(74 * var(--home-unit));animation:5.9s linear -3.3s infinite glintB}.home-page .g8{left:calc(21 * var(--home-unit));top:calc(31 * var(--home-unit));animation:7.7s linear -5.4s infinite glintC}@keyframes glintA{0%,16%{opacity:.08}21%{opacity:1;filter:drop-shadow(0 0 calc(5 * var(--home-unit)) currentColor)}24%{opacity:.16}63%{opacity:.11}69%{opacity:.72}73%,to{opacity:.09}}@keyframes glintB{0%,36%{opacity:.1}41%{opacity:.86}43%{opacity:.2}78%{opacity:.08}88%{opacity:1;filter:drop-shadow(0 0 calc(6 * var(--home-unit)) currentColor)}91%,to{opacity:.1}}@keyframes glintC{0%,7%{opacity:.12}12%{opacity:.78}16%{opacity:.08}53%{opacity:.11}58%{opacity:1;filter:drop-shadow(0 0 calc(5 * var(--home-unit)) currentColor)}62%{opacity:.15}89%{opacity:.08}94%{opacity:.62}to{opacity:.1}}.home-page .copy{text-align:center;padding:0 calc(17 * var(--home-unit))}.home-page .eyebrow{font-size:calc(8 * var(--home-unit));margin-top:calc(-2 * var(--home-unit));margin-bottom:calc(7 * var(--home-unit))}.home-page .copy h2{font-size:calc(20 * var(--home-unit));letter-spacing:-.04em;margin:0;line-height:1.3}.home-page .status-hint{height:calc(26 * var(--home-unit));margin:calc(10 * var(--home-unit)) auto 0;align-items:center;gap:calc(6 * var(--home-unit));padding:0 calc(10 * var(--home-unit));border-radius:calc(13 * var(--home-unit));font-size:calc(7 * var(--home-unit));display:inline-flex}.home-page .mini-wave{gap:calc(2 * var(--home-unit));height:calc(14 * var(--home-unit));align-items:center;display:flex}.home-page .mini-wave i{width:calc(2 * var(--home-unit));border-radius:calc(2 * var(--home-unit));display:block}.home-page .mini-wave i:first-child,.home-page .mini-wave i:nth-child(5){height:calc(5 * var(--home-unit))}.home-page .mini-wave i:nth-child(2),.home-page .mini-wave i:nth-child(4){height:calc(9 * var(--home-unit))}.home-page .mini-wave i:nth-child(3){height:calc(13 * var(--home-unit))}.home-page .topic-line{left:calc(26 * var(--home-unit));right:calc(26 * var(--home-unit));bottom:calc(106 * var(--home-unit));text-align:center;z-index:6;transition:bottom .38s cubic-bezier(.2,.74,.28,1),transform .38s cubic-bezier(.2,.74,.28,1);position:absolute}.home-page[data-recording=recording] .topic-line{bottom:calc(178 * var(--home-unit));transform:scale(1.035)}.home-page .topic-meta{justify-content:center;align-items:center;gap:calc(8 * var(--home-unit));font-size:calc(7 * var(--home-unit));margin-bottom:calc(6 * var(--home-unit));opacity:.62;display:flex}.home-page[data-recording=recording] .topic-meta{opacity:.9}.home-page .recording-time{font-size:calc(11 * var(--home-unit));letter-spacing:.04em;font-weight:900}.home-page .recording-dot{width:calc(5 * var(--home-unit));height:calc(5 * var(--home-unit));border-radius:50%;animation:1.15s ease-in-out infinite recordingDot;display:inline-block}@keyframes recordingDot{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.home-page .topic-change{margin:-16px -3px;padding:16px 3px;font-weight:800}.home-page .topic-question{font-size:calc(9 * var(--home-unit));letter-spacing:-.01em;font-weight:720;line-height:1.45}.home-page .topic-rule{width:calc(28 * var(--home-unit));height:calc(1 * var(--home-unit));margin:calc(8 * var(--home-unit)) auto 0;opacity:.18}.home-page .dock{left:50%;bottom:calc(32 * var(--home-unit));width:calc(226 * var(--home-unit));height:calc(62 * var(--home-unit));border-radius:calc(31 * var(--home-unit));grid-template-columns:calc(48 * var(--home-unit)) 1fr calc(48 * var(--home-unit));padding:calc(7 * var(--home-unit));box-sizing:border-box;box-shadow:0 calc(11 * var(--home-unit)) calc(27 * var(--home-unit)) #1a142530;z-index:7;align-items:center;display:grid;position:absolute;transform:translate(-50%)}.home-page .receive,.home-page .write{height:calc(48 * var(--home-unit));border-radius:calc(24 * var(--home-unit));justify-content:center;align-items:center;gap:calc(1 * var(--home-unit));font-size:calc(7 * var(--home-unit));z-index:3;flex-direction:column;display:flex;position:relative}.home-page .receive-icon,.home-page .pen{font-size:calc(12 * var(--home-unit));line-height:calc(14 * var(--home-unit))}.home-page .speak-shell{height:calc(48 * var(--home-unit));z-index:2;position:relative}.home-page .speak{height:calc(48 * var(--home-unit));border-radius:calc(24 * var(--home-unit));justify-content:center;align-items:center;gap:calc(6 * var(--home-unit));font-size:calc(9 * var(--home-unit));z-index:4;font-weight:850;display:flex;position:relative}.home-page .mic{width:calc(25 * var(--home-unit));height:calc(25 * var(--home-unit));font-size:calc(10 * var(--home-unit));border-radius:50%;place-items:center;display:grid}.home-page .radar-wave{width:calc(92 * var(--home-unit));height:calc(48 * var(--home-unit));border-radius:calc(28 * var(--home-unit));border:calc(1 * var(--home-unit)) solid currentColor;opacity:0;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.78)}.home-page[data-recording=recording] .radar-wave{animation:2s cubic-bezier(.16,.68,.36,1) infinite radar}.home-page[data-recording=recording] .radar-wave.w2{animation-delay:.65s}.home-page[data-recording=recording] .radar-wave.w3{animation-delay:1.3s}@keyframes radar{0%{opacity:.48;transform:translate(-50%,-50%)scale(.76)}85%,to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}.home-page .voice-rise{left:50%;bottom:calc(91 * var(--home-unit));width:calc(102 * var(--home-unit));height:calc(94 * var(--home-unit));z-index:5;pointer-events:none;opacity:0;position:absolute;transform:translate(-50%)}.home-page[data-recording=recording] .voice-rise{opacity:1}.home-page .voice-rise:before{content:"";left:50%;bottom:calc(-2 * var(--home-unit));width:calc(98 * var(--home-unit));height:calc(84 * var(--home-unit));filter:blur(calc(5 * var(--home-unit)));opacity:.12;background:currentColor;animation:1.8s ease-in-out infinite fanGlow;position:absolute;transform:translate(-50%);-webkit-mask-image:radial-gradient(at 50% 100%,#00000047 0%,#00000026 33%,#0000000b 56%,#0000 76%);mask-image:radial-gradient(at 50% 100%,#00000047 0%,#00000026 33%,#0000000b 56%,#0000 76%)}.home-page .voice-rise i{box-sizing:border-box;border:calc(1 * var(--home-unit)) solid transparent;opacity:.12;filter:blur(calc(.12 * var(--home-unit)));border-top-color:currentColor;border-radius:50% 50% 0 0;animation:1.9s ease-in-out infinite fanPulse;position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000001f 10%,#000000ad 27%,#000 42% 58%,#000000ad 73%,#0000001f 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000001f 10%,#000000ad 27%,#000 42% 58%,#000000ad 73%,#0000001f 90%,#0000 100%)}.home-page .voice-rise i:first-child{width:calc(22 * var(--home-unit));height:calc(16 * var(--home-unit));animation-delay:0s}.home-page .voice-rise i:nth-child(2){width:calc(40 * var(--home-unit));height:calc(30 * var(--home-unit));animation-delay:.16s}.home-page .voice-rise i:nth-child(3){width:calc(58 * var(--home-unit));height:calc(44 * var(--home-unit));animation-delay:.32s}.home-page .voice-rise i:nth-child(4){width:calc(76 * var(--home-unit));height:calc(58 * var(--home-unit));animation-delay:.48s}.home-page .voice-rise i:nth-child(5){width:calc(94 * var(--home-unit));height:calc(72 * var(--home-unit));animation-delay:.64s}@keyframes fanPulse{0%,to{opacity:.08}24%{opacity:.52}43%{opacity:.17}}@keyframes fanGlow{0%,to{opacity:.06}50%{opacity:.14}}.home-page.day{color:#303441;background:linear-gradient(#e9f3f0 0%,#f7eee1 58%,#ead7c9 100%)}.home-page.day:before{content:"";width:calc(260 * var(--home-unit));height:calc(260 * var(--home-unit));left:calc(-105 * var(--home-unit));top:calc(120 * var(--home-unit));background:#ffffff52;border-radius:50%;position:absolute}.home-page.day .tool{color:#565765;background:#ffffff73}.home-page.day .badge{border:calc(2 * var(--home-unit)) solid #ebf2ee;background:#dc856b}.home-page.day .avatar{background:linear-gradient(145deg,#df9e87,#7d6f9e)}.home-page.day .orb-stage{color:#a958b7}.home-page.day .orb{box-shadow:0 0 calc(65 * var(--home-unit)) #f0b48373;background:radial-gradient(circle at 36% 30%,#fff9db,#f7c899 48%,#d99caf 75%,#a58ab4)}.home-page.day .orb-ripple{box-shadow:0 0 calc(13 * var(--home-unit)) #ae5cbc33;border-color:#9e4cae6b}.home-page.day .glint{color:#a84db6;box-shadow:0 0 0 calc(1 * var(--home-unit)) #843d9257,0 0 calc(10 * var(--home-unit)) #b45bc199;background:#fff8e5}.home-page.day .glint.dot{box-shadow:0 0 0 calc(1 * var(--home-unit)) #ffffffb8,0 0 calc(8 * var(--home-unit)) #a446b49e;background:#a94fb7}.home-page.day .eyebrow{color:#777984}.home-page.day .status-hint{border:calc(1 * var(--home-unit)) solid #ffffff8a;color:#675d6c;background:#ffffff5c}.home-page.day .mini-wave i{background:#a96db8}.home-page.day .topic-line{color:#554f5e}.home-page.day .topic-rule{background:#5d5666}.home-page.day .dock{border:calc(1 * var(--home-unit)) solid #ffffffd1;-webkit-backdrop-filter:blur(calc(18 * var(--home-unit)));backdrop-filter:blur(calc(18 * var(--home-unit)));background:#ffffffad}.home-page.day .speak{color:#fff;background:#373247}.home-page.day .mic{background:#ffffff26}.home-page.day .receive,.home-page.day .write{color:#5c5667}.home-page.night{color:#faf6fc;background:radial-gradient(circle at 50% 18%,#342249 0,#18182f 44%,#101224 100%)}.home-page.night .tool{color:#d8d1df;background:#ffffff14}.home-page.night .badge{border:calc(2 * var(--home-unit)) solid #241d37;background:#bf7bcf}.home-page.night .avatar{background:linear-gradient(145deg,#edbea9,#8d6ba6)}.home-page.night .orb-stage{color:#c48ad1}.home-page.night .orb{box-shadow:0 0 calc(62 * var(--home-unit)) #ca74dc6b;background:radial-gradient(circle at 34% 28%,#ffd2bb,#bf7bcb 43%,#55439a 72%,#252642)}.home-page.night .orb-ripple{box-shadow:0 0 calc(15 * var(--home-unit)) #cd82dc3d;border-color:#dda5e87a}.home-page.night .glint{color:#ffe0ef;box-shadow:0 0 calc(9 * var(--home-unit)) #e7a7efdb;background:#fff2f8}.home-page.night .glint.dot{box-shadow:0 0 calc(8 * var(--home-unit)) #e19aede6;background:#e5a4ef}.home-page.night .eyebrow{color:#9995aa}.home-page.night .status-hint{border:calc(1 * var(--home-unit)) solid #ffffff12;color:#d3cad8;background:#23243cad}.home-page.night .mini-wave i{box-shadow:0 0 calc(4 * var(--home-unit)) #c589d173;background:#c589d1}.home-page.night .topic-line{color:#d8d1dd}.home-page.night .topic-rule{background:#d8d1dd}.home-page.night .dock{border:calc(1 * var(--home-unit)) solid #ffffff14;-webkit-backdrop-filter:blur(calc(18 * var(--home-unit)));backdrop-filter:blur(calc(18 * var(--home-unit)));background:#1e1f34d6}.home-page.night .speak{background:var(--lav);color:#382a41}.home-page.night .mic{background:#3a28441f}.home-page.night .receive,.home-page.night .write{color:#bab4c3}.home-page.night .radar-wave{color:#dcb9eb}.home-page.day .voice-rise{color:#a65bb4}.home-page.night .voice-rise{color:#d69be1}.home-page.night .recording-dot{box-shadow:0 0 calc(7 * var(--home-unit)) #e19aede6;background:#e5a4ef}@media (prefers-reduced-motion:reduce){.home-page .glint,.home-page .orb-ripple.r1,.home-page .orb-ripple.r2,.home-page .orb-ripple.r3,.home-page[data-recording=recording] .radar-wave,.home-page .voice-rise i,.home-page .voice-rise:before,.home-page .recording-dot{animation:none}.home-page .glint{opacity:.7}.home-page .orb-ripple:first-of-type{opacity:.16;transform:scale(1.26)}.home-page[data-recording=recording] .radar-wave:first-child{opacity:.2;transform:translate(-50%,-50%)scale(1.28)}.home-page[data-recording=recording] .voice-rise i{opacity:.28}}.home-page .topbar{margin-top:var(--home-top)}.home-page .scene{top:calc(var(--home-top) + 56 * var(--home-unit));bottom:env(safe-area-inset-bottom,0px)}.home-page .speak{touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.home-page button:disabled{cursor:not-allowed;pointer-events:none;opacity:.44}.home-page .speak:disabled{cursor:not-allowed;background:#77717f}.home-page .topic-change{font:inherit;font-weight:800}.home-page .status-hint.is-empty{visibility:hidden}.home-page .voice-feedback{left:0;right:0;bottom:calc(100 * var(--home-unit));justify-content:center;align-items:center;gap:calc(8 * var(--home-unit));font-size:calc(9 * var(--home-unit));z-index:7;display:flex;position:absolute}.home-page .voice-feedback button{font:inherit;text-decoration:underline}@media (prefers-reduced-motion:reduce){.home-page .topic-line{transition:none}}@media (height>=601px) and (height<=811px){.home-page{--home-top:max(12px, env(safe-area-inset-top,0px))}.home-page .orb-stage{--home-unit:clamp(.35px, calc((100dvh - 480px - env(safe-area-inset-bottom,0px) - max(0px, env(safe-area-inset-top,0px) - 12px)) / 164), 1.18px)}.home-page[data-recording=recording] .copy{visibility:hidden}.home-page[data-recording=recording] .orb-stage{transform-origin:top;transform:scale(.7)}}@media (height<=600px){.home-page{--home-top:max(12px, env(safe-area-inset-top,0px))}.home-page .topbar{height:60px;padding-top:6px;padding-bottom:6px}.home-page .scene{top:calc(var(--home-top) + 60px)}.home-page .orb-stage{--home-unit:.58px;margin-top:0}.home-page .copy{display:none}.home-page .dock{bottom:12px}.home-page .topic-line{bottom:calc(62 * var(--home-unit) + 24px)}.home-page[data-recording=recording] .topic-line{bottom:calc(62 * var(--home-unit) + 34px);transform:none}.home-page[data-recording=recording] .orb-stage{transform-origin:top;transform:scale(.8)}}.app-canvas{--screen-unit:calc(min(100vw, var(--app-max-width,430px)) / 270);--accent:#c99bd3;--accent-deep:#a96fba;--danger:#a45164;width:100%;max-width:var(--app-max-width,430px);height:100dvh;padding:max(calc(52 * var(--screen-unit)), env(safe-area-inset-top,0px)) calc(18 * var(--screen-unit)) max(calc(22 * var(--screen-unit)), env(safe-area-inset-bottom,0px));text-align:left;font-family:var(--font-sans);font-size:calc(16 * var(--screen-unit));margin:0 auto;position:relative;overflow:hidden}.app-canvas,.app-canvas *,.app-canvas:before,.app-canvas :before,.app-canvas :after{box-sizing:border-box}.app-canvas button,.app-canvas input,.app-canvas textarea{appearance:none;color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0}.app-canvas button{cursor:pointer}.app-canvas button:disabled{cursor:not-allowed;pointer-events:none;opacity:.42;box-shadow:none}.app-canvas button:focus-visible,.app-canvas input:focus-visible,.app-canvas textarea:focus-visible{outline-offset:3px;outline:2px solid}.app-canvas h1{margin:0}.app-canvas.day{color:#343442;background:linear-gradient(#e9f3f0 0%,#f7eee1 58%,#ead7c9 100%)}.app-canvas.dawn{color:#343442;background:linear-gradient(#efeaf2 0%,#f6eee5 52%,#ecd8cb 100%)}.app-canvas:before{content:"";width:calc(230 * var(--screen-unit));height:calc(230 * var(--screen-unit));left:calc(-110 * var(--screen-unit));top:calc(154 * var(--screen-unit));pointer-events:none;background:#fff3;border-radius:50%;position:absolute}.app-canvas.night{color:#faf6fc;background:radial-gradient(circle at 50% 8%,#342249 0,#18182f 45%,#101224 100%)}.app-canvas.night:before{background:#a367bc0e}.app-canvas .topbar{z-index:3;justify-content:space-between;align-items:center;display:flex;position:relative}.app-canvas .page-title{font-size:calc(17 * var(--screen-unit));letter-spacing:-.04em;font-weight:900}.app-canvas .top-actions{align-items:center;gap:calc(7 * var(--screen-unit));display:flex}.app-canvas .icon-btn{width:calc(29 * var(--screen-unit));height:calc(29 * var(--screen-unit));border:calc(1 * var(--screen-unit)) solid #fff6;font-size:calc(12 * var(--screen-unit));color:inherit;background:#ffffff61;border-radius:50%;place-items:center;display:grid}.app-canvas.night .icon-btn{background:#ffffff12;border-color:#ffffff0f}.app-canvas .avatar{width:calc(29 * var(--screen-unit));height:calc(29 * var(--screen-unit));box-shadow:inset 0 0 0 calc(1 * var(--screen-unit)) #ffffff3d;background:linear-gradient(145deg,#edbda8,#82699f);border-radius:50%}.app-canvas .title{font-size:calc(23 * var(--screen-unit));letter-spacing:-.05em;font-weight:920;line-height:1.18}.app-canvas .glass{border:calc(1 * var(--screen-unit)) solid #ffffffa3;box-shadow:0 calc(12 * var(--screen-unit)) calc(28 * var(--screen-unit)) #3e2c4317;-webkit-backdrop-filter:blur(calc(16 * var(--screen-unit)));backdrop-filter:blur(calc(16 * var(--screen-unit)));background:#ffffff8f}.app-canvas.night .glass{box-shadow:0 calc(14 * var(--screen-unit)) calc(30 * var(--screen-unit)) #03030c2e;background:#1f1f37b3;border-color:#ffffff14}.app-canvas .primary{height:calc(48 * var(--screen-unit));border-radius:calc(25 * var(--screen-unit));color:#fff;justify-content:center;align-items:center;gap:calc(8 * var(--screen-unit));font-size:calc(10 * var(--screen-unit));box-shadow:0 calc(11 * var(--screen-unit)) calc(22 * var(--screen-unit)) #2f27392e;background:#393248;border:none;font-weight:900;display:flex}.app-canvas.night .primary{color:#35263d;background:#d8afe3}.app-canvas .mini-orb{width:calc(54 * var(--screen-unit));height:calc(54 * var(--screen-unit));box-shadow:0 0 calc(38 * var(--screen-unit)) #db96bb6b;background:radial-gradient(circle at 35% 28%,#fff3d1,#edb78f 49%,#b27ab4 77%,#6b5b8b);border-radius:50%;position:relative}.app-canvas.night .mini-orb{box-shadow:0 0 calc(38 * var(--screen-unit)) #c570d766;background:radial-gradient(circle at 34% 26%,#ffd4bc,#c37ace 43%,#5945a0 72%,#282842)}.app-canvas .mini-orb:after{content:"";inset:calc(-10 * var(--screen-unit));border:calc(1 * var(--screen-unit)) solid currentColor;opacity:.12;border-radius:50%;position:absolute}.app-canvas .wave{gap:calc(3 * var(--screen-unit));height:calc(24 * var(--screen-unit));justify-content:center;align-items:center;display:flex}.app-canvas .wave i{width:calc(3 * var(--screen-unit));border-radius:calc(4 * var(--screen-unit));opacity:.72;background:currentColor;display:block}.app-canvas .wave i:first-child,.app-canvas .wave i:nth-child(9){height:calc(6 * var(--screen-unit))}.app-canvas .wave i:nth-child(2),.app-canvas .wave i:nth-child(8){height:calc(11 * var(--screen-unit))}.app-canvas .wave i:nth-child(3),.app-canvas .wave i:nth-child(7){height:calc(17 * var(--screen-unit))}.app-canvas .wave i:nth-child(4),.app-canvas .wave i:nth-child(6){height:calc(22 * var(--screen-unit))}.app-canvas .wave i:nth-child(5){height:calc(13 * var(--screen-unit))}.app-canvas .micro-dock{left:calc(18 * var(--screen-unit));right:calc(18 * var(--screen-unit));bottom:calc(25 * var(--screen-unit));height:calc(54 * var(--screen-unit));border-radius:calc(27 * var(--screen-unit));padding:calc(5 * var(--screen-unit));grid-template-columns:calc(44 * var(--screen-unit)) 1fr calc(44 * var(--screen-unit));z-index:5;align-items:center;display:grid;position:absolute}.app-canvas .micro-dock .side{text-align:center;font-size:calc(7 * var(--screen-unit));opacity:.64}.app-canvas .micro-dock .mid{height:calc(44 * var(--screen-unit));border-radius:calc(24 * var(--screen-unit));justify-content:center;align-items:center;gap:calc(6 * var(--screen-unit));color:#fff;font-size:calc(9 * var(--screen-unit));background:#3a3349;font-weight:900;display:flex}.app-canvas.night .micro-dock .mid{color:#37293e;background:#d9b0e3}.app-canvas .listen-stage{text-align:center;padding-top:calc(24 * var(--screen-unit))}.app-canvas .listen-stage .orb-wrap{width:calc(144 * var(--screen-unit));height:calc(144 * var(--screen-unit));margin:0 auto calc(19 * var(--screen-unit));place-items:center;display:grid;position:relative}.app-canvas .listen-stage .orb-wrap:before,.app-canvas .listen-stage .orb-wrap:after{content:"";border:calc(1 * var(--screen-unit)) solid #dca8e738;border-radius:50%;animation:2.5s ease-out infinite softPulse;position:absolute}.app-canvas .listen-stage .orb-wrap:before{inset:calc(19 * var(--screen-unit))}.app-canvas .listen-stage .orb-wrap:after{inset:calc(4 * var(--screen-unit));animation-delay:.7s}.app-canvas .listen-stage .mini-orb{width:calc(91 * var(--screen-unit));height:calc(91 * var(--screen-unit))}.app-canvas .listen-stage h3{margin:0 0 calc(6 * var(--screen-unit));font-size:calc(17 * var(--screen-unit));letter-spacing:-.035em}.app-canvas .player{margin:calc(18 * var(--screen-unit)) 0 calc(12 * var(--screen-unit));padding:calc(15 * var(--screen-unit)) calc(14 * var(--screen-unit));border-radius:calc(22 * var(--screen-unit));color:#d8a6e3}.app-canvas .player-meta{font-size:calc(8 * var(--screen-unit));color:#aaa4b3;margin-top:calc(6 * var(--screen-unit));justify-content:space-between;display:flex}.app-canvas .reply-row{gap:calc(8 * var(--screen-unit));margin-top:calc(16 * var(--screen-unit));grid-template-columns:1fr 1fr;display:grid}.app-canvas .reply-row button{height:calc(42 * var(--screen-unit));border-radius:calc(22 * var(--screen-unit));font-size:calc(9 * var(--screen-unit));border:none;font-weight:900}.app-canvas .reply-row .reply{color:#35283d;background:#dab1e4}.app-canvas .reply-row .pass{color:#d8d1dc;border:calc(1 * var(--screen-unit)) solid #ffffff14;background:#ffffff12}.app-canvas .fine-actions{justify-content:center;gap:calc(20 * var(--screen-unit));margin-top:calc(13 * var(--screen-unit));font-size:calc(8 * var(--screen-unit));color:#8f8998;display:flex}.app-canvas .topic-card{border-radius:calc(20 * var(--screen-unit));padding:calc(13 * var(--screen-unit)) calc(14 * var(--screen-unit));gap:calc(10 * var(--screen-unit));align-items:center;display:flex}.app-canvas .topic-mark{width:calc(27 * var(--screen-unit));height:calc(27 * var(--screen-unit));color:#9f68ac;font-size:calc(11 * var(--screen-unit));background:#ead7ee;border-radius:50%;place-items:center;display:grid}.app-canvas .topic-card span{font-size:calc(8 * var(--screen-unit));color:#8b8190}.app-canvas .topic-card b{margin-top:calc(3 * var(--screen-unit));font-size:calc(10 * var(--screen-unit));line-height:1.4;display:block}.app-canvas .editor{margin-top:calc(11 * var(--screen-unit));height:calc(204 * var(--screen-unit));border-radius:calc(26 * var(--screen-unit));padding:calc(17 * var(--screen-unit));position:relative}.app-canvas .editor .placeholder-text{font-size:calc(15 * var(--screen-unit));color:#524b58;font-weight:680;line-height:1.55}.app-canvas .editor .cursor{width:calc(2 * var(--screen-unit));height:calc(17 * var(--screen-unit));vertical-align:calc(-3 * var(--screen-unit));margin-left:calc(2 * var(--screen-unit));background:#ae6fba;display:inline-block}.app-canvas .editor-tools{left:calc(15 * var(--screen-unit));right:calc(15 * var(--screen-unit));bottom:calc(14 * var(--screen-unit));font-size:calc(8 * var(--screen-unit));color:#8c8291;justify-content:space-between;align-items:center;display:flex;position:absolute}.app-canvas .tool-pills{gap:calc(6 * var(--screen-unit));display:flex}.app-canvas .tool-pills i{width:calc(26 * var(--screen-unit));height:calc(26 * var(--screen-unit));background:#ffffff7a;border-radius:50%;place-items:center;font-style:normal;display:grid}.app-canvas .dialogue-head-row{justify-content:space-between;align-items:flex-end;display:flex}.app-canvas .dialogue-count{font-size:calc(8 * var(--screen-unit));color:#8c8291}.app-canvas .conversation-list{gap:calc(9 * var(--screen-unit));flex-direction:column;display:flex}.app-canvas .conversation-empty{text-align:center;color:#837987;font-size:calc(9 * var(--screen-unit));padding:calc(44 * var(--screen-unit)) 0}.app-canvas .conversation-empty p{margin:0 0 calc(12 * var(--screen-unit))}.app-canvas .conversation-empty button{min-height:calc(36 * var(--screen-unit));padding:0 calc(18 * var(--screen-unit));border-radius:calc(18 * var(--screen-unit));color:#fff;background:#3a3349;font-weight:850}.app-canvas .conversation{border-radius:calc(20 * var(--screen-unit));padding:calc(12 * var(--screen-unit));grid-template-columns:calc(39 * var(--screen-unit)) 1fr auto;gap:calc(10 * var(--screen-unit));align-items:center;display:grid}.app-canvas .sigil{width:calc(39 * var(--screen-unit));height:calc(39 * var(--screen-unit));font-size:calc(13 * var(--screen-unit));color:#fff;box-shadow:0 0 0 calc(5 * var(--screen-unit)) #bb7dc414;background:linear-gradient(145deg,#efbea2,#a077bb);border-radius:50%;place-items:center;display:grid}.app-canvas .conversation:nth-child(2) .sigil{background:linear-gradient(145deg,#bdd6d2,#7386ad)}.app-canvas .conversation:nth-child(3) .sigil{background:linear-gradient(145deg,#efd3a8,#b67791)}.app-canvas .conversation b{font-size:calc(10 * var(--screen-unit));margin-bottom:calc(4 * var(--screen-unit));display:block}.app-canvas .conversation p{font-size:calc(8 * var(--screen-unit));white-space:nowrap;text-overflow:ellipsis;color:#7d7583;max-width:calc(145 * var(--screen-unit));margin:0;overflow:hidden}.app-canvas .ended{opacity:.52}.app-canvas .chat-top{margin-top:calc(7 * var(--screen-unit));grid-template-columns:calc(30 * var(--screen-unit)) 1fr calc(30 * var(--screen-unit));text-align:center;align-items:center;display:grid}.app-canvas .chat-top .page-title{font-size:calc(12 * var(--screen-unit))}.app-canvas .chat-stream{gap:calc(10 * var(--screen-unit));flex-direction:column;display:flex}.app-canvas .chat-loading{align-self:flex-start;align-items:center;gap:calc(4 * var(--screen-unit));min-width:calc(46 * var(--screen-unit));min-height:calc(28 * var(--screen-unit));padding:0 calc(13 * var(--screen-unit));border-radius:calc(16 * var(--screen-unit));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;display:flex}.app-canvas .chat-loading i{width:calc(4 * var(--screen-unit));height:calc(4 * var(--screen-unit));background:#ffffffb8;border-radius:50%;animation:1.1s ease-in-out infinite chat-loading-pulse}.app-canvas .chat-loading i:nth-child(2){animation-delay:.14s}.app-canvas .chat-loading i:nth-child(3){animation-delay:.28s}@keyframes chat-loading-pulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(calc(-2 * var(--screen-unit)))}}.app-canvas .bubble{max-width:80%;padding:calc(11 * var(--screen-unit)) calc(12 * var(--screen-unit));border-radius:calc(18 * var(--screen-unit));font-size:calc(9 * var(--screen-unit));line-height:1.55;position:relative}.app-canvas .bubble.them{border-bottom-left-radius:calc(5 * var(--screen-unit));align-self:flex-start}.app-canvas .bubble.me{color:#33263a;border-bottom-right-radius:calc(5 * var(--screen-unit));background:#d5ade0;align-self:flex-end}.app-canvas .voice-bubble{align-items:center;gap:calc(8 * var(--screen-unit));display:flex}.app-canvas .voice-bars{gap:calc(2 * var(--screen-unit));align-items:center;display:flex}.app-canvas .voice-bars i{width:calc(2 * var(--screen-unit));border-radius:calc(2 * var(--screen-unit));background:currentColor}.app-canvas .voice-bars i:first-child{height:calc(7 * var(--screen-unit))}.app-canvas .voice-bars i:nth-child(2){height:calc(12 * var(--screen-unit))}.app-canvas .voice-bars i:nth-child(3){height:calc(9 * var(--screen-unit))}.app-canvas .voice-bars i:nth-child(4){height:calc(15 * var(--screen-unit))}.app-canvas .voice-bars i:nth-child(5){height:calc(6 * var(--screen-unit))}.app-canvas .composer{left:calc(14 * var(--screen-unit));right:calc(14 * var(--screen-unit));bottom:calc(25 * var(--screen-unit));height:calc(51 * var(--screen-unit));border-radius:calc(27 * var(--screen-unit));padding:calc(5 * var(--screen-unit));grid-template-columns:calc(37 * var(--screen-unit)) 1fr calc(39 * var(--screen-unit));align-items:center;display:grid;position:absolute}.app-canvas .composer span{text-align:center;font-size:calc(13 * var(--screen-unit))}.app-canvas .composer .input{font-size:calc(9 * var(--screen-unit));color:#a9a3b1;padding-left:calc(5 * var(--screen-unit))}.app-canvas .composer .send{width:calc(38 * var(--screen-unit));height:calc(38 * var(--screen-unit));color:#37293e;font-size:calc(12 * var(--screen-unit));background:#d9b0e3;border-radius:50%;place-items:center;display:grid}.app-canvas .composer.text-only{grid-template-columns:1fr calc(39 * var(--screen-unit));padding-left:calc(17 * var(--screen-unit))}.app-canvas .seed-waiting{align-self:flex-start;align-items:center;gap:calc(4 * var(--screen-unit));height:calc(24 * var(--screen-unit));padding:0 calc(10 * var(--screen-unit));border-radius:calc(14 * var(--screen-unit));background:#ffffff14;display:flex}.app-canvas .seed-waiting i{width:calc(4 * var(--screen-unit));height:calc(4 * var(--screen-unit));background:#d8cfdf;border-radius:50%;animation:1.2s ease-in-out infinite waitingDot}.app-canvas .seed-waiting i:nth-child(2){animation-delay:.16s}.app-canvas .seed-waiting i:nth-child(3){animation-delay:.32s}.app-canvas .seed-disclosure{max-width:85%;margin:calc(4 * var(--screen-unit)) 0 0;text-align:center;color:#aaa1b0;font-size:calc(8 * var(--screen-unit));align-self:center;line-height:1.55}.app-canvas .chat-ended{left:calc(14 * var(--screen-unit));right:calc(14 * var(--screen-unit));bottom:max(calc(25 * var(--screen-unit)), env(safe-area-inset-bottom,0px));height:calc(45 * var(--screen-unit));border-radius:calc(23 * var(--screen-unit));color:#bcb3c1;font-size:calc(8 * var(--screen-unit));place-items:center;display:grid;position:absolute}.app-canvas .profile-hero{text-align:center;margin:calc(26 * var(--screen-unit)) 0 calc(17 * var(--screen-unit))}.app-canvas .profile-orb{width:calc(89 * var(--screen-unit));height:calc(89 * var(--screen-unit));margin:0 auto calc(14 * var(--screen-unit));box-shadow:0 0 0 calc(12 * var(--screen-unit)) #ffffff2b,0 0 calc(42 * var(--screen-unit)) #cd8bb84d;background:radial-gradient(circle at 35% 27%,#fff5d4,#edbc9c 47%,#bd89bd 76%,#79668e);border-radius:50%;position:relative}.app-canvas .profile-orb:before,.app-canvas .profile-orb:after{content:"";width:calc(4 * var(--screen-unit));height:calc(4 * var(--screen-unit));box-shadow:0 0 calc(8 * var(--screen-unit)) #fff;background:#fff;border-radius:50%;position:absolute}.app-canvas .profile-orb:before{left:calc(-12 * var(--screen-unit));top:calc(22 * var(--screen-unit))}.app-canvas .profile-orb:after{right:calc(-17 * var(--screen-unit));bottom:calc(17 * var(--screen-unit))}.app-canvas .profile-hero h3{font-size:calc(18 * var(--screen-unit));margin:0 0 calc(5 * var(--screen-unit))}.app-canvas .profile-hero p{font-size:calc(8 * var(--screen-unit));color:#817987;margin:0}.app-canvas .traits{gap:calc(6 * var(--screen-unit));margin-bottom:calc(11 * var(--screen-unit));grid-template-columns:repeat(3,1fr);display:grid}.app-canvas .trait{border-radius:calc(16 * var(--screen-unit));padding:calc(10 * var(--screen-unit)) calc(4 * var(--screen-unit));text-align:center}.app-canvas .trait b{font-size:calc(11 * var(--screen-unit));margin-bottom:calc(4 * var(--screen-unit));display:block}.app-canvas .trait span{font-size:calc(7 * var(--screen-unit));color:#887e8c}.app-canvas .settings{border-radius:calc(22 * var(--screen-unit));padding:calc(4 * var(--screen-unit)) calc(13 * var(--screen-unit))}.app-canvas .setting{height:calc(47 * var(--screen-unit));border-bottom:calc(1 * var(--screen-unit)) solid #503e5814;font-size:calc(9 * var(--screen-unit));justify-content:space-between;align-items:center;display:flex}.app-canvas .setting:last-child{border-bottom:0}.app-canvas .setting small{font-size:calc(7 * var(--screen-unit));color:#948a98}.app-canvas .toggle{width:calc(28 * var(--screen-unit));height:calc(16 * var(--screen-unit));border-radius:calc(10 * var(--screen-unit));padding:calc(2 * var(--screen-unit));background:#b979c2}.app-canvas .toggle:after{content:"";width:calc(12 * var(--screen-unit));height:calc(12 * var(--screen-unit));margin-left:calc(12 * var(--screen-unit));background:#fff;border-radius:50%;display:block}.app-canvas .setting[aria-checked=false] .toggle{background:#d5ced9}.app-canvas .setting[aria-checked=false] .toggle:after{margin-left:0}.app-canvas .micro-dock .side{width:auto;height:calc(48 * var(--screen-unit));justify-content:center;align-items:center;gap:calc(1 * var(--screen-unit));border-radius:calc(24 * var(--screen-unit));font-size:calc(7 * var(--screen-unit));opacity:.68;flex-direction:column;line-height:1.2;display:flex}.app-canvas .micro-dock .mid{width:auto;height:calc(48 * var(--screen-unit));border-radius:calc(24 * var(--screen-unit));justify-content:center;align-items:center;gap:calc(6 * var(--screen-unit));color:#fff;font-size:calc(9 * var(--screen-unit));background:#373247;font-weight:850;display:flex}.app-canvas .listen-stage .orb-wrap{margin-bottom:calc(10 * var(--screen-unit))}.app-canvas .content-meta{text-align:center;font-size:calc(8 * var(--screen-unit));color:#aaa3b3;letter-spacing:.02em}.app-canvas .player{margin-top:calc(22 * var(--screen-unit))}.app-canvas .text-stage .mini-orb{margin-bottom:calc(11 * var(--screen-unit))}.app-canvas .text-paper{margin-top:calc(20 * var(--screen-unit))}.app-canvas .topic-card,.app-canvas .dialogue-head{margin-top:calc(22 * var(--screen-unit))}.app-canvas .dialogue-head .title{font-size:calc(21 * var(--screen-unit))}.app-canvas .conversation{grid-template-columns:calc(39 * var(--screen-unit)) minmax(0,1fr) calc(38 * var(--screen-unit))}.app-canvas .conversation p{max-width:calc(132 * var(--screen-unit))}.app-canvas .conv-status{width:calc(38 * var(--screen-unit));height:calc(36 * var(--screen-unit));justify-content:center;align-items:flex-end;gap:calc(7 * var(--screen-unit));flex-direction:column;display:flex}.app-canvas .conv-status span{white-space:nowrap;font-size:calc(7 * var(--screen-unit));color:#9c929f}.app-canvas .micro-dock{padding:calc(5 * var(--screen-unit));align-items:center;display:flex;overflow:hidden}.app-canvas .micro-dock .side{flex:0 0 calc(44 * var(--screen-unit));height:calc(44 * var(--screen-unit));justify-content:center;align-items:center;line-height:1.35;display:flex}.app-canvas .micro-dock .mid{height:calc(44 * var(--screen-unit));border-radius:calc(22 * var(--screen-unit));flex:auto;align-self:center;margin:0}.app-canvas .chat-stream{margin-top:calc(14 * var(--screen-unit))}.app-canvas .bubble{padding-top:calc(11 * var(--screen-unit))}.app-canvas .profile-hero p{display:none}.app-canvas .topbar,.app-canvas .chat-top{height:calc(40 * var(--screen-unit));align-items:center;margin-top:0}.app-canvas .listen-stage{padding-top:calc(20 * var(--screen-unit))}.app-canvas .reply-row{margin-top:calc(14 * var(--screen-unit))}.app-canvas .text-stage{text-align:center;padding-top:calc(17 * var(--screen-unit))}.app-canvas .text-stage .mini-orb{width:calc(62 * var(--screen-unit));height:calc(62 * var(--screen-unit));margin:0 auto calc(17 * var(--screen-unit))}.app-canvas .text-stage h3{font-size:calc(16 * var(--screen-unit));letter-spacing:-.025em;margin:0 auto calc(8 * var(--screen-unit));max-width:calc(218 * var(--screen-unit));line-height:1.48}.app-canvas .text-paper{margin:calc(18 * var(--screen-unit)) 0 calc(12 * var(--screen-unit));border-radius:calc(23 * var(--screen-unit));padding:calc(17 * var(--screen-unit)) calc(15 * var(--screen-unit));text-align:left;color:#d8d1dc}.app-canvas .text-paper .quote{font-size:calc(10 * var(--screen-unit));line-height:1.65}.app-canvas .text-paper .paper-meta{margin-top:calc(11 * var(--screen-unit));font-size:calc(7 * var(--screen-unit));color:#928b9d;justify-content:space-between;display:flex}.app-canvas .text-paper .paper-meta b{color:#cfa3d9;font-weight:800}.app-canvas .dialogue-head{margin:calc(25 * var(--screen-unit)) 0 calc(13 * var(--screen-unit))}.app-canvas .conversation-list{gap:calc(7 * var(--screen-unit))}.app-canvas .conversation{padding:calc(10 * var(--screen-unit)) calc(12 * var(--screen-unit))}.app-canvas .profile-hero{margin:calc(20 * var(--screen-unit)) 0 calc(12 * var(--screen-unit))}.app-canvas .profile-orb{width:calc(78 * var(--screen-unit));height:calc(78 * var(--screen-unit));margin-bottom:calc(10 * var(--screen-unit));box-shadow:0 0 0 calc(10 * var(--screen-unit)) #ffffff2b,0 0 calc(38 * var(--screen-unit)) #cd8bb84d}.app-canvas .profile-hero h3{font-size:calc(17 * var(--screen-unit));margin-bottom:calc(4 * var(--screen-unit))}.app-canvas .profile-hero p{font-size:calc(7.5 * var(--screen-unit))}.app-canvas .traits{margin-bottom:calc(9 * var(--screen-unit))}.app-canvas .trait{padding:calc(8 * var(--screen-unit)) calc(4 * var(--screen-unit))}.app-canvas .settings{padding:calc(3 * var(--screen-unit)) calc(13 * var(--screen-unit))}.app-canvas .setting{height:calc(39 * var(--screen-unit))}.app-canvas .micro-dock{left:50%;right:auto;bottom:calc(32 * var(--screen-unit));width:calc(226 * var(--screen-unit));height:calc(62 * var(--screen-unit));border-radius:calc(31 * var(--screen-unit));grid-template-columns:calc(48 * var(--screen-unit)) 1fr calc(48 * var(--screen-unit));padding:calc(7 * var(--screen-unit));box-sizing:border-box;border:calc(1 * var(--screen-unit)) solid #ffffffd1;box-shadow:0 calc(11 * var(--screen-unit)) calc(27 * var(--screen-unit)) #1a142530;-webkit-backdrop-filter:blur(calc(18 * var(--screen-unit)));backdrop-filter:blur(calc(18 * var(--screen-unit)));background:#ffffffad;align-items:center;display:grid;overflow:visible;transform:translate(-50%)}.app-canvas .micro-dock .side{width:auto;height:calc(48 * var(--screen-unit));flex:initial;justify-content:center;align-items:center;gap:calc(1 * var(--screen-unit));border-radius:calc(24 * var(--screen-unit));font-size:calc(7 * var(--screen-unit));opacity:.68;flex-direction:column;line-height:1.2;display:flex}.app-canvas .micro-dock .nav-icon{font-size:calc(12 * var(--screen-unit));line-height:calc(14 * var(--screen-unit))}.app-canvas .micro-dock .mid{width:auto;height:calc(48 * var(--screen-unit));flex:initial;justify-content:center;align-items:center;gap:calc(6 * var(--screen-unit));border-radius:calc(24 * var(--screen-unit));color:#fff;font-size:calc(9 * var(--screen-unit));background:#373247;align-self:center;margin:0;font-weight:850;display:flex}.app-canvas .micro-dock .nav-main-icon{width:calc(25 * var(--screen-unit));height:calc(25 * var(--screen-unit));font-size:calc(10 * var(--screen-unit));background:#ffffff26;border-radius:50%;place-items:center;display:grid}.app-canvas .state-topbar{height:calc(38 * var(--screen-unit));grid-template-columns:calc(29 * var(--screen-unit)) 1fr calc(29 * var(--screen-unit));text-align:center;z-index:3;align-items:center;display:grid;position:relative}.app-canvas .state-topbar .page-title{font-size:calc(13 * var(--screen-unit))}.app-canvas .state-topbar .icon-btn{width:calc(27 * var(--screen-unit));height:calc(27 * var(--screen-unit))}.app-canvas .state-body{height:calc(100% - calc(60 * var(--screen-unit)));z-index:2;flex-direction:column;display:flex;position:relative}.app-canvas .state-copy{text-align:center;margin-top:calc(13 * var(--screen-unit))}.app-canvas .state-copy h4{font-size:calc(18 * var(--screen-unit));letter-spacing:-.04em;margin:0 0 calc(7 * var(--screen-unit));line-height:1.25}.app-canvas .state-copy p{font-size:calc(8 * var(--screen-unit));color:#7e7583;max-width:calc(214 * var(--screen-unit));margin:0 auto;line-height:1.55}.app-canvas.night .state-copy p{color:#aaa3b3}.app-canvas .state-primary{width:100%;height:calc(43 * var(--screen-unit));border-radius:calc(23 * var(--screen-unit));color:#fff;font-size:calc(9 * var(--screen-unit));box-shadow:0 calc(10 * var(--screen-unit)) calc(22 * var(--screen-unit)) #2f273929;background:#3a3349;border:0;font-weight:900}.app-canvas.night .state-primary{color:#37293e;background:#d9b0e3}.app-canvas .glass{box-shadow:0 calc(8 * var(--screen-unit)) calc(22 * var(--screen-unit)) #3e2c4311;border-color:#ffffff75}.app-canvas .icon-btn{width:calc(32 * var(--screen-unit));height:calc(32 * var(--screen-unit));background:#ffffff47}.app-canvas.night .icon-btn{background:#fff1}.app-canvas .reply-row button{height:calc(44 * var(--screen-unit));font-size:calc(9.5 * var(--screen-unit));cursor:pointer}.app-canvas .reply-row .pass{background:0 0;border-color:#ffffff24}.app-canvas .fine-actions{gap:calc(10 * var(--screen-unit))}.app-canvas .safe-link{min-width:calc(74 * var(--screen-unit));min-height:calc(34 * var(--screen-unit));color:#aaa3b2;font-size:calc(8 * var(--screen-unit));cursor:pointer;background:0 0;border:0}.app-canvas .safe-link:hover{color:#fff}.app-canvas .discard-feedback{min-height:calc(24 * var(--screen-unit));margin:calc(10 * var(--screen-unit)) 0 calc(2 * var(--screen-unit));justify-content:center;align-items:center;gap:calc(6 * var(--screen-unit));color:#bcb3c1;font-size:calc(8 * var(--screen-unit));opacity:0;transform:translateY(calc(-4 * var(--screen-unit)));transition:all .22s;display:flex}.app-canvas .discard-feedback.visible{opacity:1;transform:none}.app-canvas .discard-feedback i{width:calc(5 * var(--screen-unit));height:calc(5 * var(--screen-unit));box-shadow:0 0 calc(8 * var(--screen-unit)) #d4a5ddb3;background:#d4a5dd;border-radius:50%}.app-canvas .content-payload{transition:opacity .22s,transform .3s}.app-canvas .content-payload.is-tossing{animation:.55s cubic-bezier(.2,.72,.3,1) payloadToss}.app-canvas .receive-screen .text-stage{padding-top:calc(9 * var(--screen-unit))}.app-canvas .receive-screen .text-paper{margin-top:calc(14 * var(--screen-unit))}.app-canvas .receive-screen .reply-row{left:calc(18 * var(--screen-unit));right:calc(18 * var(--screen-unit));bottom:calc(103 * var(--screen-unit));position:absolute}.app-canvas .receive-screen .fine-actions{left:calc(18 * var(--screen-unit));right:calc(18 * var(--screen-unit));bottom:calc(65 * var(--screen-unit));position:absolute}.app-canvas .conversation{border-radius:calc(16 * var(--screen-unit));box-shadow:none}.app-canvas .conv-status{align-items:flex-end}.app-canvas .conv-status span{padding:calc(4 * var(--screen-unit)) calc(6 * var(--screen-unit));border-radius:calc(9 * var(--screen-unit));color:#766d7a;background:#ffffff6b}.app-canvas .conversation.ended .conv-status span{background:0 0}.app-canvas .chat-top{grid-template-columns:calc(32 * var(--screen-unit)) minmax(0,1fr) calc(80 * var(--screen-unit));gap:calc(5 * var(--screen-unit))}.app-canvas .chat-top .page-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-canvas .chat-actions{justify-content:flex-end;align-items:center;gap:calc(6 * var(--screen-unit));display:flex}.app-canvas .relationship-ring{--progress:77%;width:calc(30 * var(--screen-unit));height:calc(30 * var(--screen-unit));padding:calc(3 * var(--screen-unit));background:conic-gradient(#d9b0e3 0 var(--progress),#ffffff1a var(--progress) 100%);box-shadow:0 0 calc(14 * var(--screen-unit)) #d297e224;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.app-canvas .relationship-ring:before{content:"";inset:calc(3 * var(--screen-unit));background:#221a38;border-radius:50%;position:absolute}.app-canvas .end-chat-button{height:calc(30 * var(--screen-unit));padding:0 calc(2 * var(--screen-unit));color:#c8c1cc;font-size:calc(8 * var(--screen-unit));cursor:pointer;background:0 0;border:0;font-weight:850}.app-canvas .end-chat-button:hover{color:#fff}.app-canvas .chat-panel-layer{z-index:9;align-items:flex-end;display:flex;position:absolute;inset:0}.app-canvas .chat-panel-layer[hidden]{display:none}.app-canvas .chat-panel-backdrop{-webkit-backdrop-filter:blur(calc(2 * var(--screen-unit)));backdrop-filter:blur(calc(2 * var(--screen-unit)));background:#07071294;border:0;position:absolute;inset:0}.app-canvas .chat-panel{width:calc(100% - calc(16 * var(--screen-unit)));margin:0 calc(8 * var(--screen-unit)) calc(8 * var(--screen-unit));padding:calc(17 * var(--screen-unit)) calc(15 * var(--screen-unit)) calc(14 * var(--screen-unit));border-radius:calc(25 * var(--screen-unit));color:#39323f;box-shadow:0 calc(-18 * var(--screen-unit)) calc(40 * var(--screen-unit)) #06050f47;background:#f5eff6fa;position:relative}.app-canvas .chat-panel-head{margin-bottom:calc(10 * var(--screen-unit));justify-content:space-between;align-items:center;display:flex}.app-canvas .chat-panel-head b{font-size:calc(13 * var(--screen-unit))}.app-canvas .chat-panel-close{width:calc(28 * var(--screen-unit));height:calc(28 * var(--screen-unit));color:#716774;cursor:pointer;background:#fff;border:0;border-radius:50%}.app-canvas .unlock-panel-body{text-align:center}.app-canvas .unlock-progress-large{--progress:77%;width:calc(70 * var(--screen-unit));height:calc(70 * var(--screen-unit));margin:calc(2 * var(--screen-unit)) auto calc(11 * var(--screen-unit));padding:calc(5 * var(--screen-unit));background:conic-gradient(#b878c3 0 var(--progress),#e6dce8 var(--progress) 100%);border-radius:50%;place-items:center;display:grid;position:relative}.app-canvas .unlock-progress-large:before{content:"";inset:calc(5 * var(--screen-unit));background:#f5eff6;border-radius:50%;position:absolute}.app-canvas .unlock-progress-lock{width:calc(22 * var(--screen-unit));height:calc(22 * var(--screen-unit));color:#76667c;z-index:1;display:block;position:relative}.app-canvas .unlock-expiry{margin-top:calc(5 * var(--screen-unit));margin-bottom:0}.app-canvas .unlock-panel-body h4{margin:0 0 calc(4 * var(--screen-unit));font-size:calc(15 * var(--screen-unit))}.app-canvas .unlock-panel-body p{margin:0 0 calc(12 * var(--screen-unit));color:#796f7c;font-size:calc(8 * var(--screen-unit));line-height:1.45}.app-canvas .unlock-fields{gap:calc(8 * var(--screen-unit));margin-bottom:calc(12 * var(--screen-unit));display:grid}.app-canvas .unlock-field{align-items:center;gap:calc(10 * var(--screen-unit));text-align:left;display:flex}.app-canvas .unlock-choice{align-items:center;gap:calc(5 * var(--screen-unit));min-width:calc(55 * var(--screen-unit));font-size:calc(10 * var(--screen-unit));display:flex}.app-canvas .unlock-choice input{appearance:auto;width:calc(12 * var(--screen-unit));height:calc(12 * var(--screen-unit));accent-color:#b878c3;flex-shrink:0}.app-canvas .unlock-field>input,.app-canvas .unlock-field select{border-radius:calc(10 * var(--screen-unit));width:100%;min-width:0;padding:calc(8 * var(--screen-unit));font:inherit;font-size:max(16px, calc(10 * var(--screen-unit)));color:#39323f;background:#fff;border:1px solid #e1d6e5;flex:1}.app-canvas .unlock-actions{gap:calc(8 * var(--screen-unit));display:flex}.app-canvas .chat-panel-primary.unlock-reject{color:#514558;background:#e6dce8}.app-canvas .unlock-profile{margin:calc(14 * var(--screen-unit)) 0 0;text-align:left;font-size:calc(11 * var(--screen-unit))}.app-canvas .unlock-profile>div{gap:calc(15 * var(--screen-unit));padding:calc(7 * var(--screen-unit)) 0;display:flex}.app-canvas .unlock-profile dt{min-width:calc(30 * var(--screen-unit));color:#796f7c}.app-canvas .unlock-profile dd{overflow-wrap:anywhere;margin:0}.app-canvas .chat-panel-primary{width:100%;height:calc(40 * var(--screen-unit));border-radius:calc(20 * var(--screen-unit));color:#fff;font-size:calc(9 * var(--screen-unit));background:#3a3349;border:0;font-weight:900}.app-canvas .chat-panel-primary:disabled{opacity:.38}.app-canvas .chat-safety-list{border-top:calc(1 * var(--screen-unit)) solid #e3d9e4;flex-direction:column;display:flex}.app-canvas .chat-safety-choice{height:calc(48 * var(--screen-unit));padding:0 calc(2 * var(--screen-unit));border:0;border-bottom:calc(1 * var(--screen-unit)) solid #e3d9e4;text-align:left;color:#403843;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;display:flex}.app-canvas .chat-safety-choice b{font-size:calc(9 * var(--screen-unit));display:block}.app-canvas .chat-safety-choice small{font-size:calc(7 * var(--screen-unit));color:#8f8491}.app-canvas .chat-safety-choice.danger b{color:#9e5263}.app-canvas .receive-screen .fine-actions .chat-safety-list{justify-content:center;gap:calc(10 * var(--screen-unit));border:0;flex-direction:row}.app-canvas .receive-screen .fine-actions .chat-safety-choice{width:auto;height:calc(34 * var(--screen-unit));padding:0 calc(10 * var(--screen-unit));border-radius:calc(17 * var(--screen-unit));color:#aaa3b2;background:#ffffff0d;border:0}.app-canvas .receive-screen .fine-actions .chat-safety-choice b{font-size:calc(8 * var(--screen-unit))}.app-canvas .receive-screen .fine-actions .chat-safety-choice>span{display:none}.app-canvas .safety-confirmation{gap:calc(12 * var(--screen-unit));display:grid}.app-canvas .safety-confirmation p{font-size:calc(9 * var(--screen-unit));color:#716774;margin:0;line-height:1.6}.app-canvas .safety-confirmation select{width:100%;min-width:0;min-height:calc(34 * var(--screen-unit));padding:calc(7 * var(--screen-unit));border-radius:calc(9 * var(--screen-unit));color:#514558;font:inherit;font-size:calc(9 * var(--screen-unit));background:#fff;border:1px solid #d8cddc}.app-canvas .state-actions{margin-top:auto}.app-canvas .state-primary{height:calc(44 * var(--screen-unit));cursor:pointer}.app-canvas .penalty-clock{text-align:center;margin:calc(14 * var(--screen-unit)) 0 calc(11 * var(--screen-unit))}.app-canvas .penalty-clock strong{font-size:calc(31 * var(--screen-unit));letter-spacing:.05em;display:block}.app-canvas .penalty-clock span{font-size:calc(8 * var(--screen-unit));color:#817783}.app-canvas .current-penalty{padding:calc(10 * var(--screen-unit));border-top:calc(1 * var(--screen-unit)) solid #503e5817;border-bottom:calc(1 * var(--screen-unit)) solid #503e5817;justify-content:center;align-items:center;gap:calc(7 * var(--screen-unit));font-size:calc(8 * var(--screen-unit));color:#756d7a;display:flex}.app-canvas .current-penalty b{color:#423a46}.app-canvas .current-penalty span{padding-left:calc(7 * var(--screen-unit));border-left:calc(1 * var(--screen-unit)) solid #503e581f}.app-canvas .header-spacer{width:calc(32 * var(--screen-unit));height:calc(32 * var(--screen-unit))}.app-canvas .receive-screen{display:contents}.app-canvas .player{text-align:left;width:100%;display:block}.app-canvas .text-paper .quote{max-height:calc(100dvh - 435 * var(--screen-unit));overflow-wrap:anywhere;overflow-y:auto}.app-canvas .editor textarea{width:100%;height:calc(147 * var(--screen-unit));resize:none;outline-offset:calc(4 * var(--screen-unit));line-height:1.55;display:block}.app-canvas .topic-card b{white-space:pre-line}.app-canvas .topic-card>div:last-child,.app-canvas .trait,.app-canvas .penalty-clock{font-size:calc(8 * var(--screen-unit))}.app-canvas .primary{width:100%}.app-canvas .primary:disabled,.app-canvas .state-primary:disabled,.app-canvas .reply-row button:disabled,.app-canvas .composer button:disabled{color:#f4f1f5;background:#77717f}.app-canvas:has(.editor)>form>.primary{margin-top:calc(11 * var(--screen-unit))}.app-canvas .conversation{text-align:left;width:100%}.app-canvas .conversation-copy{min-width:0}.app-canvas .conversation .preview{font-size:calc(8 * var(--screen-unit));white-space:nowrap;text-overflow:ellipsis;color:#7d7583;max-width:calc(132 * var(--screen-unit));margin:0;display:block;overflow:hidden}.app-canvas .conversation-list{max-height:calc(100% - 150 * var(--screen-unit));overflow-y:auto}.app-canvas .chat-stream{height:calc(100% - 120 * var(--screen-unit));overflow:hidden auto}.app-canvas .bubble{overflow-wrap:anywhere;text-align:left;flex-shrink:0}.app-canvas .relationship-ring{padding:0}.app-canvas .ring-lock{width:calc(12 * var(--screen-unit));height:calc(12 * var(--screen-unit));color:#d7cfdb;z-index:1;display:block;position:relative}.app-canvas .composer .input{width:100%;min-width:0}.app-canvas .composer .input::placeholder{color:#a9a3b1;opacity:1}.app-canvas .composer .voice-entry{text-align:center;font-size:calc(13 * var(--screen-unit))}.app-canvas .composer{bottom:max(calc(25 * var(--screen-unit)), env(safe-area-inset-bottom,0px))}.app-canvas .micro-dock{bottom:max(calc(32 * var(--screen-unit)), env(safe-area-inset-bottom,0px))}.app-canvas .chat-panel{margin-bottom:max(calc(8 * var(--screen-unit)), env(safe-area-inset-bottom,0px))}.app-canvas .receive-screen .reply-row{bottom:calc(103 * var(--screen-unit) + env(safe-area-inset-bottom,0px))}.app-canvas .receive-screen .fine-actions{bottom:calc(65 * var(--screen-unit) + env(safe-area-inset-bottom,0px))}.app-canvas .setting{text-align:left;width:100%}.app-canvas .inline-feedback{font-size:calc(8 * var(--screen-unit));text-align:center}.app-canvas .chat-feedback{left:calc(18 * var(--screen-unit));bottom:calc(80 * var(--screen-unit));font-size:calc(8 * var(--screen-unit));position:absolute}.app-canvas .restriction-screen{padding:max(calc(47 * var(--screen-unit)), env(safe-area-inset-top,0px)) calc(16 * var(--screen-unit)) max(calc(20 * var(--screen-unit)), env(safe-area-inset-bottom,0px));position:absolute;inset:0}.app-canvas .restriction-screen .state-body{height:calc(100% - 38 * var(--screen-unit))}.app-canvas:has(.restriction-screen):before{width:calc(205 * var(--screen-unit));height:calc(205 * var(--screen-unit));left:calc(-104 * var(--screen-unit));top:calc(125 * var(--screen-unit))}@keyframes softPulse{0%{opacity:.42;transform:scale(.82)}80%,to{opacity:0;transform:scale(1.2)}}@keyframes waitingDot{0%,80%,to{opacity:.4;transform:translateY(0)}40%{transform:translateY(calc(-3 * var(--screen-unit)));opacity:1}}@keyframes payloadToss{0%{opacity:1;transform:none}48%{transform:translate(calc(28 * var(--screen-unit)), calc(-14 * var(--screen-unit))) rotate(5deg) scale(.88);opacity:.45}49%{transform:translate(calc(-18 * var(--screen-unit)), calc(17 * var(--screen-unit))) scale(.92);opacity:0}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.app-canvas *,.app-canvas :before,.app-canvas :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-canvas .profile-content{display:contents}@media (height>=601px) and (height<=720px){.app-canvas .profile-content{top:calc(max(calc(52 * var(--screen-unit)), env(safe-area-inset-top,0px)) + 40 * var(--screen-unit) + 8px);bottom:calc(max(calc(32 * var(--screen-unit)), env(safe-area-inset-bottom,0px)) + 62 * var(--screen-unit) + 4px);left:calc(18 * var(--screen-unit));right:calc(18 * var(--screen-unit));overscroll-behavior:contain;padding-bottom:8px;scroll-padding-bottom:8px;display:block;position:absolute;overflow-y:auto}}@media (height<=600px){.app-canvas{padding-top:max(12px, env(safe-area-inset-top,0px));overflow:clip}.app-canvas:has(.editor){flex-direction:column;gap:8px;display:flex}.app-canvas:has(.editor) .topbar{flex-shrink:0}.app-canvas:has(.editor) .topic-card{flex-shrink:0;margin-top:0;padding:8px 12px}.app-canvas:has(.editor) .topic-card b{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.app-canvas:has(.editor)>form{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.app-canvas .editor{flex:1;height:auto;min-height:70px;margin-top:0;padding:12px}.app-canvas .editor textarea{height:calc(100% - 33px);min-height:30px}.app-canvas:has(.editor)>form>.primary{flex-shrink:0;height:44px;margin-top:0}.app-canvas:has(.editor) .editor-tools{bottom:7px}.app-canvas:has(.editor) .tool-pills i{width:24px;height:24px}.app-canvas .profile-content{top:calc(max(12px, env(safe-area-inset-top,0px)) + 40 * var(--screen-unit) + 8px);bottom:calc(102 * var(--screen-unit));left:calc(18 * var(--screen-unit));right:calc(18 * var(--screen-unit));display:block;position:absolute;overflow-y:auto}.app-canvas .receive-screen{flex-direction:column;height:100%;min-height:0;display:flex}.app-canvas .receive-screen .topbar,.app-canvas .receive-screen .discard-feedback{flex-shrink:0}.app-canvas .receive-screen .discard-feedback:not(.visible){display:none}.app-canvas .receive-screen .content-payload{overscroll-behavior:contain;flex:1;min-height:0;scroll-padding-block:8px;overflow-y:auto}.app-canvas .receive-screen .text-stage,.app-canvas .receive-screen .listen-stage{padding-top:12px}.app-canvas .receive-screen .text-stage .mini-orb{width:56px;height:56px;margin-bottom:12px}.app-canvas .receive-screen .orb-wrap{width:84px;height:84px;margin-bottom:6px}.app-canvas .receive-screen .listen-stage .mini-orb{width:56px;height:56px}.app-canvas .receive-screen .text-paper{margin:12px 0;padding:16px}.app-canvas .receive-screen .quote{max-height:none;overflow:visible}.app-canvas .receive-screen .player{margin:12px 0;padding:12px}.app-canvas .receive-screen .reply-row{flex-shrink:0;margin:12px 0 0;position:static}.app-canvas .receive-screen .reply-row button{height:48px}.app-canvas .receive-screen .fine-actions{flex-shrink:0;margin:4px 0 0;position:static}.app-canvas .receive-screen .fine-actions .safe-link{min-height:44px}}.app-canvas:has(>.pending-screen){padding:max(calc(47 * var(--screen-unit)), env(safe-area-inset-top,0px)) calc(16 * var(--screen-unit)) max(calc(20 * var(--screen-unit)), env(safe-area-inset-bottom,0px))}.app-canvas:has(>.pending-screen):before{width:calc(205 * var(--screen-unit));height:calc(205 * var(--screen-unit));left:calc(-104 * var(--screen-unit));top:calc(125 * var(--screen-unit));background:#ffffff2e}.pending-screen{height:100%}.pending-screen .state-body{height:calc(100% - 38 * var(--screen-unit))}.pending-screen .state-orb{width:calc(78 * var(--screen-unit));height:calc(78 * var(--screen-unit));margin:calc(17 * var(--screen-unit)) auto 0;box-shadow:0 0 0 calc(11 * var(--screen-unit)) #ffffff21,0 0 calc(36 * var(--screen-unit)) #cd8bb84f;background:radial-gradient(circle at 34% 27%,#fff1d0,#e6a68f 46%,#bb80b7 72%,#6b5a8e);border-radius:50%;position:relative}.pending-screen .state-orb:after{content:"";width:calc(7 * var(--screen-unit));height:calc(7 * var(--screen-unit));right:calc(-10 * var(--screen-unit));top:calc(15 * var(--screen-unit));box-shadow:calc(-77 * var(--screen-unit)) calc(33 * var(--screen-unit)) 0 calc(-2 * var(--screen-unit)) #fffc,calc(-9 * var(--screen-unit)) calc(82 * var(--screen-unit)) 0 calc(-2 * var(--screen-unit)) #ffffff8c;background:#fff;border-radius:50%;position:absolute}.pending-screen .state-link{width:100%;height:calc(29 * var(--screen-unit));font-size:calc(8 * var(--screen-unit));opacity:.58;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;font-weight:800;display:grid}.pending-screen .route-steps{margin:calc(18 * var(--screen-unit)) calc(4 * var(--screen-unit)) 0;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.pending-screen .route-steps:before{content:"";left:16%;right:16%;top:calc(5 * var(--screen-unit));background:#82678a38;height:1px;position:absolute}.pending-screen .route-steps span{padding-top:calc(14 * var(--screen-unit));text-align:center;font-size:calc(7 * var(--screen-unit));color:#8d8291;position:relative}.pending-screen .route-steps span:before{content:"";left:50%;top:calc(1 * var(--screen-unit));width:calc(8 * var(--screen-unit));height:calc(8 * var(--screen-unit));box-shadow:0 0 0 calc(4 * var(--screen-unit)) #c086c91f;background:#c086c9;border-radius:50%;position:absolute;transform:translate(-50%)}.pending-screen .route-steps span:nth-child(n+2):before{box-shadow:none;background:#ddd0df}.app-canvas .restriction-screen h1.page-title[tabindex="-1"]:focus{outline:none}@media (height<=600px){.app-canvas .restriction-screen{padding-top:max(calc(20 * var(--screen-unit)), env(safe-area-inset-top,0px))}.app-canvas .restriction-screen .state-copy{margin-top:calc(4 * var(--screen-unit))}.app-canvas .restriction-screen .penalty-clock{margin:calc(8 * var(--screen-unit)) 0 calc(6 * var(--screen-unit))}}.session-root{display:contents}.session-feedback{z-index:10;top:calc(env(safe-area-inset-top,0px) + 68px);background:var(--glass,#fff9);width:max-content;max-width:calc(min(100vw,430px) - 32px);color:var(--ink,#252326);border-radius:14px;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.session-feedback button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;text-decoration:underline}:root{--lav:#dcb9eb;--ink:#2e2b3b;--muted:#85818d;--app-max-width:430px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif}html{font-family:var(--font-sans);background:#e9e5eb}body{margin:0}button{font:inherit}