@import url('/assets/figma/figma-fonts.css');
@import url('/overflow-text.css');
:root { color-scheme: dark; --ink:#080b13; --surface:#111827; --surface-2:#182334; --line:#273244; --text:#f5f2ea; --muted:#95a1b5; --quiet:#6f7c91; --accent:#66e0e2; --danger:#ff8e8e; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
*{box-sizing:border-box} html{min-height:100%;background:var(--ink)} body{min-height:100vh;margin:0;background:var(--ink);color:var(--text)} button,input{font:inherit} button,a{-webkit-tap-highlight-color:transparent}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.login-panel{width:min(100%,390px);min-height:min(844px,calc(100vh - 48px));display:flex;flex-direction:column;padding:22px 28px 30px;border:1px solid rgba(102,224,226,.08);border-radius:28px;background:rgba(8,11,19,.96);box-shadow:0 35px 90px rgba(0,0,0,.34)}
.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:var(--text);text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--ink);background:var(--accent);font-size:22px;line-height:1}.intro{margin-top:66px}.eyebrow{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}h1,h2{margin:12px 0 10px;line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(2rem,9vw,2.35rem)}h2{font-size:1.9rem}p{color:var(--muted);line-height:1.55}.intro p{margin:0;font-size:15px}.auth-form{margin-top:52px}
.field{margin-bottom:20px}.field label{display:block;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field input{width:100%;height:58px;padding:0 18px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder{color:var(--quiet)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(102,224,226,.12);background:#121c2b}.field input[aria-invalid="true"]{border-color:var(--danger)}.field-error{display:block;min-height:18px;padding-top:5px;color:var(--danger);font-size:12px}.password-field{position:relative}.password-field input{padding-right:88px}.reveal-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:8px;border:0;color:var(--accent);background:transparent;font-size:12px;font-weight:750;cursor:pointer}.text-button{padding:0;border:0;color:var(--accent);background:transparent;cursor:pointer;font-weight:700}.forgot{display:block;margin:-6px 0 27px auto;font-size:13px}
.primary-button,.secondary-button{display:grid;place-items:center;width:100%;min-height:58px;border-radius:14px;font-weight:800;cursor:pointer;transition:transform .15s,filter .15s}.primary-button{border:1px solid var(--accent);color:var(--ink);background:var(--accent)}.secondary-button{border:1px solid var(--accent);color:var(--accent);background:transparent}.button-link{text-decoration:none}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.reveal-button:focus-visible,a:focus-visible{outline:3px solid rgba(102,224,226,.45);outline-offset:3px}.primary-button:disabled{cursor:wait;opacity:.72}.form-message{min-height:20px;margin-bottom:10px;color:var(--danger);font-size:13px;line-height:1.4}
.new-account{margin-top:auto;padding-top:44px;text-align:center}.new-account>span{display:flex;align-items:center;gap:12px;margin-bottom:27px;color:var(--quiet);font-size:11px;letter-spacing:.08em}.new-account>span::before,.new-account>span::after{content:"";flex:1;height:1px;background:var(--line)}.reset-panel{margin-top:105px}.reset-panel p{margin:0 0 30px}.reset-panel .secondary-button{margin-top:12px}.reset-panel .form-message{color:var(--accent)}.home-body{display:grid;min-height:100vh;place-items:center;padding:24px}.home-card{width:min(100%,520px);padding:42px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.home-card .primary-button{margin-top:28px}
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none}.scene::before{content:"";position:absolute;width:520px;height:520px;left:calc(50% - 620px);top:calc(50% - 260px);border:1px solid rgba(102,224,226,.09);border-radius:50%;box-shadow:0 0 120px rgba(102,224,226,.035)}.scene span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent);opacity:.36}.scene span:nth-child(1){left:16%;top:31%}.scene span:nth-child(2){right:17%;top:24%}.scene span:nth-child(3){right:22%;bottom:24%}
@media(max-width:520px){.login-shell{padding:0}.login-panel{min-height:100vh;border:0;border-radius:0;box-shadow:none}.scene{display:none}}@media(max-height:760px){.intro{margin-top:34px}.auth-form{margin-top:30px}.new-account{padding-top:28px}.reset-panel{margin-top:60px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.register-panel{min-height:auto}.register-intro{margin-top:34px}.register-form{margin-top:30px}.register-form .field{margin-bottom:10px}.register-form .field input{height:52px}.register-form .field-error{min-height:16px;padding-top:3px}.new-account.compact{padding-top:24px}.new-account.compact>span{margin-bottom:18px}.register-success{margin:auto 0;text-align:center}.register-success .mail-mark{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 30px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:30px;box-shadow:0 0 42px rgba(102,224,226,.12)}.register-success p{margin:0 0 34px}.verify-card{text-align:center}.verify-card .primary-button{margin-top:30px}
.back-link{width:fit-content;padding:8px 0;border:0;color:var(--muted);background:transparent;font-size:13px;font-weight:700;cursor:pointer}.back-link:hover{color:var(--accent)}.back-link:focus-visible{outline:3px solid rgba(102,224,226,.45);outline-offset:3px}.profile-panel{min-height:min(844px,calc(100vh - 48px))}.profile-intro{margin-top:48px}.profile-intro h1{line-height:1.05}.profile-intro p{margin-top:14px}.profile-form{margin-top:40px}.avatar-wrap{display:grid;justify-items:center;margin-bottom:42px}.avatar-preview{display:grid;place-items:center;width:118px;height:118px;margin-bottom:20px;border:1px solid rgba(102,224,226,.7);border-radius:50%;color:var(--text);background:radial-gradient(circle at 50% 36%,#263449,var(--surface) 68%);box-shadow:0 0 0 9px rgba(102,224,226,.035),0 0 52px rgba(102,224,226,.1);font-size:32px;font-weight:850;letter-spacing:.04em;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-action{padding:8px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.avatar-error{text-align:center}.field-note{margin:-8px 0 34px;color:var(--quiet);font-size:12px}.profile-form .primary-button{display:flex;justify-content:space-between;padding:0 22px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-height:800px){.profile-intro{margin-top:24px}.profile-form{margin-top:24px}.avatar-wrap{margin-bottom:24px}.avatar-preview{width:92px;height:92px;margin-bottom:12px}}
/* figma-home-4-3 */
.app-home-body{min-height:100vh;display:grid;place-items:center;margin:0;background:#080b13}.app-home{position:relative;width:390px;height:844px;overflow:hidden;border-radius:32px;background:#0d1220;color:#f2ead8;font-family:"Atkinson Hyperlegible",Inter,ui-sans-serif,system-ui,sans-serif}.home-orb{position:absolute;border-radius:50%;pointer-events:none}.home-orb-top{left:250px;top:-78px;width:230px;height:230px;background:rgba(142,107,194,.1)}.home-orb-bottom{left:-80px;top:535px;width:210px;height:210px;background:rgba(109,226,224,.05)}.home-header{position:absolute;inset:26px 24px auto}.home-header strong,.app-home h1,.active-character h2,.start-session strong,.home-actions strong{font-family:"Bricolage Grotesque",Inter,ui-sans-serif,system-ui,sans-serif}.home-header>strong{display:block;font-size:17px;line-height:22px;font-weight:850}.home-header>small{display:block;color:#9ea9bc;font-size:10px;line-height:14px;letter-spacing:.02em}.home-profile{position:absolute;right:0;top:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid #2a354b;border-radius:50%;color:#6de2e0;background:#1c2539;text-decoration:none;font-size:13px;font-weight:800}.home-welcome{position:absolute;left:24px;top:101px;margin:0;color:#f2ead8;font-size:14px;line-height:19px}.home-playing{position:absolute;left:24px;top:120px;color:#778399;font-size:10px;line-height:14px}.app-home>h1{position:absolute;left:24px;top:139px;width:342px;margin:0;font-size:26px;line-height:30px;letter-spacing:0;font-weight:850}.active-character{position:absolute;left:24px;top:218px;width:342px;height:231px;padding:18px 20px;border:1px solid #2a354b;border-radius:22px;background:#151c2d}.character-card-head{display:flex;align-items:center;justify-content:space-between}.home-label,.session-thread small,.prepare-label{color:#6de2e0;font-size:10px;font-weight:850;line-height:15px;letter-spacing:.11em}.character-card-head button{height:28px;padding:0 8px;border:1px solid #2a354b;border-radius:14px;color:#9ea9bc;background:#1c2539;font-size:10px;cursor:pointer}.character-main{display:flex;gap:18px;margin-top:6px;align-items:center}.character-avatar{display:grid;place-items:center;width:70px;height:70px;border:1px solid #8e6bc2;border-radius:50%;background:#1c2539}.character-avatar i{display:grid;place-items:center;width:34px;height:34px;border:1px solid #6de2e0;border-radius:50%;color:#f2ead8;background:#0d1220;font:normal 800 16px/20px "Bricolage Grotesque",sans-serif}.character-main h2{margin:0;color:#f2ead8;font-size:20px;line-height:26px;letter-spacing:0}.character-main p{margin:2px 0 8px;color:#9ea9bc;font-size:13px;line-height:18px}.system-badge{display:inline-block;padding:5px 14px 6px;border-radius:13px;color:#6de2e0;background:#173d46;font-size:10px;font-weight:850;line-height:15px}.active-character blockquote{margin:12px 0 0;color:#f2ead8;font-size:13px;font-style:italic;line-height:20px}.session-thread{position:absolute;left:47px;top:449px;display:flex;align-items:center;height:40px}.session-thread::before{content:"";width:2px;height:40px;margin-left:5px;background:#6de2e0}.session-thread>span{position:absolute;left:0;width:10px;height:10px;border-radius:50%;background:#6de2e0}.session-thread small{margin-left:17px;color:#9ea9bc}.start-session{position:absolute;left:24px;top:492px;width:342px;height:68px;display:flex;align-items:center;gap:14px;padding:0 18px;border:0;border-radius:20px;color:#0d1220;background:#6de2e0;text-align:left;cursor:pointer}.microphone{position:relative;width:32px;height:32px;border-radius:50%;background:#0d1220}.microphone i{position:absolute;left:12px;top:6px;width:8px;height:15px;border-radius:4px;background:#6de2e0}.microphone::before{content:"";position:absolute;left:8px;top:23px;width:16px;height:2px;background:#6de2e0}.microphone::after{content:"";position:absolute;left:15px;top:23px;width:2px;height:7px;background:#6de2e0}.start-session strong{display:block;font-size:17px;line-height:23px}.start-session small{display:block;font-size:11px;line-height:16px}.prepare-label{position:absolute;left:24px;top:591px;margin:0;color:#9ea9bc}.home-actions{position:absolute;left:24px;top:618px;display:grid;grid-template-columns:165px 165px;gap:12px}.home-actions button,.home-actions a{position:relative;width:165px;height:112px;padding:58px 16px 0;border:1px solid #2a354b;border-radius:18px;color:#f2ead8;background:#151c2d;text-align:left;text-decoration:none;cursor:pointer}.action-icon{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:800 22px/1 "Bricolage Grotesque",sans-serif}.create-icon{color:#6de2e0;background:#173d46}.import-icon{color:#e8a95b;background:#342b25}.home-actions strong{display:block;font-size:15px;line-height:20px}.home-actions small{display:block;color:#9ea9bc;font-size:10px;line-height:15px}.home-nav{position:absolute;left:0;bottom:0;width:390px;height:86px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2a354b;background:#151c2d}.home-nav a{display:grid;justify-items:center;align-content:start;padding-top:10px;color:#9ea9bc;text-decoration:none;font-size:10px;line-height:14px}.home-nav span{display:grid;place-items:center;width:44px;height:32px;margin-bottom:8px;font-size:20px}.home-nav .is-active{color:#f2ead8}.home-nav .is-active span{border-radius:16px;color:#6de2e0;background:#173d46}.app-home button:focus-visible,.app-home a:focus-visible{outline:3px solid rgba(109,226,224,.55);outline-offset:2px}
@media(max-width:390px),(max-height:844px){.app-home{border-radius:0}}

/* figma-auth-20-607-630-653 */
.auth-page{min-height:100vh;margin:0;background:#080b13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.auth-page .scene{display:none}.auth-page .login-shell{min-height:100vh;padding:24px;display:grid;place-items:center}.auth-page .login-panel{position:relative;width:390px;height:844px;min-height:844px;padding:0;overflow:hidden;border:0;border-radius:28px;background:#080b13 url('/assets/figma/auth-bg.svg') center/100% 100% no-repeat;box-shadow:none}.auth-page .eyebrow{color:#66e0e2;font:700 12px/15px Inter,sans-serif;letter-spacing:0}.auth-page h1,.auth-page h2{font-family:Inter,sans-serif;font-weight:700;letter-spacing:0}.auth-page p{font-family:Inter,sans-serif}.auth-page .field label{height:15px;margin:0 0 12px;color:#95a1b5;font:700 12px/15px Inter,sans-serif;letter-spacing:0}.auth-page .field input{width:335px;height:59px;padding:0 20px;border:0;border-radius:12px;color:#f5f2ea;background:#111827 url('/assets/figma/field.svg') center/100% 100% no-repeat;font:400 15px/normal Inter,sans-serif}.auth-page .field input::placeholder{color:#6f7c91;opacity:1}.auth-page .field input:focus{border:0;background-color:#111827;box-shadow:0 0 0 3px rgba(102,224,226,.18)}.auth-page .field input[aria-invalid=true]{box-shadow:0 0 0 2px #ff8e8e}.auth-page .field-error{position:absolute;left:0;height:18px;padding:3px 0 0;color:#ff8e8e;font:400 11px/15px Inter,sans-serif}.auth-page .primary-button{height:60px;min-height:60px;border:0;border-radius:14px;color:#080b13;background:#66e0e2 url('/assets/figma/primary-button.svg') center/100% 100% no-repeat;font:700 16px/normal Inter,sans-serif}.auth-page .secondary-button{height:59px;min-height:59px;border:0;border-radius:13px;color:#66e0e2;background:transparent url('/assets/figma/secondary-button.svg') center/100% 100% no-repeat;font:700 15px/normal Inter,sans-serif}.auth-page .primary-button:hover,.auth-page .secondary-button:hover{filter:none;transform:none}.auth-page .form-message{position:absolute;left:0;width:335px;min-height:18px;margin:0;color:#ff8e8e;font:400 11px/15px Inter,sans-serif}.auth-page .reveal-button{display:none}

.login-page .brand{position:absolute;left:28px;top:32px;height:30px;gap:12px;color:#f5f2ea;font:700 14px/normal Inter,sans-serif;letter-spacing:0}.login-page .brand-mark{position:relative;width:30px;height:30px;color:transparent;background:url('/assets/figma/brand-mark-outer.svg') center/30px 30px no-repeat}.login-page .brand-mark::after{content:"";position:absolute;left:6.8px;top:6.8px;width:16.4px;height:16.4px;background:url('/assets/figma/brand-mark-inner.svg') center/100% 100% no-repeat}.login-page .intro{position:absolute;left:28px;top:123px;margin:0}.login-page .intro h1{margin:12px 0 10px;color:#f5f2ea;font-size:34px;line-height:41px}.login-page .intro p{margin:0;color:#95a1b5;font-size:15px;line-height:22px}.login-page #login-form{position:absolute;left:28px;top:289px;width:335px;height:328px;margin:0}.login-page #login-form>.field{position:absolute;left:0;width:335px;margin:0}.login-page #login-form>.field:nth-of-type(1){top:0}.login-page #login-form>.field:nth-of-type(2){top:113px}.login-page #login-form .field-error{top:86px}.login-page .forgot{position:absolute;right:-18px;top:213px;margin:0;color:#66e0e2;font:700 13px/16px Inter,sans-serif}.login-page #login-message{top:246px}.login-page #submit-login{position:absolute;left:0;top:268px;width:334px}.login-page .new-account{position:absolute;left:28px;top:658px;width:334px;margin:0;padding:0}.login-page .new-account>span{height:15px;margin:0 0 31px;color:#6f7c91;font:400 12px/15px Inter,sans-serif;letter-spacing:0}.login-page .new-account>span::before,.login-page .new-account>span::after{background:#273244}.login-page .new-account .secondary-button{width:335px}.login-page .reset-panel{position:absolute;left:28px;top:123px;width:335px;margin:0}.login-page .reset-panel h2{font-size:30px}.login-page .reset-panel .field{position:relative}.login-page .reset-panel .form-message{position:relative}.login-page .reset-panel .secondary-button{margin-top:12px}

.register-page .register-back{position:absolute;left:28px;top:36px;height:19px;padding:0;color:#95a1b5;font:700 15px/19px Inter,sans-serif;text-decoration:none}.register-page .register-intro{position:absolute;left:28px;top:112px;margin:0}.register-page .register-intro h1{margin:12px 0 9px;color:#f5f2ea;font-size:32px;line-height:39px}.register-page .register-intro p{margin:0;color:#95a1b5;font-size:15px;line-height:22px}.register-page #register-form{position:absolute;left:28px;top:268px;width:335px;height:452px;margin:0}.register-page #register-form>.field{position:absolute;left:0;width:335px;margin:0}.register-page #register-form>.field:nth-of-type(1){top:0}.register-page #register-form>.field:nth-of-type(2){top:110px}.register-page #register-form>.field:nth-of-type(3){top:220px}.register-page #register-form .field input{height:56px;background-image:url('/assets/figma/field-compact.svg')}.register-page #register-form .field-error{top:80px}.register-page .terms{position:absolute;left:1px;top:335px;display:flex;align-items:center;gap:12px;height:20px;color:#95a1b5;font:400 12px/15px Inter,sans-serif;cursor:pointer}.register-page .terms input{appearance:none;width:20px;height:20px;margin:0;background:url('/assets/figma/checkbox.svg') center/20px 20px no-repeat}.register-page .terms input:checked{background:#66e0e2 url('/assets/figma/check.svg') center/10px 10px no-repeat;border-radius:4px}.register-page .terms input:focus-visible{outline:3px solid rgba(102,224,226,.45);outline-offset:2px}.register-page .terms-error{top:355px}.register-page #register-message{top:373px}.register-page #submit-register{position:absolute;left:0;top:392px;width:334px}.register-page .new-account.compact{position:absolute;left:28px;top:761px;width:334px;display:flex;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;color:#95a1b5}.register-page .new-account.compact>span{display:inline;margin:0;color:#95a1b5;font:400 13px/16px Inter,sans-serif;letter-spacing:0}.register-page .new-account.compact>span::before,.register-page .new-account.compact>span::after{display:none}.register-page .new-account.compact .secondary-button{display:inline;width:auto;height:auto;min-height:0;border:0;background:none;color:#66e0e2;font:700 13px/16px Inter,sans-serif}.register-page .register-success{position:absolute;left:28px;right:28px;top:220px;margin:0}

.profile-page .profile-panel{height:844px;min-height:844px}.profile-page .profile-panel>.back-link{position:absolute;left:28px;top:36px;height:19px;padding:0;color:#95a1b5;font:700 15px/19px Inter,sans-serif}.profile-page .profile-intro{position:absolute;left:28px;top:111px;margin:0}.profile-page .profile-intro h1{margin:12px 0 10px;color:#f5f2ea;font-size:32px;line-height:37px}.profile-page .profile-intro p{margin:0;color:#95a1b5;font-size:15px;line-height:18px}.profile-page #profile-form{position:absolute;inset:0;margin:0}.profile-page .avatar-wrap{position:absolute;left:131px;top:287px;width:128px;height:177px;margin:0}.profile-page .avatar-preview{width:128px;height:128px;margin:0;border:0;color:#66e0e2;background:#111827 url('/assets/figma/avatar-ring.svg') center/128px 128px no-repeat;box-shadow:none;font:700 42px/51px Inter,sans-serif}.profile-page .avatar-action{position:absolute;left:12px;top:142px;width:104px;height:34px;display:grid;place-items:center;padding:0;color:#66e0e2;background:url('/assets/figma/photo-button.svg') center/104px 34px no-repeat;font:700 12px/15px Inter,sans-serif;letter-spacing:0}.profile-page .avatar-error{top:174px;width:128px}.profile-page #profile-form>.field{position:absolute;left:28px;top:507px;width:335px;margin:0}.profile-page #profile-form>.field input{height:59px;background-image:url('/assets/figma/profile-field.svg');font-size:16px}.profile-page #profile-form>.field .field-error{top:86px}.profile-page .field-note{position:absolute;left:28px;top:612px;margin:0;color:#6f7c91;font:400 13px/16px Inter,sans-serif}.profile-page #profile-message{left:28px;top:653px}.profile-page #submit-profile{position:absolute;left:28px;top:684px;width:334px;padding:0 24px;font-size:15px}.profile-page #submit-profile span:last-child{font-size:18px}

.auth-page input:-webkit-autofill{-webkit-text-fill-color:#f5f2ea;box-shadow:0 0 0 1000px #111827 inset}
@media(max-width:438px),(max-height:892px){.auth-page .login-shell{padding:0}.auth-page .login-panel{border-radius:0}}

.profile-page .profile-panel>.back-link{z-index:2}

/* figma-home-typography */
.home-header>small{font-family:"IBM Plex Mono",monospace;font-size:9px;font-weight:500;line-height:14px}
.home-label{font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;line-height:15px}
.session-thread small,.prepare-label{font-family:"IBM Plex Mono",monospace;font-size:9px;font-weight:500;line-height:14px}
.system-badge{font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;line-height:15px}
.active-character blockquote{font-family:Newsreader,serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}
.active-character blockquote{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.character-main>div{min-width:0}.character-main h2,.character-main p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-actions small{font-family:"Atkinson Hyperlegible",sans-serif;font-size:11px;line-height:15px}
.home-nav a{font-family:"Atkinson Hyperlegible",sans-serif;font-size:10px;line-height:14px}
.home-nav span{font-size:17px;line-height:20px}
.auth-page input[type=password]::placeholder{font-size:20px;letter-spacing:2px}


/* figma-guided-path-13-324 */
.guided-body{min-height:100vh;display:grid;place-items:center;margin:0;background:#080b13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.guided-path{position:relative;width:390px;height:844px;overflow:hidden;background:#080b13;color:#f5f2ea}.guided-header{position:absolute;inset:0 0 auto;height:74px;background:#0c101b}.guided-header>span,.guided-header>strong{position:absolute;top:22px;font-size:9px;line-height:11px}.guided-header>span{left:24px;color:#97a3b8;font-weight:700}.guided-header>strong{right:24px;color:#66e0e2;font-weight:700}.guided-progress{position:absolute;left:24px;top:55px;width:342px;height:3px;background:#242b3b}.guided-progress i{display:block;width:49px;height:3px;background:#66e0e2}.guided-path>h1{position:absolute;left:24px;top:84px;width:342px;margin:0;color:#f5f2ea;font:700 23px/28px Inter,sans-serif;letter-spacing:0}.guided-lead{position:absolute;left:24px;top:155px;margin:0;color:#98a3b6;font:400 10px/12px Inter,sans-serif}.guided-method{position:absolute;left:24px;top:190px;width:342px;height:39px;padding:8px 15px;border:1px solid #272f41;border-radius:5px;background:#101624}.guided-method strong,.guided-method span{display:block}.guided-method strong{color:#66e0e2;font:700 7.5px/9px Inter,sans-serif}.guided-method span{margin-top:2px;color:#d3d8e3;font:400 9px/11px Inter,sans-serif}.guided-steps{position:absolute;left:13px;top:251px;width:354px;margin:0;padding:0;list-style:none}.guided-steps li{position:relative;width:354px;height:63px}.guided-steps li:not(:last-child)::after{content:"";position:absolute;left:10px;top:34px;width:1px;height:29px;background:#343b4d}.step-number{position:absolute;left:0;top:13px;z-index:1;display:grid;place-items:center;width:20px;height:20px;border:1px solid #3c4355;border-radius:50%;color:#a7b0c3;background:#171d2b;font:400 8px/10px Inter,sans-serif}.guided-steps li>div{position:absolute;left:28px;top:0;width:326px;height:49px;padding:7px 12px;border:1px solid #252c3d;border-radius:6px;background:#121725}.guided-steps li>div>strong,.guided-steps li>div>small{display:block}.guided-steps li>div>strong{color:#f5f2ea;font:700 12px/15px Inter,sans-serif}.guided-steps li>div>small{margin-top:2px;color:#9aa5b8;font:400 8.5px/10px Inter,sans-serif}.guided-steps li.is-current .step-number{border-color:#66e0e2;color:#071116;background:#66e0e2}.guided-steps li.is-current>div{border-color:#4fcfd1;background:#123d42}.guided-steps b{position:absolute;right:14px;top:9px;display:grid;place-items:center;width:34px;height:16px;border-radius:8px;color:#071116;background:#66e0e2;font:700 7px/8px Inter,sans-serif}.guided-note{position:absolute;left:24px;top:706px;width:342px;height:63px;padding:10px 15px;border:1px solid #273044;border-radius:6px;background:#111827}.guided-note strong,.guided-note span,.guided-note small{display:block}.guided-note strong{color:#66e0e2;font:700 7.5px/9px Inter,sans-serif}.guided-note span{margin-top:7px;color:#f5f2ea;font:400 10px/12px Inter,sans-serif}.guided-note small{margin-top:3px;color:#9aa5b8;font:400 8.5px/10px Inter,sans-serif}.guided-start{position:absolute;left:24px;top:786px;display:grid;place-items:center;width:342px;height:42px;border-radius:7px;color:#071116;background:#66e0e2;text-decoration:none;font:700 11px/13px Inter,sans-serif}.guided-start:focus-visible{outline:3px solid rgba(102,224,226,.55);outline-offset:3px}@media(max-width:390px){.guided-path{width:100vw;min-width:390px}}

/* figma-essence-13-2 */
.essence-body{min-height:100vh;display:grid;place-items:center;margin:0;background:#080b13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.essence-page{position:relative;width:390px;height:844px;overflow:hidden;background:#0d1220;color:#f2ead8}.essence-header>a{position:absolute;left:24px;top:20px;color:#f2ead8;text-decoration:none;font:400 22px/27px Inter,sans-serif}.essence-header>span,.essence-header>strong{position:absolute;top:31px;font:700 9px/12px Inter,sans-serif}.essence-header>span{left:65px;color:#9ea9bc}.essence-header>strong{left:278px;color:#6de2e0}.essence-progress{position:absolute;left:24px;top:69px;display:flex;gap:10px}.essence-progress i{width:38px;height:4px;background:#2a354b}.essence-progress i:first-child{background:#6de2e0}.essence-page>h1{position:absolute;left:24px;top:88px;margin:0;color:#f2ead8;font:800 28px/32px "Bricolage Grotesque",Inter,sans-serif}.essence-lead{position:absolute;left:24px;top:167px;margin:0;color:#9ea9bc;font:400 13px/16px "Atkinson Hyperlegible",Inter,sans-serif}.direction-card{position:absolute;left:24px;top:205px;width:342px;height:88px;padding:14px 16px;border:1px solid #2a354b;border-radius:12px;background:#151c2d}.direction-card>strong,.proposal-label,.essence-why>strong{display:block;color:#6de2e0;font:500 9px/11px "IBM Plex Mono",monospace}.direction-card p{width:240px;margin:10px 0 0;color:#f2ead8;font:400 13px/21px "Atkinson Hyperlegible",sans-serif}.direction-card textarea{width:240px;height:48px;margin-top:7px;padding:5px;border:1px solid #6de2e0;border-radius:5px;color:#f2ead8;background:#0d1220;resize:none;font:400 12px/17px "Atkinson Hyperlegible",sans-serif}.direction-card button{position:absolute;right:16px;top:12px;width:52px;height:24px;border:0;border-radius:12px;color:#9ea9bc;background:#1c2539;font:400 9px/11px Inter,sans-serif;cursor:pointer}.proposal-label{position:absolute;left:24px;top:314px;margin:0;color:#9ea9bc}.proposal-list{position:absolute;left:24px;top:340px;width:342px;display:grid;gap:12px}.proposal-card{position:relative;width:342px;height:86px;padding:10px 14px;border:1px solid #2a354b;border-radius:12px;color:#f2ead8;background:#151c2d;text-align:left;cursor:pointer}.proposal-card.is-selected{height:112px;border-color:#6de2e0;background:#173d46}.proposal-key{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#e8a95b;background:#1c2539;font:700 12px/15px Inter,sans-serif}.proposal-card[data-key="C"] .proposal-key{color:#8e6bc2}.proposal-card.is-selected .proposal-key{color:#0d1220;background:#6de2e0}.proposal-copy{position:absolute;left:57px;right:12px;top:8px}.proposal-copy strong,.proposal-copy small,.proposal-copy em{display:block}.proposal-copy strong{overflow:hidden;color:#f2ead8;font:700 15px/19px "Atkinson Hyperlegible",sans-serif;white-space:nowrap;text-overflow:ellipsis}.proposal-copy small{display:-webkit-box;overflow:hidden;margin-top:8px;color:#9ea9bc;font:400 10px/17px "Atkinson Hyperlegible",sans-serif;-webkit-line-clamp:1;-webkit-box-orient:vertical}.proposal-card.is-selected .proposal-copy small{-webkit-line-clamp:2}.proposal-copy em{display:none;overflow:hidden;margin-top:7px;color:#6de2e0;font:400 9px/11px "IBM Plex Mono",monospace;white-space:nowrap;text-overflow:ellipsis}.proposal-card.is-selected .proposal-copy em{display:block}.essence-why{position:absolute;left:24px;top:666px;width:342px;height:58px;padding:10px 16px;border:1px solid #2a354b;border-radius:10px;background:#1c2539}.essence-why>strong{color:#8e6bc2}.essence-why p{overflow:hidden;margin:7px 0 0;color:#f2ead8;font:400 10px/14px "Atkinson Hyperlegible",sans-serif;white-space:nowrap;text-overflow:ellipsis}.essence-message{position:absolute;left:24px;top:727px;width:342px;margin:0;color:#ff9a9a;text-align:center;font:400 10px/13px Inter,sans-serif}.essence-continue{position:absolute;left:24px;top:748px;width:342px;height:60px;padding:10px 18px;border:0;border-radius:12px;color:#0d1220;background:#6de2e0;text-align:left;cursor:pointer}.essence-continue strong,.essence-continue small{display:block}.essence-continue strong{overflow:hidden;font:700 13px/17px Inter,sans-serif;white-space:nowrap;text-overflow:ellipsis}.essence-continue small{margin-top:5px;color:#173d46;font:500 9px/12px Inter,sans-serif}.essence-continue:disabled{cursor:wait;opacity:.65}.essence-page button:focus-visible,.essence-page a:focus-visible,.essence-page textarea:focus-visible{outline:3px solid rgba(109,226,224,.55);outline-offset:2px}@media(max-width:390px),(max-height:844px){.essence-page{width:100vw;min-width:390px}}
.role-page .essence-progress i:nth-child(2){background:#6de2e0}
.origins-page .essence-progress i:nth-child(-n+3){background:#6de2e0}
.capabilities-page .essence-progress i:nth-child(-n+4){background:#6de2e0}.capabilities-page .direction-card p{font-size:14px}.capabilities-page .proposal-copy strong{font-size:16px}
.identity-page .essence-progress i:nth-child(-n+5){background:#6de2e0}.identity-page .direction-card p{font-size:14px}.identity-page .proposal-copy strong{font-size:16px}
.tools-page .essence-progress i:nth-child(-n+6){background:#6de2e0}.tools-page .direction-card p{font-size:14px}.tools-page .proposal-copy strong{font-size:16px}
.compass-page .essence-progress i{background:#6de2e0}.compass-page>h1{font-size:25px;white-space:nowrap}.compass-page .direction-card p{font-size:14px}.compass-page .proposal-copy strong{font-size:16px}
.essence-page .proposal-list{gap:8px}.essence-page .proposal-card{height:72px;padding:8px 14px}.essence-page .proposal-card.is-selected{height:88px}.essence-page .proposal-key{top:12px;width:26px;height:26px;font-size:11px}.essence-page .proposal-copy{left:53px;top:6px}.essence-page .proposal-copy strong{font-size:14px;line-height:18px}.essence-page .proposal-copy small{margin-top:4px;line-height:15px}.essence-page .proposal-copy em{margin-top:3px}.essence-page .proposal-card[data-key="M"] .proposal-key{color:#6de2e0}.essence-page .proposal-card.is-selected .proposal-key{color:#0d1220}.manual-choice{display:block!important;height:68px!important}.manual-copy{position:absolute;left:53px;right:12px;top:6px}.manual-copy strong{display:block;color:#f2ead8;font:700 12px/16px "Atkinson Hyperlegible",sans-serif}.manual-copy textarea{box-sizing:border-box;width:100%;height:35px;margin-top:3px;padding:5px 8px;border:1px solid #2a354b;border-radius:7px;color:#f2ead8;background:#0d1220;resize:none;font:400 10px/13px "Atkinson Hyperlegible",sans-serif}.manual-choice.is-selected textarea{border-color:#6de2e0}.manual-copy textarea::placeholder{color:#778399}.essence-page .manual-copy textarea:focus-visible{outline:2px solid rgba(109,226,224,.45);outline-offset:1px}
.essence-page .direction-card p{display:-webkit-box;max-height:42px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.essence-page .direction-card textarea{max-height:48px}@media(min-width:391px){.essence-page{width:390px!important;min-width:0!important}}
.essence-page .proposal-list{gap:8px}.essence-page .proposal-card{height:72px;padding:8px 14px}.essence-page .proposal-card.is-selected{height:88px}.essence-page .proposal-key{top:12px;width:26px;height:26px;font-size:11px}.essence-page .proposal-copy{left:53px;top:6px}.essence-page .proposal-copy strong{font-size:14px;line-height:18px}.essence-page .proposal-copy small{margin-top:4px;line-height:15px}.essence-page .proposal-copy em{margin-top:3px}.essence-page .proposal-card[data-key="M"] .proposal-key{color:#6de2e0}.essence-page .proposal-card.is-selected .proposal-key{color:#0d1220}.manual-choice{display:block!important;height:68px!important}.manual-copy{position:absolute;left:53px;right:12px;top:6px}.manual-copy strong{display:block;color:#f2ead8;font:700 12px/16px "Atkinson Hyperlegible",sans-serif}.manual-copy textarea{box-sizing:border-box;width:100%;height:35px;margin-top:3px;padding:5px 8px;border:1px solid #2a354b;border-radius:7px;color:#f2ead8;background:#0d1220;resize:none;font:400 10px/13px "Atkinson Hyperlegible",sans-serif}.manual-choice.is-selected textarea{border-color:#6de2e0}.manual-copy textarea::placeholder{color:#778399}.essence-page .manual-copy textarea:focus-visible{outline:2px solid rgba(109,226,224,.45);outline-offset:1px}

/* figma-live-session-12-61 */
.live-body{min-height:100vh;display:grid;place-items:center;margin:0;background:#080b13}.live-page{position:relative;width:390px;height:844px;overflow:hidden;border-radius:32px;color:#f2ead8;background:#0d1220;font-family:"Atkinson Hyperlegible",Inter,sans-serif}.live-header{position:absolute;inset:0}.live-badge{position:absolute;left:24px;top:25px;display:flex;align-items:center;gap:8px;width:116px;height:30px;padding-left:10px;border-radius:15px;color:#f2ead8;background:#2b2028;font:500 9px/12px "IBM Plex Mono",monospace}.live-badge i{width:10px;height:10px;border-radius:50%;background:#ee7b72;box-shadow:0 0 0 3px rgba(238,123,114,.12)}.live-header time{position:absolute;left:157px;top:33px;color:#6de2e0;font:500 10px/13px "IBM Plex Mono",monospace}.live-header button{position:absolute;top:24px;height:32px;border:0;border-radius:10px;background:#1c2539;cursor:pointer}.live-header #pause-live{left:276px;width:38px;color:#f2ead8;font:800 13px/18px Inter,sans-serif}.live-header #end-live{left:326px;width:40px;color:#ee7b72;font-size:12px}.live-character{position:absolute;left:24px;top:76px;width:342px;height:64px;padding:10px 14px 8px 66px;border:1px solid #2a354b;border-radius:14px;background:#151c2d}.live-avatar{position:absolute;left:14px;top:12px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#1c2539}.live-avatar i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #6de2e0;border-radius:50%;color:#f2ead8;background:#0d1220;font:700 10px/12px "Bricolage Grotesque",sans-serif}.live-character strong,.live-character small{display:block}.live-character strong{color:#f2ead8;font:700 14px/18px "Bricolage Grotesque",sans-serif}.live-character small{margin-top:7px;color:#9ea9bc;font:400 10px/13px "Atkinson Hyperlegible",sans-serif}.situation-label{position:absolute;left:24px;top:169px;margin:0;color:#9ea9bc;font:500 9px/11px "IBM Plex Mono",monospace}.live-situation{position:absolute;left:24px;top:192px;width:342px;height:88px;padding:12px 14px 10px 42px;border:1px solid #2a354b;border-radius:14px;background:#151c2d}.live-situation>span{position:absolute;left:14px;top:15px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#0d1220;background:#e8a95b;font-size:7px}.live-situation strong{display:block;color:#e8a95b;font:500 9px/11px "IBM Plex Mono",monospace}.live-situation p{display:-webkit-box;overflow:hidden;margin:9px 0 0;color:#f2ead8;font:400 12px/18px "Atkinson Hyperlegible",sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scene-space{position:absolute;left:24px;top:300px;width:342px;height:340px;padding:14px 16px;border:1px solid #285660;border-radius:16px;background:#173d46}.scene-space>h2{margin:0;color:#6de2e0;font:500 9px/11px "IBM Plex Mono",monospace}.scene-tabs{position:absolute;left:16px;top:39px;display:grid;grid-template-columns:142px 160px;gap:8px}.scene-tabs button{height:34px;border:0;border-radius:17px;color:#f2ead8;background:#1c2539;font:700 10px/13px "Atkinson Hyperlegible",sans-serif;cursor:pointer}.scene-tabs button.is-active{color:#0d1220;background:#6de2e0}.live-tip{position:absolute;left:16px;width:310px;height:92px;padding:11px 72px 9px 14px;border:1px solid #2a354b;border-radius:12px;background:#0d1220}.spotlight-tip{top:87px}.synergy-tip{top:191px;background:#151c2d}.live-tip>span{display:block;overflow:hidden;color:#6de2e0;font:500 8px/10px "IBM Plex Mono",monospace;white-space:nowrap;text-overflow:ellipsis}.synergy-tip>span{color:#b89de0}.live-tip h3{overflow:hidden;margin:5px 0 0;color:#f2ead8;font:700 13px/19px "Bricolage Grotesque",sans-serif;white-space:nowrap;text-overflow:ellipsis}.live-tip p{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:#9ea9bc;font:400 10px/13px "Atkinson Hyperlegible",sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.live-tip button{position:absolute;right:16px;top:12px;min-width:56px;height:24px;padding:0 10px;border:0;border-radius:12px;color:#6de2e0;background:#173d46;font:700 8px/11px "IBM Plex Mono",monospace;cursor:pointer}.synergy-tip button{color:#b89de0;background:#24203a}.live-why{position:absolute;left:16px;top:295px;width:310px;height:30px;padding:8px 14px;border-radius:9px;background:#0d1220}.live-why strong{color:#8e6bc2;font:500 8px/10px "IBM Plex Mono",monospace}.live-why span{display:inline-block;overflow:hidden;width:205px;margin-left:15px;color:#9ea9bc;font:400 9px/11px "Atkinson Hyperlegible",sans-serif;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}.listening{position:absolute;left:24px;top:660px;width:342px;height:66px;padding:11px 16px;border:1px solid #2a354b;border-radius:14px;background:#151c2d}.listening>strong{display:block;color:#6de2e0;font:500 9px/11px "IBM Plex Mono",monospace}.wave{position:absolute;top:27px;display:flex;align-items:center;gap:9px;height:30px}.wave.muted{left:17px}.wave.active{right:29px}.wave i{display:block;width:7px;border-radius:4px;background:#2a354b}.wave.active i{background:#6de2e0}.wave i:nth-child(1){height:12px}.wave i:nth-child(2){height:24px}.wave i:nth-child(3){height:14px}.wave i:nth-child(4){height:30px}.wave i:nth-child(5){height:18px}.wave i:nth-child(6){height:26px}.live-actions{position:absolute;left:24px;top:746px;width:342px;height:64px;padding:12px 14px;display:grid;grid-template-columns:142px 162px;gap:10px;border:1px solid #2a354b;border-radius:14px;background:#151c2d}.live-actions button{height:40px;border:0;border-radius:12px;color:#9ea9bc;background:#1c2539;font:700 11px/13px "Atkinson Hyperlegible",sans-serif;cursor:pointer}.live-actions button:last-child{color:#6de2e0;background:#173d46}.live-message{position:absolute;left:24px;top:821px;width:342px;margin:0;color:#9ea9bc;text-align:center;font:400 9px/11px "Atkinson Hyperlegible",sans-serif}.live-page.is-paused .wave.active i{animation:none;background:#2a354b}.live-page.is-ended .wave.active i{animation:none;background:#2a354b}.live-page.is-ended .live-badge i{background:#9ea9bc;box-shadow:none}.wave.active i{animation:live-wave .9s ease-in-out infinite alternate}.wave.active i:nth-child(2){animation-delay:.1s}.wave.active i:nth-child(3){animation-delay:.2s}.wave.active i:nth-child(4){animation-delay:.3s}.wave.active i:nth-child(5){animation-delay:.4s}.wave.active i:nth-child(6){animation-delay:.5s}@keyframes live-wave{to{transform:scaleY(.45)}}.live-page button:focus-visible{outline:3px solid rgba(109,226,224,.55);outline-offset:2px}@media(prefers-reduced-motion:reduce){.wave.active i{animation:none}}@media(max-width:390px),(max-height:844px){.live-page{width:100vw;min-width:390px;border-radius:0}}

.live-settings{width:342px;max-height:760px;padding:20px;border:1px solid #2a354b;border-radius:18px;color:#f2ead8;background:#151c2d;font-family:"Atkinson Hyperlegible",sans-serif}.live-settings::backdrop{background:rgba(4,6,11,.82)}.live-settings h2{margin:0;font:800 21px/26px "Bricolage Grotesque",sans-serif}.live-settings p{color:#9ea9bc;font-size:11px;line-height:16px}.live-settings label,.live-settings legend{display:block;margin:12px 0 6px;color:#9ea9bc;font:500 9px/12px "IBM Plex Mono",monospace}.live-settings textarea,.live-settings select{width:100%;padding:10px;border:1px solid #2a354b;border-radius:10px;color:#f2ead8;background:#0d1220;font:12px/16px "Atkinson Hyperlegible",sans-serif}.live-settings textarea{min-height:58px;resize:vertical}.live-settings fieldset{margin:12px 0;padding:10px;border:1px solid #2a354b;border-radius:10px}.live-settings fieldset label{display:inline-flex;align-items:center;gap:5px;margin:5px 8px 5px 0;font-family:"Atkinson Hyperlegible",sans-serif}.live-settings form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.live-settings button{height:36px;padding:0 14px;border:0;border-radius:10px;color:#f2ead8;background:#1c2539;font-weight:700}.live-settings button[type=submit]{color:#0d1220;background:#6de2e0}#settings-message{min-height:15px;color:#ee7b72}

/* figma-character-sheet-7-2 */
.sheet-panel{height:160px}

/* figma-prepare-session-8-2 */
.frequency>div{top:12px!important}.frequency input{inset:0;width:100%;height:100%;margin:0;pointer-events:auto!important;cursor:pointer;z-index:2}
.prepare-body{min-height:100vh;display:grid;place-items:center;margin:0;background:#080b13}.prepare-page{position:relative;width:390px;height:844px;overflow:hidden;border-radius:32px;color:#f2ead8;background:#0d1220;font-family:"Atkinson Hyperlegible",Inter,sans-serif}.prepare-header>a{position:absolute;left:24px;top:20px;color:#f2ead8;text-decoration:none;font:400 22px/26px Inter,sans-serif}.prepare-header>span,.prepare-header>strong{position:absolute;top:30px;font:700 10px/15px Inter,sans-serif}.prepare-header>span{left:65px;color:#9ea9bc}.prepare-header>strong{right:24px;color:#6de2e0}.prepare-page>h1{position:absolute;left:24px;top:80px;width:340px;margin:0;color:#f2ead8;font:800 28px/32px "Bricolage Grotesque",sans-serif;letter-spacing:0}.prepare-lead{position:absolute;left:24px;top:151px;margin:0;color:#9ea9bc;font:400 13px/18px "Atkinson Hyperlegible",sans-serif}.suggestion-label,.consent-label{position:absolute;left:24px;margin:0;color:#9ea9bc;font:500 9px/14px "IBM Plex Mono",monospace;letter-spacing:.04em}.suggestion-label{top:195px}.suggestion-settings{position:absolute;left:24px;top:221px;width:342px;height:200px;padding:0 16px;border:1px solid #2a354b;border-radius:16px;background:#151c2d}.suggestion-settings>div{position:relative;height:60px;padding:13px 54px 0 44px}.suggestion-settings>div:not(:last-child){border-bottom:1px solid #2a354b}.setting-dot{position:absolute;left:0;top:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1c2539;font:700 20px/20px Inter,sans-serif}.setting-dot.cyan{color:#6de2e0}.setting-dot.amber{color:#e8a95b}.setting-dot.violet{color:#8e6bc2}.suggestion-settings strong,.suggestion-settings small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.suggestion-settings strong{color:#f2ead8;font:700 14px/19px "Atkinson Hyperlegible",sans-serif}.suggestion-settings small{margin-top:4px;color:#9ea9bc;font:400 11px/16px "Atkinson Hyperlegible",sans-serif}.suggestion-settings button{position:absolute;right:4px;top:21px;width:46px;height:26px;padding:0;border:0;border-radius:13px;background:#1c2539;cursor:pointer}.suggestion-settings button::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#9ea9bc;transition:left .15s}.suggestion-settings button[aria-checked="true"]{background:#6de2e0}.suggestion-settings button[aria-checked="true"]::after{left:23px;background:#0d1220}.frequency{position:absolute;left:24px;top:447px;width:342px;margin:0;padding:0;border:0}.frequency legend{padding:0;color:#9ea9bc;font:500 9px/14px "IBM Plex Mono",monospace;letter-spacing:.04em}.frequency>div{position:absolute;left:0;top:26px;width:342px;height:48px;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2a354b;border-radius:24px;background:#151c2d}.frequency label{position:relative;cursor:pointer}.frequency input{position:absolute;opacity:0;pointer-events:none}.frequency span{display:grid;place-items:center;height:40px;border-radius:20px;color:#9ea9bc;font:700 13px/17px "Atkinson Hyperlegible",sans-serif}.frequency input:checked+span{color:#6de2e0;background:#173d46}.frequency input:focus-visible+span{outline:3px solid rgba(109,226,224,.55);outline-offset:1px}.consent-label{top:550px}.consent-card{position:absolute;left:24px;top:576px;width:342px;height:118px;padding:14px 14px 10px 60px;border:1px solid #5b4937;border-radius:14px;background:#342b25}.consent-alert{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#0d1220;background:#e8a95b;font:800 16px/20px Inter,sans-serif}.consent-card>strong{display:block;color:#f2ead8;font:700 13px/19px "Atkinson Hyperlegible",sans-serif}.consent-card>p{margin:7px 0 0;color:#9ea9bc;font:400 10px/16px "Atkinson Hyperlegible",sans-serif}.consent-card>label{position:absolute;left:16px;top:85px;display:flex;align-items:center;gap:12px;color:#f2ead8;font:400 11px/16px "Atkinson Hyperlegible",sans-serif;cursor:pointer}.consent-card input{position:absolute;opacity:0}.consent-card label>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #6de2e0;border-radius:4px;color:transparent;background:#0d1220;font:700 13px/18px Inter,sans-serif}.consent-card input:checked+span{color:#0d1220;background:#6de2e0}.consent-card input:focus-visible+span{outline:3px solid rgba(109,226,224,.55);outline-offset:2px}.prepare-message{position:absolute;left:24px;top:697px;width:342px;margin:0;color:#ff9a9a;text-align:center;font:400 10px/14px Inter,sans-serif}.recording-start{position:absolute;left:24px;top:724px;width:342px;height:64px;padding:11px 18px 8px 64px;border:0;border-radius:14px;color:#0d1220;background:#6de2e0;text-align:left;cursor:pointer}.recording-start:disabled{cursor:not-allowed;opacity:.45}.recording-icon{position:absolute;left:17px;top:16px;width:32px;height:32px;border-radius:50%;background:#0d1220}.recording-icon i{position:absolute;left:12px;top:7px;width:8px;height:14px;border-radius:5px;background:#6de2e0}.recording-icon::before{content:"";position:absolute;left:9px;top:21px;width:14px;height:8px;border:2px solid #6de2e0;border-top:0;border-radius:0 0 8px 8px}.recording-icon::after{content:"";position:absolute;left:15px;top:27px;width:2px;height:4px;background:#6de2e0}.recording-start strong,.recording-start small{display:block}.recording-start strong{font:800 16px/23px "Bricolage Grotesque",sans-serif}.recording-start small{font:400 10px/16px "Atkinson Hyperlegible",sans-serif}.recognition-note{position:absolute;left:24px;top:806px;width:342px;margin:0;color:#9ea9bc;text-align:center;font:400 10px/14px "Atkinson Hyperlegible",sans-serif}.prepare-page button:focus-visible,.prepare-page a:focus-visible{outline:3px solid rgba(109,226,224,.55);outline-offset:2px}@media(max-width:390px),(max-height:844px){.prepare-page{width:100vw;min-width:390px;border-radius:0}}
.character-sheet-body{min-height:100vh;display:grid;place-items:center;margin:0;background:#080b13}.character-sheet-page{position:relative;width:390px;height:844px;overflow:hidden;border-radius:32px;color:#f2ead8;background:#0d1220;font-family:"Atkinson Hyperlegible",Inter,sans-serif}.sheet-header>a{position:absolute;left:24px;top:20px;color:#f2ead8;text-decoration:none;font:400 22px/26px Inter,sans-serif}.sheet-header>span{position:absolute;left:65px;top:30px;color:#9ea9bc;font:700 10px/15px Inter,sans-serif}.sheet-header>button{position:absolute;left:325px;top:25px;width:40px;height:20px;padding:0;border:0;color:#9ea9bc;background:transparent;font:700 15px/20px Inter,sans-serif;letter-spacing:2px;cursor:pointer}.sheet-identity{position:absolute;left:24px;top:72px;width:342px;height:160px;overflow:hidden;border:1px solid #2a354b;border-radius:20px;background:#151c2d}.sheet-avatar{position:absolute;left:-18px;top:-24px;width:152px;height:152px;border-radius:50%;background:#8e6bc2}.sheet-avatar::before{content:"";position:absolute;left:40px;top:46px;width:82px;height:82px;border-radius:50%;background:#1c2539}.sheet-avatar i{position:absolute;left:60px;top:66px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #6de2e0;border-radius:50%;color:#f2ead8;background:#0d1220;font:800 18px/22px "Bricolage Grotesque",sans-serif}.sheet-identity h1{position:absolute;left:122px;top:22px;width:190px;max-height:52px;overflow:hidden;margin:0;color:#f2ead8;font:800 22px/26px "Bricolage Grotesque",sans-serif;letter-spacing:0}.sheet-identity p{position:absolute;left:122px;top:84px;width:190px;margin:0;color:#9ea9bc;font:400 13px/18px "Atkinson Hyperlegible",sans-serif}.sheet-module{position:absolute;left:122px;top:112px;display:grid;place-items:center;min-width:107px;height:26px;padding:0 10px;border-radius:13px;color:#6de2e0;background:#173d46;font:500 9px/14px "IBM Plex Mono",monospace}.sheet-health{position:absolute;left:248px;top:108px;display:grid;place-items:center;width:72px;height:34px;border-radius:17px;color:#e8a95b;background:#342b25;font:700 13px/17px "Atkinson Hyperlegible",sans-serif}.sheet-tabs{position:absolute;left:24px;top:248px;width:342px;height:44px;padding:4px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #2a354b;border-radius:22px;background:#151c2d}.sheet-tabs button{height:36px;border:0;border-radius:18px;color:#9ea9bc;background:transparent;font:700 13px/17px "Atkinson Hyperlegible",sans-serif;cursor:pointer}.sheet-tabs button.is-active{color:#6de2e0;background:#173d46}.sheet-panel{display:none;position:absolute;left:24px;top:320px;width:342px}.sheet-panel.is-active{display:block}.sheet-panel h2,.synergy-label{margin:0;color:#9ea9bc;font:500 9px/14px "IBM Plex Mono",monospace;letter-spacing:.04em}.sheet-compass,.sheet-details{position:absolute;left:0;top:28px;width:342px;height:132px;margin:0;padding:10px 14px;border:1px solid #2a354b;border-radius:14px;background:#151c2d}.sheet-compass::before{content:"";position:absolute;left:28px;top:24px;width:1px;height:84px;background:#3a455a}.sheet-compass>div,.sheet-details>div{position:relative;height:41px;padding-left:38px;display:grid;grid-template-columns:82px 1fr;align-items:start}.sheet-compass>div::before{content:"";position:absolute;left:9px;top:3px;width:10px;height:10px;border-radius:50%;background:#6de2e0}.sheet-compass>div:nth-child(2)::before{background:#e8a95b}.sheet-compass>div:nth-child(3)::before{background:#8e6bc2}.sheet-compass dt,.sheet-details dt{color:#6de2e0;font:500 10px/16px "IBM Plex Mono",monospace}.sheet-compass>div:nth-child(2) dt{color:#e8a95b}.sheet-compass>div:nth-child(3) dt{color:#8e6bc2}.sheet-compass dd,.sheet-details dd{display:-webkit-box;overflow:hidden;margin:0;color:#f2ead8;font:400 11px/16px "Atkinson Hyperlegible",sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sheet-details{top:28px}.sheet-details>div{height:38px;padding-left:0;grid-template-columns:80px 1fr}.sheet-details dt{color:#9ea9bc}.synergy-label{position:absolute;left:24px;top:506px}.sheet-synergy{position:absolute;left:24px;top:532px;width:342px;height:92px;padding:16px 16px 10px 62px;border:1px solid #2a354b;border-radius:14px;background:#151c2d}.sheet-synergy>span{position:absolute;left:16px;top:18px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#6de2e0;background:#173d46;font-size:18px}.sheet-synergy strong{display:block;overflow:hidden;color:#f2ead8;font:700 14px/20px "Atkinson Hyperlegible",sans-serif;white-space:nowrap;text-overflow:ellipsis}.sheet-synergy p{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:#9ea9bc;font:400 11px/17px "Atkinson Hyperlegible",sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rules-summary{position:absolute;left:24px;top:640px;width:342px;height:58px;padding:0 16px;border:1px solid #2a354b;border-radius:14px;color:#f2ead8;background:#1c2539;text-align:left;cursor:pointer}.rules-summary span small,.rules-summary span strong{display:block}.rules-summary small{color:#6de2e0;font:500 9px/14px "IBM Plex Mono",monospace}.rules-summary strong{margin-top:5px;color:#f2ead8;font:700 11px/16px "Atkinson Hyperlegible",sans-serif}.rules-summary b{position:absolute;right:12px;top:18px;color:#9ea9bc;font:400 18px/22px Inter,sans-serif}.prepare-session{position:absolute;left:24px;top:714px;display:grid;place-items:center;width:342px;height:58px;border-radius:14px;color:#0d1220;background:#6de2e0;text-decoration:none;font:700 14px/21px "Atkinson Hyperlegible",sans-serif}.sheet-message{position:absolute;left:24px;top:700px;width:342px;margin:0;color:#ff9a9a;text-align:center;font-size:11px}.sheet-bottom-nav{position:absolute;left:0;top:790px;width:390px;height:54px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2a354b;background:#151c2d}.sheet-bottom-nav a{position:relative;display:grid;justify-items:center;align-content:start;padding-top:8px;color:#9ea9bc;text-decoration:none}.sheet-bottom-nav span{font-size:18px;line-height:20px}.sheet-bottom-nav small{margin-top:3px;color:#f2ead8;font-size:9px;line-height:13px}.sheet-bottom-nav .is-active span{color:#6de2e0}.character-sheet-page button:focus-visible,.character-sheet-page a:focus-visible{outline:3px solid rgba(109,226,224,.55);outline-offset:2px}@media(max-width:390px),(max-height:844px){.character-sheet-page{width:100vw;min-width:390px;border-radius:0}}
.sheet-header>.sheet-more{left:325px;top:25px;width:40px;color:#9ea9bc;text-align:center;font:700 15px/20px Inter,sans-serif;letter-spacing:2px}
.live-bottom-nav{display:none}.live-page.is-ended .live-actions{display:none}.live-page.is-ended .live-message{top:746px}.live-page.is-ended .live-bottom-nav{position:absolute;left:0;top:790px;width:390px;height:54px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2a354b;background:#151c2d;z-index:3}.live-bottom-nav a{display:grid;justify-items:center;align-content:start;padding-top:8px;color:#9ea9bc;text-decoration:none}.live-bottom-nav span{font-size:18px;line-height:20px}.live-bottom-nav small{margin-top:3px;color:#f2ead8;font-size:9px;line-height:13px}.live-bottom-nav .is-active span{color:#6de2e0}.live-bottom-nav a:focus-visible{outline:3px solid rgba(109,226,224,.55);outline-offset:-3px}@media(max-width:390px),(max-height:844px){.live-page.is-ended .live-bottom-nav{width:100%}}