@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.top-3{top:calc(var(--spacing) * 3)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.right-0{right:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.float-right{float:right}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-1{margin-right:var(--spacing)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.\!h-8{height:calc(var(--spacing) * 8)!important}.\!h-9{height:calc(var(--spacing) * 9)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.\!min-h-8{min-height:calc(var(--spacing) * 8)!important}.\!min-h-9{min-height:calc(var(--spacing) * 9)!important}.\!min-h-12{min-height:calc(var(--spacing) * 12)!important}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-screen{min-height:100vh}.\!w-8{width:calc(var(--spacing) * 8)!important}.\!w-9{width:calc(var(--spacing) * 9)!important}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[88\%\]{max-width:88%}.\!min-w-8{min-width:calc(var(--spacing) * 8)!important}.\!min-w-11{min-width:calc(var(--spacing) * 11)!important}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-max{min-width:max-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-flow-col{grid-auto-flow:column}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.\!rounded-xl{border-radius:var(--radius-xl)!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[1\.65rem\]{border-radius:1.65rem}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#7352d4\]{border-color:#7352d4}.border-\[\#e5def2\]{border-color:#e5def2}.border-\[\#e9e4f5\]{border-color:#e9e4f5}.border-\[\#f0ecf8\]{border-color:#f0ecf8}.border-\[var\(--brand\)\]{border-color:var(--brand)}.border-\[var\(--line\)\]{border-color:var(--line)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/\[\.06\]{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/\[\.06\]{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-\[\#7352d4\]{background-color:#7352d4}.bg-\[\#eee8ff\]{background-color:#eee8ff}.bg-\[\#f1edff\]{background-color:#f1edff}.bg-\[\#f2effa\]{background-color:#f2effa}.bg-\[\#f3f0fb\]{background-color:#f3f0fb}.bg-\[\#faf9fd\]{background-color:#faf9fd}.bg-\[rgba\(var\(--brand-rgb\)\,0\.14\)\]{background-color:rgba(var(--brand-rgb),.14)}.bg-white{background-color:var(--color-white)}.bg-white\/\[0\.025\]{background-color:#ffffff06}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.025\]{background-color:color-mix(in oklab, var(--color-white) 2.5%, transparent)}}.bg-white\/\[0\.035\]{background-color:#ffffff09}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.035\]{background-color:color-mix(in oklab, var(--color-white) 3.5%, transparent)}}.bg-\[linear-gradient\(to_bottom\,rgba\(248\,246\,252\,0\.94\)_1px\,transparent_1px\)\]{background-image:linear-gradient(#f8f6fcf0 1px,#0000 1px)}.object-contain{object-fit:contain}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-7{padding:calc(var(--spacing) * 7)}.\!px-0{padding-inline:0!important}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-5{padding-inline:calc(var(--spacing) * 5)!important}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-14{padding-block:calc(var(--spacing) * 14)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.\!pl-9{padding-left:calc(var(--spacing) * 9)!important}.\!text-left{text-align:left!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[10px\]{font-size:10px!important}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[-0\.06em\]{--tw-tracking:-.06em;letter-spacing:-.06em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[0\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.\!text-\[var\(--danger\)\]{color:var(--danger)!important}.text-\[\#5f547c\]{color:#5f547c}.text-\[\#6b4bc8\]{color:#6b4bc8}.text-\[\#7a59d8\]{color:#7a59d8}.text-\[\#8b819f\]{color:#8b819f}.text-\[\#342b52\]{color:#342b52}.text-\[\#766d91\]{color:#766d91}.text-\[\#857b9d\]{color:#857b9d}.text-\[\#958ba7\]{color:#958ba7}.text-\[\#978ca8\]{color:#978ca8}.text-\[\#7454d4\]{color:#7454d4}.text-\[\#44395e\]{color:#44395e}.text-\[\#70668b\]{color:#70668b}.text-\[\#82799b\]{color:#82799b}.text-\[\#817694\]{color:#817694}.text-\[var\(--brand\)\]{color:var(--brand)}.text-\[var\(--faint\)\]{color:var(--faint)}.text-\[var\(--mint\)\]{color:var(--mint)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--warm\)\]{color:var(--warm)}.text-current{color:currentColor}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.accent-\[\#7352d4\]{accent-color:#7352d4}.accent-\[var\(--brand\)\]{accent-color:var(--brand)}.opacity-55{opacity:.55}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_5px_14px_rgba\(107\,75\,200\,0\.17\)\]{--tw-shadow:0 5px 14px var(--tw-shadow-color,#6b4bc82b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_20px_rgba\(109\,77\,202\,0\.19\)\]{--tw-shadow:0 8px 20px var(--tw-shadow-color,#6d4dca30);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_45px_rgba\(67\,43\,115\,0\.06\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,#432b730f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--brand\)\]{--tw-ring-color:var(--brand)}.ring-white\/65{--tw-ring-color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.ring-white\/65{--tw-ring-color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-y-0:hover{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#bba6eb\]:hover{border-color:#bba6eb}.hover\:border-\[\#d9cff3\]:hover{border-color:#d9cff3}.hover\:border-\[\#ece6f7\]:hover{border-color:#ece6f7}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#f7f4ff\]:hover{background-color:#f7f4ff}.hover\:bg-white\/\[0\.07\]:hover{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.07\]:hover{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[\#7352d4\]:focus-visible{outline-color:#7352d4}@media (min-width:40rem){.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-12{padding-block:calc(var(--spacing) * 12)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root{--ink:#f6f5ff;--muted:#bebcd0;--faint:#9492aa;--canvas:#0d0d16;--canvas-deep:#080811;--surface:#181827c2;--surface-solid:#191924;--surface-raised:#1e1e30d1;--surface-soft:#ffffff0f;--line:#ffffff1a;--line-strong:#ffffff29;--brand:#9f8cff;--brand-rgb:159, 140, 255;--mint:#7fe7c4;--danger:#ff8d9c;--warm:#ffbc7a;--shadow:0 24px 70px #00000057;--font-body:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Avenir Next", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", "Roboto Mono", "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;font-weight:800;line-height:1.12}button,input,select,textarea{font:inherit}button{cursor:pointer;letter-spacing:-.01em}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(var(--brand-rgb), .85);outline-offset:3px}::selection{color:#171121;background:#d7ceff}.flozable-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.flozable-shell:before,.flozable-shell:after{content:"";filter:blur(10px);opacity:.22;pointer-events:none;z-index:-2;border-radius:999px;width:56vw;height:56vw;position:fixed}.flozable-shell:before{background:radial-gradient(circle, rgba(var(--brand-rgb), .9), transparent 66%);top:-25vw;left:-15vw}.flozable-shell:after{background:radial-gradient(circle,#39cab299,#0000 67%);bottom:-28vw;right:-22vw}.app-canvas{background:radial-gradient(circle at 78% 18%, rgba(var(--brand-rgb), .16), transparent 30rem), radial-gradient(circle at 10% 72%, #33c7a517, transparent 30rem), linear-gradient(145deg, #0c0c16 0%, #11111b 56%, #0b0b13 100%);min-height:100vh}.app-canvas.vibe-academic{--brand:#4d9dff;--brand-rgb:77, 157, 255;--mint:#62d4ad;--canvas:#0d141b;--canvas-deep:#0a1016}.app-canvas.vibe-playful{--brand:#fd85b3;--brand-rgb:253, 133, 179;--mint:#86d9ff;--canvas:#17101c;--canvas-deep:#100b15}.app-canvas.background-ocean{background:radial-gradient(circle at 76% 16%,#4ba5d73d,#0000 29rem),radial-gradient(circle at 12% 76%,#45d0af1f,#0000 28rem),linear-gradient(145deg,#07131d 0%,#0b1927 55%,#08121f 100%)}.app-canvas.background-ember{background:radial-gradient(circle at 78% 16%,#fb916f38,#0000 30rem),radial-gradient(circle at 12% 78%,#d25b911a,#0000 28rem),linear-gradient(145deg,#1a1015 0%,#1c1118 56%,#110c13 100%)}.app-canvas.color-light{--ink:#252339;--muted:#696679;--faint:#898493;--canvas:#f7f5ff;--canvas-deep:#efebfa;--surface:#fffc;--surface-solid:#fff;--surface-soft:#4b3f7412;--line:#3e345724;--line-strong:#3e345738;--shadow:0 20px 55px #3025541f;background:radial-gradient(circle at 78% 16%, rgba(var(--brand-rgb), .17), transparent 29rem), radial-gradient(circle at 10% 78%, #59cbac21, transparent 28rem), linear-gradient(145deg, #fbfaff 0%, #f4f0fc 55%, #f9fbff 100%)}.app-canvas.color-light .side-nav{background:#faf9ffb8}.app-canvas.color-light .soft-card{background:#ffffffad}.app-canvas.color-light .secondary-button,.app-canvas.color-light .icon-button{background:#42366012}.app-canvas.color-light .secondary-button:hover,.app-canvas.color-light .ghost-button:hover,.app-canvas.color-light .icon-button:hover{background:#4236601f}@media (prefers-color-scheme:light){.app-canvas.color-system{--ink:#252339;--muted:#696679;--faint:#898493;--canvas:#f7f5ff;--canvas-deep:#efebfa;--surface:#fffc;--surface-solid:#fff;--surface-soft:#4b3f7412;--line:#3e345724;--line-strong:#3e345738;--shadow:0 20px 55px #3025541f;background:radial-gradient(circle at 78% 16%, rgba(var(--brand-rgb), .17), transparent 29rem), radial-gradient(circle at 10% 78%, #59cbac21, transparent 28rem), linear-gradient(145deg, #fbfaff 0%, #f4f0fc 55%, #f9fbff 100%)}.app-canvas.color-system .side-nav{background:#faf9ffb8}.app-canvas.color-system .soft-card{background:#ffffffad}.app-canvas.color-system .secondary-button,.app-canvas.color-system .icon-button{background:#42366012}.app-canvas.color-system .secondary-button:hover,.app-canvas.color-system .ghost-button:hover,.app-canvas.color-system .icon-button:hover{background:#4236601f}}.glass{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff16,#ffffff0a)}.soft-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#1c1c2db8,#0e0e189e);border-radius:22px;box-shadow:0 16px 44px #0000001f,inset 0 1px #ffffff09}.eyebrow{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-size:.76rem;font-weight:800;display:inline-flex}.muted{color:var(--muted)}.tiny{color:var(--faint);font-size:.82rem;line-height:1.48}.primary-button,.secondary-button,.ghost-button,.icon-button{border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-size:.91rem;font-weight:750;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex}.primary-button{color:#171222;background:linear-gradient(135deg, #d3c9ff 0%, var(--brand) 100%);box-shadow:0 12px 26px rgba(var(--brand-rgb), .24);padding:0 17px}.primary-button:hover{box-shadow:0 16px 32px rgba(var(--brand-rgb), .34);transform:translateY(-2px)}.secondary-button{color:var(--ink);border-color:var(--line);background:#ffffff17;padding:0 16px}.secondary-button:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--line-strong);background:#ffffff24}.ghost-button{color:var(--muted);background:0 0;padding:0 11px}.icon-button{min-width:40px;min-height:40px;color:var(--muted);border-color:var(--line);background:#ffffff0e;padding:0}.nav-layout{grid-template-columns:248px minmax(0,1fr);max-width:1680px;min-height:100vh;margin:0 auto;display:grid}.side-nav{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0909106b;grid-template-rows:auto minmax(0,1fr) auto;align-self:start;height:100vh;padding:28px 20px 24px;display:grid;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.045em;align-items:center;gap:10px;font-size:1.2rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-logo{filter:drop-shadow(0 7px 14px #0986e63d)}.nav-list{align-content:start;gap:5px;min-height:0;margin:40px 0 0;display:grid;overflow-y:auto}.nav-button{width:100%;min-height:42px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:0 12px;font-size:.9rem;font-weight:650;transition:all .15s;display:flex}.nav-button:hover{color:var(--ink);background:#ffffff0e}.nav-button.active{color:var(--ink);border-color:rgba(var(--brand-rgb), .22);background:linear-gradient(90deg, rgba(var(--brand-rgb), .21), rgba(var(--brand-rgb), .05))}.nav-foot{border:1px solid var(--line);background:linear-gradient(145deg, rgba(var(--brand-rgb), .09), #ffffff09);border-radius:16px;padding:14px}.nav-foot strong{font-size:.82rem;display:block}.nav-account{color:var(--mint);align-items:center;gap:7px;display:flex}.nav-account[data-mode=guest],.nav-account[data-mode=checking]{color:var(--faint)}.nav-account strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-mode-card{border:1px solid var(--line);background:#ffffff09;border-radius:14px;align-items:center;gap:11px;margin-bottom:14px;padding:11px;display:flex}.account-mode-card>span:last-child{min-width:0}.account-mode-card strong,.account-mode-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-mode-card strong{font-size:.86rem}.account-mode-card small{color:var(--faint);margin-top:2px;font-size:.74rem}.guest-mode-icon{width:36px;height:36px;color:var(--muted);background:var(--surface-soft);border-radius:12px;flex:none;place-items:center;display:grid}.main-panel{min-width:0;padding:30px clamp(24px,3.2vw,54px) 58px}.focus-main-panel{padding-top:24px;padding-bottom:24px}.focus-main-panel .focus-stage{min-height:clamp(540px,100svh - 48px,760px)}.topbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:26px;padding-bottom:20px;display:grid}.topbar-copy{align-items:center;gap:13px;min-width:0;display:flex}.topbar-icon{border:1px solid rgba(var(--brand-rgb), .3);width:44px;height:44px;color:var(--mint);background:linear-gradient(145deg, rgba(var(--brand-rgb), .2), #7fe7c414);box-shadow:inset 0 1px #ffffff14, 0 10px 24px rgba(var(--brand-rgb), .1);border-radius:14px;flex:none;place-items:center;display:grid}.topbar h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,2.4vw,2.35rem);font-weight:820}.topbar-actions{align-items:center;gap:9px;display:flex}.avatar{color:#171522;background:linear-gradient(145deg,#fca,#d38eff);border:1px solid #ffffff38;border-radius:13px;place-items:center;width:42px;height:42px;font-size:.88rem;font-weight:900;display:grid}.page-grid{grid-template-columns:minmax(0,1.3fr) minmax(350px,.7fr);gap:24px;display:grid}.stack{gap:22px;display:grid}.focus-stage{border:1px solid var(--line-strong);background:radial-gradient(circle at 50% 47%, rgba(var(--brand-rgb), .29), transparent 31%), radial-gradient(circle at 16% 12%, #7fe7c41c, transparent 26%), radial-gradient(circle at 88% 88%, rgba(var(--brand-rgb), .1), transparent 28%), linear-gradient(145deg, #ffffff18, #ffffff05);min-height:clamp(540px,100vh - 178px,720px);box-shadow:var(--shadow), inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;padding:26px 30px;display:grid;position:relative;overflow:hidden}.focus-stage:before,.focus-stage:after{content:"";pointer-events:none;border:1px solid #ffffff1a;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.focus-stage:before{aspect-ratio:1;width:min(72vw,580px);box-shadow:inset 0 0 70px rgba(var(--brand-rgb), .045), 0 0 90px rgba(var(--brand-rgb), .06);animation:9s ease-in-out infinite focus-halo}.focus-stage:after{aspect-ratio:1;border-color:rgba(var(--brand-rgb), .3);width:min(54vw,430px);box-shadow:0 0 80px rgba(var(--brand-rgb), .08);animation:9s ease-in-out 1.2s infinite reverse focus-halo}.focus-stage-meta,.focus-stage-footer{z-index:2;width:100%;color:var(--faint);letter-spacing:.015em;justify-content:space-between;align-items:center;gap:16px;font-size:.78rem;font-weight:650;display:flex;position:relative}.focus-stage-meta span:first-child,.focus-stage-footer span:first-child{align-items:center;gap:7px;display:inline-flex}.focus-stage-meta span:first-child{color:var(--mint)}.focus-stage-footer{border-top:1px solid #ffffff13;align-self:end;padding-top:18px}@keyframes focus-halo{0%,to{opacity:.64;transform:translate(-50%,-50%)scale(.98)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.035)}}.timer-core{z-index:1;align-self:center;justify-items:center;width:min(100%,440px);padding:26px 0;display:grid;position:relative}.phase-pill{border:1px solid rgba(var(--brand-rgb), .28);color:var(--ink);background:rgba(var(--brand-rgb), .16);letter-spacing:.025em;box-shadow:0 8px 24px rgba(var(--brand-rgb), .08);border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.8rem;font-weight:800;display:inline-flex}.timer-readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums slashed-zero;letter-spacing:-.052em;text-shadow:0 12px 40px rgba(var(--brand-rgb), .18);margin:22px 0 9px;font-size:clamp(4.5rem,8.4vw,7.5rem);font-weight:700;line-height:1;transition:color .22s,text-shadow .22s}.timer-readout.is-running{color:#fff;text-shadow:0 0 34px rgba(var(--brand-rgb), .28), 0 14px 48px rgba(var(--brand-rgb), .22)}.timer-subject{min-height:28px;color:var(--muted);font-size:.96rem;font-weight:600}.timer-controls{align-items:center;gap:12px;margin-top:31px;display:flex}.timer-controls .primary-button{min-width:138px;min-height:50px}.ambient-presets{flex-wrap:wrap;gap:8px;margin-bottom:17px;display:flex}.atmosphere-grid,.settings-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.atmosphere-grid>button{min-height:96px}.vibe-option{align-content:center;justify-items:start;gap:10px;display:grid}.vibe-icon{width:34px;height:34px;color:var(--mint);background:rgba(var(--brand-rgb), .15);border-radius:11px;place-items:center;display:grid}.settings-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented-control{border:1px solid var(--line);background:#ffffff0a;border-radius:15px;width:100%;padding:4px;display:inline-flex}.segmented-control button{min-height:38px;color:var(--faint);background:0 0;border:0;border-radius:10px;flex:1;font-size:.82rem;font-weight:800}.segmented-control button.active{color:var(--ink);background:#ffffff1c;box-shadow:0 4px 12px #00000021}.control-row{gap:10px;margin-top:20px;display:flex}.control-row .select-wrap{flex:1}.select-wrap{position:relative}.select-wrap select,.field,.field-area{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#ffffff0e;border-radius:13px;outline:none;padding:0 13px;font-size:.9rem;line-height:1.4;transition:border-color .16s,background .16s,box-shadow .16s}.select-wrap select:hover,.field:hover,.field-area:hover{border-color:var(--line-strong);background:#ffffff13}.select-wrap select:focus,.field:focus,.field-area:focus{border-color:rgba(var(--brand-rgb), .55);box-shadow:0 0 0 3px rgba(var(--brand-rgb), .11)}.field-area{resize:vertical;min-height:88px;padding:10px 12px}.select-wrap select option{color:#20202b}.section-card{padding:22px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;display:flex}.section-heading h2,.section-heading h3{letter-spacing:-.025em;margin:0;font-size:1.1rem;font-weight:800;line-height:1.25}.section-heading p{color:var(--faint);margin:4px 0 0;font-size:.82rem;line-height:1.45}.subject-list,.room-list,.conversation-list{gap:10px;display:grid}.subject-row,.room-row,.conversation-row{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;padding:10px;transition:all .16s;display:flex}.subject-row:hover,.room-row:hover,.conversation-row:hover,.room-row.selected,.conversation-row.selected{border-color:var(--line);background:#ffffff0e}.subject-dot{color:#171522;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:.92rem;display:grid}.row-main{flex:1;min-width:0}.row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;display:block;overflow:hidden}.row-main span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.8rem;display:block;overflow:hidden}.row-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.81rem;font-weight:750}.progress-track{background:#ffffff13;border-radius:999px;height:7px;margin-top:14px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--brand));height:100%;display:block}.goal-number{letter-spacing:-.055em;margin:12px 0 0;font-size:1.65rem;font-weight:850}.goal-number small{color:var(--faint);font-size:.8rem;font-weight:700}.focus-tip{background:linear-gradient(135deg,#7fe7c41c,#7fe7c406);border:1px solid #7fe7c42e;border-radius:16px;padding:16px}.focus-tip p{color:var(--muted);margin:6px 0 0;font-size:.86rem;line-height:1.55}.compact-tip{align-items:center;gap:10px;padding:12px 14px;display:flex}.compact-tip>svg{color:var(--mint);flex:none}.compact-tip p{margin:0;line-height:1.4}.page-wide{gap:22px;display:grid}.stats-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff1,#ffffff06);border-radius:17px;min-height:112px;padding:18px}.metric-card span{color:var(--faint);font-size:.79rem;font-weight:700}.metric-card strong{letter-spacing:-.035em;margin-top:8px;font-size:1.52rem;line-height:1.12;display:block}.metric-card em{color:var(--mint);font-size:.78rem;font-style:normal;font-weight:750}.heatmap-grid{grid-template-columns:repeat(13,1fr);gap:6px;display:grid}.heat-cell{aspect-ratio:1;background:#ffffff0f;border-radius:3px;min-width:11px}.heat-cell.l1{background:rgba(var(--brand-rgb), .23)}.heat-cell.l2{background:rgba(var(--brand-rgb), .44)}.heat-cell.l3{background:rgba(var(--brand-rgb), .68)}.heat-cell.l4{background:#d0c6ff}.chart-area{align-items:end;gap:10px;height:165px;padding:15px 4px 0;display:flex}.chart-column{text-align:center;flex:1;align-items:end;gap:7px;height:100%;display:grid}.chart-bar{background:linear-gradient(to top, var(--brand), #d3c9ff);width:100%;min-height:8px;box-shadow:0 4px 14px rgba(var(--brand-rgb), .22);border-radius:8px 8px 3px 3px}.chart-column span{color:var(--faint);font-size:.76rem}.chart-row{grid-template-columns:minmax(90px,.75fr) minmax(0,2fr) 54px;align-items:center;gap:10px;margin:12px 0;display:grid}.chart-row strong{font-size:.83rem}.chart-row .progress-track{margin:0}.chart-row span:last-child{color:var(--muted);text-align:right;font-size:.8rem}.stats-chart-card,.stats-subject-card{min-width:0}.stats-chart-card .recharts-wrapper,.stats-subject-card .recharts-wrapper{font-family:var(--font-body)}.stats-chart-card .recharts-surface:focus-visible,.stats-subject-card .recharts-surface:focus-visible{outline:3px solid rgba(var(--brand-rgb), .75);outline-offset:-3px}.stats-chart-heading{align-items:center;margin-bottom:13px}.chart-range{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;gap:3px;padding:3px;display:inline-flex}.chart-range button{min-width:42px;min-height:30px;color:var(--faint);letter-spacing:.04em;background:0 0;border:0;border-radius:8px;padding:0 9px;font-size:.72rem;font-weight:850;transition:color .16s,background .16s,box-shadow .16s}.chart-range button:hover{color:var(--ink)}.chart-range button.active{color:#171222;background:var(--brand);box-shadow:0 5px 14px rgba(var(--brand-rgb), .25)}.chart-summary{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:6px;display:grid;overflow:hidden}.chart-summary span{min-width:0;color:var(--faint);background:var(--surface-solid);gap:1px;padding:10px 12px;font-size:.68rem;font-weight:700;line-height:1.3;display:grid}.chart-summary strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.91rem;font-weight:850;overflow:hidden}.focus-trend-chart{width:100%;height:260px;margin-top:2px;position:relative}.chart-empty{border:1px solid var(--line);color:var(--faint);background:var(--surface-solid);pointer-events:none;border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:750;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subject-chart-layout{grid-template-columns:minmax(230px,.72fr) minmax(250px,1fr);align-items:center;gap:30px;display:grid}.subject-donut-wrap{width:100%;min-width:0;height:280px;position:relative}.donut-total{color:var(--faint);text-align:center;pointer-events:none;font-size:.7rem;font-weight:750;line-height:1.2;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-total strong{color:var(--ink);letter-spacing:-.035em;font-size:1.18rem;font-weight:900}.subject-chart-legend{gap:7px;display:grid}.subject-legend-row{width:100%;min-height:49px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 9px;transition:border-color .16s,background .16s,transform .16s;display:grid}.subject-legend-row:hover,.subject-legend-row[data-active=true]{border-color:var(--line);background:var(--surface-soft);transform:translate(3px)}.subject-legend-icon{color:#171222;border-radius:10px;place-items:center;width:34px;height:34px;font-size:.88rem;display:grid;box-shadow:inset 0 1px #ffffff40}.subject-legend-name{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:800;overflow:hidden}.subject-legend-value{min-width:58px;color:var(--faint);text-align:right;font-size:.68rem;font-weight:750;display:grid}.subject-legend-value strong{color:var(--muted);font-size:.82rem;font-weight:850}.subject-chart-empty{min-height:220px;color:var(--faint);align-content:center;place-items:center;gap:13px;font-size:.82rem;display:grid}.empty-donut{border:18px solid var(--line);width:116px;height:116px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}.planner-layout{grid-template-columns:minmax(0,1fr) 315px;gap:22px;display:grid}.week-grid{grid-template-columns:54px repeat(7,minmax(100px,1fr));min-width:790px;display:grid;overflow:hidden}.week-scroll{border:1px solid var(--line);background:#ffffff06;border-radius:20px;overflow-x:auto}.week-head,.time-label,.calendar-slot{border-bottom:1px solid #ffffff0f;min-height:58px}.week-head{color:var(--faint);text-transform:uppercase;place-items:center;padding:8px;font-size:.76rem;font-weight:800;display:grid}.week-head strong{color:var(--ink);font-size:.9rem}.week-head.today strong{color:#191522;background:var(--brand);border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.time-label{color:var(--faint);text-align:right;padding:10px 8px;font-size:.75rem}.calendar-slot{border-left:1px solid #ffffff0e;position:relative}.calendar-slot>button:not(.calendar-block){background:0 0;border:0;width:100%;height:100%}.calendar-slot>button:not(.calendar-block):hover{background:rgba(var(--brand-rgb), .07)}.calendar-block{z-index:1;color:#171522;background:var(--block-color,var(--brand));text-align:left;border:1px solid #ffffff30;border-radius:9px;width:auto;height:auto;padding:7px;font-size:.75rem;font-weight:800;position:absolute;inset:5px 4px;overflow:hidden}.calendar-block small{opacity:.72;margin-top:3px;font-size:.7rem;display:block}.calendar-block[data-status=done]{opacity:.52}.calendar-block[data-status=missed]{filter:saturate(.4);opacity:.56}.planner-row-actions{align-items:center;gap:4px;display:inline-flex}.planner-error{color:var(--workspace-ember,var(--warm));margin:10px 0 0;font-size:.72rem;font-weight:700;line-height:1.35}.planner-editor-note{max-width:430px;color:var(--faint);margin:7px 34px 18px 0;font-size:.78rem;line-height:1.45}.room-layout,.message-layout{border:1px solid var(--line);background:#ffffff09;border-radius:23px;grid-template-columns:310px minmax(0,1fr) 250px;min-height:590px;display:grid;overflow:hidden}.message-layout{grid-template-columns:310px minmax(0,1fr)}.room-sidebar,.conversation-sidebar,.room-members{padding:18px}.room-sidebar,.conversation-sidebar{border-right:1px solid var(--line)}.room-members{border-left:1px solid var(--line)}.room-chat,.chat-pane{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;display:flex}.chat-header h2{letter-spacing:-.025em;margin:0;font-size:1rem}.chat-header p{color:var(--faint);margin:4px 0 0;font-size:.8rem}.message-list{flex-direction:column;gap:14px;min-height:0;padding:21px;display:flex;overflow:auto}.chat-message{align-items:flex-start;gap:10px;display:flex}.message-avatar{color:#181522;background:var(--message-color,#d3c9ff);border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font-size:.7rem;font-weight:900;display:grid}.message-content{min-width:0}.message-content strong{font-size:.82rem}.message-content time{color:var(--faint);margin-left:7px;font-size:.75rem}.message-content p{color:var(--muted);margin:3px 0 0;font-size:.87rem;line-height:1.52}.composer{border-top:1px solid var(--line);gap:9px;padding:16px 20px;display:flex}.composer input{flex:1;min-width:0}.member-row{align-items:center;gap:10px;padding:9px 0;display:flex}.member-avatar{color:#181522;background:var(--member-color,#c7beff);border-radius:11px;flex:none;place-items:center;width:32px;height:32px;font-size:.7rem;font-weight:900;display:grid;position:relative}.presence-dot{background:var(--mint);border:2px solid #171722;border-radius:999px;width:9px;height:9px;position:absolute;bottom:-1px;right:-2px}.member-row strong{font-size:.83rem;display:block}.member-row span{color:var(--faint);margin-top:2px;font-size:.75rem;display:block}.member-row .tiny{text-align:right;margin-left:auto}.room-access-card,.room-empty-state,.room-join-state{min-height:300px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:13px;padding:28px;display:grid}.room-access-card{min-height:min(560px,100svh - 130px)}.room-access-card>svg,.room-empty-state>svg,.room-join-state>svg{color:var(--mint)}.room-access-card h2,.room-empty-state h2,.room-join-state h2{color:var(--ink);margin:0;font-size:1.25rem}.room-access-card p,.room-empty-state p,.room-join-state p{max-width:350px;margin:0;font-size:.9rem;line-height:1.55}.room-row{position:relative}.room-row-state{color:var(--faint);white-space:nowrap;align-items:center;gap:5px;font-size:.7rem;font-weight:750;display:inline-flex}.room-row-state.joinable{color:var(--mint)}.room-row-state.full{color:var(--warm)}.room-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.room-header-actions .ghost-button{min-height:34px;padding:0 8px;font-size:.76rem}.room-invite-bar{border:1px solid rgba(var(--brand-rgb), .32);background:rgba(var(--brand-rgb), .09);border-radius:13px;align-items:center;gap:8px;margin:0 20px 14px;padding:7px 8px 7px 11px;display:flex}.room-invite-bar input{min-width:0;color:var(--muted);background:0 0;border:0;outline:0;flex:1;font-size:.74rem}.room-invite-bar .ghost-button{min-height:30px;color:var(--mint);padding:0 8px;font-size:.74rem}.room-chat-notice{border:1px solid var(--line);color:var(--faint);background:var(--surface-soft);text-align:center;border-radius:12px;margin:0;padding:10px 12px;font-size:.78rem}.room-live-note{color:var(--mint);align-items:center;gap:6px;font-size:.76rem;font-weight:750;display:inline-flex}.member-row{min-width:0}.member-avatar .presence-dot[data-state=idle],.member-avatar .presence-dot[data-state=offline]{background:var(--faint)}.member-avatar .presence-dot[data-state=break],.member-avatar .presence-dot[data-state=paused]{background:var(--warm)}.member-row-copy{flex:1;min-width:0}.member-row-copy strong,.member-row-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-subject{align-items:center;gap:5px;display:inline-flex!important}.member-subject i{background:var(--member-subject-color,var(--brand));border-radius:99px;flex:none;width:7px;height:7px}.member-metrics{color:var(--muted);text-align:right;flex:none;gap:1px;font-size:.73rem;font-weight:800;line-height:1.2;display:grid}.member-metrics small{color:var(--faint);font-size:.66rem;font-weight:650}.room-members-empty{color:var(--faint);margin:10px 0;font-size:.8rem;line-height:1.5}.room-sidebar-loading{color:var(--faint);padding:12px 4px;font-size:.82rem}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04040aad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-strong);background:var(--surface-solid);border-radius:24px;width:min(100%,460px);padding:24px;box-shadow:0 32px 80px #0000007a}.modal h2{letter-spacing:-.05em;margin:8px 0 5px;font-size:1.35rem}.modal>p{color:var(--muted);margin:0 0 20px;font-size:.85rem;line-height:1.5}.form-grid{gap:12px;display:grid}.form-grid label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:750;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:19px;display:flex}.check-line{cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:9px!important;display:flex!important}.check-line input{width:16px;height:16px;accent-color:var(--brand)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}.auth-backdrop{-webkit-backdrop-filter:blur(18px)saturate(.85);backdrop-filter:blur(18px)saturate(.85);background:#05050cc2}.auth-modal{background:radial-gradient(circle at 92% 2%, rgba(var(--brand-rgb), .15), transparent 30%), linear-gradient(150deg, var(--surface-raised), var(--surface-solid) 56%);scrollbar-width:thin;border-radius:28px;width:min(100%,560px);max-height:calc(100svh - 32px);padding:28px;overflow:hidden auto}.auth-modal-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;display:grid}.auth-modal-header h2{letter-spacing:-.035em;margin:2px 0 0;font-size:clamp(1.55rem,4vw,1.85rem);font-weight:820;line-height:1.12}.auth-modal-header p{max-width:440px;color:var(--muted);margin:0;font-size:.91rem;line-height:1.52}.auth-close{margin-top:-2px}.auth-mode-switch{border:1px solid var(--line);background:#ffffff0a;border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:24px 0 21px;padding:4px;display:grid}.auth-mode-switch button{min-height:42px;color:var(--faint);background:0 0;border:1px solid #0000;border-radius:11px;font-size:.88rem;font-weight:750;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.auth-mode-switch button:hover{color:var(--ink)}.auth-mode-switch button:disabled{cursor:not-allowed;opacity:.55}.auth-mode-switch button.active{border-color:rgba(var(--brand-rgb), .22);color:var(--ink);background:rgba(var(--brand-rgb), .16);box-shadow:0 6px 20px #00000024}.auth-connection-note{color:var(--muted);background:#ffbc7a12;border:1px solid #ffbc7a38;border-radius:13px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:.8rem;line-height:1.45;display:flex}.auth-connection-note svg{color:var(--warm);flex:none;margin-top:2px}.auth-connection-note strong{color:var(--ink)}.auth-panel{gap:15px;display:grid}.auth-step-indicator{grid-template-columns:auto minmax(28px,1fr) auto;align-items:center;gap:10px;margin:-2px 0 18px;padding:0 4px;display:grid}.auth-step-indicator span{color:var(--faint);align-items:center;gap:7px;font-size:.76rem;font-weight:750;transition:color .18s;display:inline-flex}.auth-step-indicator i{border:1px solid var(--line-strong);border-radius:999px;place-items:center;width:24px;height:24px;font-size:.7rem;font-style:normal;transition:color .18s,background .18s,border-color .18s,transform .18s;display:grid}.auth-step-indicator b{background:var(--line);height:1px;transition:background .22s,box-shadow .22s}.auth-step-indicator b.complete{background:var(--brand);box-shadow:0 0 12px rgba(var(--brand-rgb), .35)}.auth-step-indicator span.active{color:var(--ink)}.auth-step-indicator span.active i{border-color:rgba(var(--brand-rgb), .35);color:#171222;background:var(--brand);transform:scale(1.04)}.auth-step-panel{gap:14px}.auth-step-panel.step-forward{animation:.24s cubic-bezier(.22,1,.36,1) both auth-step-forward}.auth-step-panel.step-back{animation:.24s cubic-bezier(.22,1,.36,1) both auth-step-back}@keyframes auth-step-forward{0%{opacity:0;transform:translate(14px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes auth-step-back{0%{opacity:0;transform:translate(-14px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}.auth-signup-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:13px;display:grid}.auth-signup-fields label,.auth-credentials-form label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:750;display:grid}.auth-field-hint{color:var(--faint);font-size:.72rem;font-weight:600;line-height:1.35}.auth-avatar-field{gap:9px;display:grid}.auth-field-label{color:var(--muted);font-size:.82rem;font-weight:750}.auth-avatar-list{flex-wrap:wrap;gap:8px;display:flex}.auth-avatar{color:#181522;width:42px;height:42px;box-shadow:0 0 0 0 rgba(var(--brand-rgb), 0);border:2px solid #0000;border-radius:13px;place-items:center;font-size:.9rem;font-weight:900;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.auth-avatar:hover{transform:translateY(-2px)}.auth-avatar.selected{box-shadow:0 0 0 3px rgba(var(--brand-rgb), .62);border-color:#fff}.auth-age-check{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:14px;align-items:flex-start;gap:11px;padding:12px 13px;display:flex}.auth-age-check input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin-top:2px}.auth-age-check strong,.auth-age-check small{display:block}.auth-age-check strong{color:var(--ink);font-size:.84rem}.auth-age-check small{color:var(--faint);margin-top:2px;font-size:.74rem;line-height:1.35}.auth-provider-button{background:#ffffff13;width:100%;min-height:48px}.google-mark{color:#1f1d2c;background:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-family:Arial,sans-serif;font-size:.82rem;font-weight:900;display:grid}.auth-divider{color:var(--faint);text-transform:uppercase;align-items:center;gap:12px;font-size:.72rem;font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-credentials-form{gap:11px;display:grid}.auth-credentials-form .primary-button{width:100%;min-height:48px}.auth-password-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.auth-form-error{color:var(--danger);margin:-2px 0 0;font-size:.78rem;font-weight:650}.auth-method-summary{border:1px solid var(--line);min-width:0;color:var(--faint);background:#ffffff08;border-radius:13px;align-items:center;gap:9px;padding:10px 12px;font-size:.78rem;display:flex}.auth-method-summary>svg{color:var(--mint);flex:none}.auth-method-summary>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.auth-method-summary strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-step-actions{grid-template-columns:auto minmax(0,1fr);gap:10px;display:grid}.auth-step-actions .primary-button{width:100%}.auth-password-note{color:var(--faint);text-align:center;justify-content:center;align-items:center;gap:6px;margin:-2px 0 0;font-size:.75rem;line-height:1.4;display:flex}.auth-guest-card{background:linear-gradient(135deg,#7fe7c416,#7fe7c406);border:1px solid #7fe7c42b;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:18px;padding:13px;display:grid}.auth-guest-copy{align-items:center;gap:11px;min-width:0;display:flex}.auth-guest-icon{color:#14251f;background:var(--mint);border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.auth-guest-copy strong,.auth-guest-copy small{display:block}.auth-guest-copy strong{font-size:.84rem}.auth-guest-copy small{color:var(--faint);margin-top:2px;font-size:.73rem;line-height:1.35}.auth-guest-button{min-height:38px;color:var(--mint);white-space:nowrap;padding:0 8px;font-size:.81rem}.landing{max-width:1320px;margin:0 auto;padding:26px clamp(22px,4vw,60px) 56px}.landing h1,.landing h2,.landing h3,.landing .brand{font-family:var(--font-body)}.landing .brand{letter-spacing:-.025em;font-weight:750}.landing .primary-button,.landing .secondary-button,.landing .ghost-button{font-weight:650}.landing-nav{justify-content:space-between;align-items:center;gap:20px;min-height:48px;display:flex}.landing-nav-actions{align-items:center;gap:8px;display:flex}.landing-account-pill{border:1px solid var(--line);min-height:42px;color:var(--muted);background:#ffffff0b;border-radius:13px;align-items:center;gap:8px;padding:4px 10px 4px 5px;font-size:.82rem;display:inline-flex}.landing-account-pill>span,.landing-proof-avatar{color:#171522;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.landing-account-pill strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.landing-proof-avatar{border:2px solid #ffffff29;width:29px;height:29px;font-size:.78rem}.signed-in-proof{color:var(--mint)}.hero{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(42px,7vw,104px);min-height:calc(100svh - 104px);padding:48px 0;display:grid}.hero-copy{max-width:610px}.hero-symbols{gap:9px;display:flex}.hero-symbols span{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--mint);background:linear-gradient(145deg, rgba(var(--brand-rgb), .18), #ffffff09);box-shadow:0 12px 28px rgba(var(--brand-rgb), .1);border-radius:14px;place-items:center;display:grid}.hero-symbols span:nth-child(2){color:#c7baff;transform:translateY(-8px)}.hero-symbols span:nth-child(3){color:#ffb7d2}.hero h1{letter-spacing:-.043em;max-width:580px;margin:24px 0 18px;font-size:clamp(3.2rem,6.4vw,5.8rem);font-weight:700;line-height:1.01}.hero h1 span{color:#0000;background:linear-gradient(102deg,#b6a7ff,#8be9c4 72%);-webkit-background-clip:text;background-clip:text;display:block}.hero p{max-width:510px;color:var(--muted);letter-spacing:.005em;margin:0;font-size:clamp(.95rem,1.35vw,1.05rem);font-weight:500;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:11px;margin-top:29px;display:flex}.hero-proof{color:var(--mint);align-items:center;gap:10px;margin-top:25px;font-size:.84rem;font-weight:650;display:flex}.hero-proof>span:last-child{align-items:center;gap:6px;display:inline-flex}.proof-orbs{display:flex}.proof-orbs span{color:#1a1724;background:var(--avatar-color,#c4bbff);border:2px solid #11111d;border-radius:10px;place-items:center;width:27px;height:27px;margin-right:-7px;font-size:.68rem;font-weight:900;display:grid}.hero-product{background:radial-gradient(circle at 83% 12%,#7fe7c42e,#0000 30%),linear-gradient(145deg,#ffffff1f,#ffffff09);border:1px solid #ffffff29;border-radius:29px;min-height:560px;padding:19px;transition:transform .4s,box-shadow .4s;display:grid;position:relative;transform:translateY(0);box-shadow:0 42px 100px #00000061,inset 0 1px #ffffff14}.hero-product:hover{transform:translateY(-5px);box-shadow:0 50px 110px #0000006b,inset 0 1px #ffffff1a}.hero-product:after{content:"";z-index:-1;background:rgba(var(--brand-rgb), .14);filter:blur(45px);border-radius:28px;width:75%;height:78%;position:absolute;top:34px;right:-38px}.product-topline{color:var(--faint);justify-content:space-between;align-items:center;padding:4px 6px 17px;font-size:.79rem;font-weight:600;display:flex}.product-inner{grid-template-columns:.95fr 1.05fr;gap:12px;display:grid}.hero-timer{background:radial-gradient(circle at 50% 50%, rgba(var(--brand-rgb), .24), #0b0b1461);text-align:center;border:1px solid #ffffff21;border-radius:22px;place-items:center;min-height:432px;padding:26px;display:grid}.hero-timer time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.065em;margin-top:10px;font-size:clamp(3rem,5vw,4.5rem);font-weight:700}.hero-timer p{color:var(--muted);margin:2px 0 20px;font-size:.84rem;font-weight:500}.hero-product .phase-pill{font-weight:650}.hero-mini-stack{gap:12px;display:grid}.hero-mini-card{background:#0b0b146b;border:1px solid #ffffff1c;border-radius:18px;padding:16px}.hero-mini-card h3{letter-spacing:-.01em;margin:0 0 12px;font-size:.88rem;font-weight:700;line-height:1.35}.mini-presence{color:var(--muted);border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:8px 0;font-size:.78rem;font-weight:450;display:flex}.mini-presence strong{font-weight:650}.mini-presence:first-of-type{border-top:0}.mini-heatmap{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.mini-heatmap span{aspect-ratio:1;background:var(--heat,#ffffff14);border-radius:3px}.feature-band{grid-template-columns:repeat(3,1fr);gap:14px;padding:42px 0 48px;display:grid}.feature-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0e,#ffffff06);border-radius:19px;min-height:148px;padding:23px;transition:transform .18s,border-color .18s,background .18s}.feature-card:hover{border-color:var(--line-strong);background:linear-gradient(145deg, rgba(var(--brand-rgb), .1), #ffffff08);transform:translateY(-3px)}.feature-card svg{width:44px;height:44px;color:var(--mint);background:rgba(var(--brand-rgb), .13);border-radius:14px;padding:11px}.feature-card h2{letter-spacing:-.015em;margin:14px 0 4px;font-size:1.12rem;font-weight:700}.feature-card p{color:var(--muted);margin:0;font-size:.82rem;font-weight:500;line-height:1.5}.landing-footer{border-top:1px solid var(--line);width:100%;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:26px 0 10px;font-size:.84rem;display:flex}.landing-footer-links{gap:20px;display:flex}.landing-footer a{color:inherit;text-decoration:none}.landing-footer a:hover{color:var(--ink)}.legal-page{place-items:center;min-height:100svh;padding:clamp(28px,6vw,72px) 22px;display:grid}.legal-card{width:min(100%,720px);padding:clamp(28px,5vw,52px)}.legal-card h1{letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(2.35rem,7vw,3.75rem);font-weight:850;line-height:1}.legal-copy{color:var(--muted);gap:18px;margin-top:30px;font-size:.98rem;line-height:1.75;display:grid}.legal-copy p{margin:0}.toast{z-index:30;color:#ddfff2;max-width:min(360px,100vw - 40px);box-shadow:var(--shadow);background:#18322c;border:1px solid #7fe7c440;border-radius:14px;align-items:center;gap:9px;padding:12px 15px;font-size:.83rem;display:flex;position:fixed;bottom:24px;right:24px}.app-canvas.color-light .focus-stage{background:radial-gradient(circle at 50% 47%, rgba(var(--brand-rgb), .2), transparent 31%), radial-gradient(circle at 16% 12%, #4abe9b1f, transparent 26%), linear-gradient(145deg, #ffffffb8, #ffffff61);border-color:#3e345729}.app-canvas.color-light .timer-readout.is-running{color:var(--ink)}.app-canvas.color-light .focus-stage-footer{border-color:#3e34571a}.app-canvas.color-light .ambient-presets .secondary-button{color:var(--ink)!important}@media (prefers-color-scheme:light){.app-canvas.color-system .focus-stage{background:radial-gradient(circle at 50% 47%, rgba(var(--brand-rgb), .2), transparent 31%), radial-gradient(circle at 16% 12%, #4abe9b1f, transparent 26%), linear-gradient(145deg, #ffffffb8, #ffffff61);border-color:#3e345729}.app-canvas.color-system .timer-readout.is-running{color:var(--ink)}.app-canvas.color-system .focus-stage-footer{border-color:#3e34571a}.app-canvas.color-system .ambient-presets .secondary-button{color:var(--ink)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1100px){.page-grid,.planner-layout{grid-template-columns:1fr}.room-layout{grid-template-columns:270px minmax(0,1fr)}.room-members{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:90px 0 58px}.hero-product{justify-self:center;width:min(100%,760px);max-width:none}}@media (max-width:780px){.nav-layout{display:block}.side-nav{z-index:10;border-right:0;border-bottom:1px solid var(--line);align-items:center;height:auto;min-height:64px;padding:11px 16px;display:flex;position:sticky}.nav-list{flex:1;gap:1px;margin:0 0 0 18px;display:flex;overflow-x:auto}.nav-button{flex:none;width:auto;min-height:37px;padding:0 10px;font-size:.76rem}.nav-button svg{width:16px}.nav-foot{display:none}.main-panel{padding:22px 16px 42px}.focus-main-panel{padding:16px 16px 24px}.focus-main-panel .focus-stage{min-height:clamp(480px,100svh - 104px,700px)}.topbar{margin-bottom:22px;padding-bottom:17px}.topbar h1{font-size:clamp(1.4rem,5vw,1.8rem)}.stats-overview{grid-template-columns:repeat(2,1fr)}.subject-chart-layout{grid-template-columns:1fr;gap:12px}.subject-donut-wrap{width:min(100%,300px);height:255px;margin:0 auto}.room-layout,.message-layout{grid-template-columns:1fr}.room-sidebar,.conversation-sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:235px;overflow:auto}.room-chat,.chat-pane{min-height:430px}.hero-product{min-height:auto;transform:none}.hero-product:hover{transform:none}.product-inner{grid-template-columns:1fr}.hero-timer{min-height:300px}.feature-band{grid-template-columns:1fr}}@media (max-width:600px){.auth-backdrop{align-items:end;padding:8px}.auth-modal{border-radius:25px 25px 18px 18px;width:100%;max-height:calc(100svh - 8px);padding:22px 18px 18px}.auth-modal-header{gap:12px}.auth-modal-header h2{font-size:1.55rem}.auth-modal-header p{font-size:.86rem}.auth-mode-switch{margin:20px 0 18px}}@media (max-width:380px){.auth-signup-fields,.auth-password-grid{grid-template-columns:1fr}.auth-guest-card{grid-template-columns:1fr;gap:12px}.auth-guest-button{justify-content:space-between;width:100%;padding:0 5px}}@media (max-width:480px){.landing{padding:18px 16px 42px}.landing-pricing-link{display:none}.landing-account-pill{padding-right:5px}.landing-account-pill strong{display:none}.landing-nav-actions .secondary-button{padding:0 12px;font-size:.84rem}.hero h1{letter-spacing:-.04em;font-size:3rem}.hero-product{border-radius:22px;padding:10px}.topbar-actions .secondary-button{display:none}.focus-stage{border-radius:24px;min-height:480px;padding:19px}.timer-readout{letter-spacing:-.06em;font-size:3.8rem}.focus-stage-meta,.focus-stage-footer{gap:8px;font-size:.72rem}.focus-stage-meta span:last-child,.focus-stage-footer span:last-child{text-align:right}.timer-core{padding:18px 0}.timer-controls{gap:8px;margin-top:25px}.timer-controls .primary-button{min-width:124px}.field,.field-area,.select-wrap select{font-size:1rem}.atmosphere-grid,.settings-field-grid,.profile-metrics,.stats-overview{grid-template-columns:1fr}.atmosphere-grid>button{min-height:112px}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px}.section-card{padding:16px}.chart-summary span{padding:9px 8px}.focus-trend-chart{height:230px}}.app-canvas{--workspace-deep:#080a12;--workspace-panel:#0d1120;--workspace-card:#131829;--workspace-card-raised:#1a2138;--workspace-text:#eee8dc;--workspace-muted:#8a90ab;--workspace-dim:#565c76;--workspace-line:#eee8dc13;--workspace-line-strong:#eee8dc21;--workspace-dusk:#8f81e0;--workspace-ember:#e2a468;--workspace-sage:#84b79b;--workspace-rain:#5f7fa3;background:radial-gradient(circle at 48% 2%, #8f81e021, transparent 31rem), radial-gradient(circle at 95% 100%, #e2a46813, transparent 28rem), var(--workspace-deep)}.app-canvas:before,.app-canvas:after{opacity:.1}.app-canvas.color-light{--workspace-deep:#f2f1f7;--workspace-panel:#fbfaff;--workspace-card:#fff;--workspace-card-raised:#f5f3fb;--workspace-text:#292741;--workspace-muted:#696a82;--workspace-dim:#87879a;--workspace-line:#28263e1a;--workspace-line-strong:#28263e29}@media (prefers-color-scheme:light){.app-canvas.color-system{--workspace-deep:#f2f1f7;--workspace-panel:#fbfaff;--workspace-card:#fff;--workspace-card-raised:#f5f3fb;--workspace-text:#292741;--workspace-muted:#696a82;--workspace-dim:#87879a;--workspace-line:#28263e1a;--workspace-line-strong:#28263e29}}.app-canvas .nav-layout{grid-template-columns:84px minmax(0,1fr);max-width:none}.app-canvas .side-nav{z-index:8;border-color:var(--workspace-line);background:var(--workspace-deep);padding:18px 12px}@supports (color:color-mix(in lab, red, red)){.app-canvas .side-nav{background:color-mix(in srgb, var(--workspace-deep) 89%, transparent)}}.app-canvas .side-nav{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-canvas .side-nav .brand{justify-content:center;gap:0;width:100%;height:48px}.app-canvas .side-nav .brand-logo{filter:drop-shadow(0 8px 18px #0986e652);width:38px;height:38px}.app-canvas .side-nav .brand-word,.app-canvas .nav-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-canvas .nav-list{justify-items:center;gap:6px;margin-top:28px;overflow:visible}.app-canvas .nav-button{width:48px;min-height:48px;color:var(--workspace-muted);border-radius:14px;justify-content:center;padding:0;position:relative}.app-canvas .nav-button:hover{color:var(--workspace-text);background:#8f81e01a}.app-canvas .nav-button.active{color:var(--workspace-text);background:#8f81e02b;border-color:#8f81e033}.app-canvas .nav-button.active:before{background:var(--workspace-dusk);content:"";border-radius:999px;width:2px;height:20px;position:absolute;left:-13px}.nav-tip,.rail-user-tip{z-index:20;border:1px solid var(--workspace-line-strong);color:var(--workspace-text);background:var(--workspace-card-raised);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:.72rem;font-weight:700;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 13px);transform:translate(-4px,-50%);box-shadow:0 12px 26px #00000038}.app-canvas .nav-button:hover .nav-tip,.app-canvas .nav-button:focus-visible .nav-tip,.app-canvas .nav-foot:hover .rail-user-tip,.app-canvas .rail-user:focus-visible+.rail-user-tip{opacity:1;transform:translateY(-50%)}.app-canvas .nav-foot{background:0 0;border:0;border-radius:0;place-items:center;min-height:48px;padding:0;display:grid;position:relative}.app-canvas .nav-account{display:none}.rail-user{border:2px solid var(--workspace-panel);color:#171522;width:38px;height:38px;box-shadow:0 0 0 1px var(--workspace-line-strong);border-radius:13px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.rail-user-signed_in:after{border:2px solid var(--workspace-panel);background:var(--workspace-sage);content:"";border-radius:999px;width:8px;height:8px;position:absolute;bottom:5px;right:8px}.app-canvas .main-panel{background:var(--workspace-panel);padding:26px clamp(22px,3vw,42px) 34px}@supports (color:color-mix(in lab, red, red)){.app-canvas .main-panel{background:color-mix(in srgb, var(--workspace-panel) 22%, transparent)}}.app-canvas .focus-main-panel{background:var(--workspace-deep);height:100svh;min-height:100svh;padding:0;overflow:hidden}.app-canvas .topbar{border-color:var(--workspace-line);margin-bottom:22px;padding-bottom:16px}.app-canvas .topbar-icon{width:38px;height:38px;color:var(--workspace-dusk);box-shadow:none;background:#8f81e01c;border-color:#8f81e042;border-radius:12px}.app-canvas .topbar h1{color:var(--workspace-text);letter-spacing:-.025em;font-size:1.12rem;font-weight:760}.app-canvas .soft-card,.app-canvas .metric-card{border-color:var(--workspace-line);background:var(--workspace-card);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-canvas .section-card{padding:18px}.app-canvas .section-heading{margin-bottom:14px}.app-canvas .section-heading h2,.app-canvas .section-heading h3{color:var(--workspace-text);font-size:.98rem;font-weight:760}.app-canvas .tiny,.app-canvas .section-heading p,.app-canvas .row-main span,.app-canvas .chat-header p,.app-canvas .member-row span,.app-canvas .message-content time{color:var(--workspace-dim)}.app-canvas .select-wrap select,.app-canvas .field,.app-canvas .field-area{border-color:var(--workspace-line);color:var(--workspace-text);background:var(--workspace-deep)}@supports (color:color-mix(in lab, red, red)){.app-canvas .select-wrap select,.app-canvas .field,.app-canvas .field-area{background:color-mix(in srgb, var(--workspace-deep) 48%, transparent)}}.app-canvas .select-wrap select:hover,.app-canvas .field:hover,.app-canvas .field-area:hover{border-color:var(--workspace-line-strong);background:var(--workspace-deep)}@supports (color:color-mix(in lab, red, red)){.app-canvas .select-wrap select:hover,.app-canvas .field:hover,.app-canvas .field-area:hover{background:color-mix(in srgb, var(--workspace-deep) 64%, transparent)}}.app-canvas .secondary-button,.app-canvas .icon-button{border-color:var(--workspace-line);color:var(--workspace-text);background:#eee8dc0b}.app-canvas .secondary-button:hover,.app-canvas .ghost-button:hover,.app-canvas .icon-button:hover{border-color:var(--workspace-line-strong);background:#eee8dc16}.app-canvas .primary-button{color:#15131e;background:linear-gradient(135deg, #b7abff, var(--workspace-dusk));box-shadow:0 11px 25px #8f81e033}.app-canvas .planner-layout{grid-template-columns:minmax(0,1fr) 372px;gap:18px}.app-canvas .week-scroll,.app-canvas .room-layout,.app-canvas .message-layout{border-color:var(--workspace-line);background:var(--workspace-card);box-shadow:none;border-radius:22px}.app-canvas .week-head,.app-canvas .time-label,.app-canvas .calendar-slot{border-color:var(--workspace-line)}.app-canvas .calendar-slot{border-left-color:var(--workspace-line)}.app-canvas .calendar-slot button:hover{background:#8f81e013}.app-canvas .calendar-block{border-color:#eee8dc29;box-shadow:0 8px 18px #00000024}.app-canvas .stats-overview{gap:12px}.app-canvas .metric-card{border-radius:18px;min-height:102px;padding:17px}.app-canvas .metric-card span,.app-canvas .metric-card em{color:var(--workspace-dim)}.app-canvas .metric-card strong{color:var(--workspace-text)}.app-canvas .metric-card em{color:var(--workspace-sage)}.app-canvas .room-sidebar,.app-canvas .conversation-sidebar,.app-canvas .room-members{background:var(--workspace-panel)}@supports (color:color-mix(in lab, red, red)){.app-canvas .room-sidebar,.app-canvas .conversation-sidebar,.app-canvas .room-members{background:color-mix(in srgb, var(--workspace-panel) 58%, transparent)}}.app-canvas .room-sidebar,.app-canvas .conversation-sidebar{border-right-color:var(--workspace-line)}.app-canvas .room-members{border-left-color:var(--workspace-line)}.app-canvas .chat-header,.app-canvas .composer{border-color:var(--workspace-line)}.app-canvas .chat-header h2,.app-canvas .message-content strong,.app-canvas .member-row strong,.app-canvas .row-main strong{color:var(--workspace-text)}.app-canvas .message-content p{color:var(--workspace-muted)}.app-canvas .chat-message .message-content{padding:2px 0}.app-canvas .room-row:hover,.app-canvas .conversation-row:hover,.app-canvas .room-row.selected,.app-canvas .conversation-row.selected,.app-canvas .subject-row:hover{border-color:var(--workspace-line);background:#8f81e014}.focus-dashboard{grid-template-columns:minmax(0,1fr) 372px;height:100%;min-height:100%;display:grid}.app-canvas .focus-stage{background:radial-gradient(circle at 50% 50%, #8f81e01f, transparent 27rem), radial-gradient(circle at 84% 86%, #e2a4680d, transparent 25rem), var(--workspace-deep);height:100%;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;padding:22px clamp(24px,4vw,58px);display:grid}.app-canvas .focus-stage:before,.app-canvas .focus-stage:after{display:none}.focus-youtube-background{z-index:0;opacity:.09;mix-blend-mode:screen;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.focus-rain{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.focus-rain i{background:linear-gradient(#0000,#bee5f59e,#0000);border-radius:99px;width:1px;height:74px;animation:linear infinite focus-rain-fall;position:absolute;top:-14%}@keyframes focus-rain-fall{0%{transform:translateY(-10vh)rotate(12deg)}to{transform:translateY(120vh)rotate(12deg)}}.focus-stage-top,.app-canvas .focus-stage-footer{z-index:3;color:var(--workspace-dim);letter-spacing:.095em;text-transform:uppercase;font-size:.69rem;font-weight:760}.focus-stage-top{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.focus-stage-top span,.app-canvas .focus-stage-footer span{align-items:center;gap:7px;display:inline-flex}.focus-stage-top span:first-child{color:var(--workspace-muted)}.app-canvas .timer-core{z-index:3;width:min(100%,470px);padding:6px 0 0}.app-canvas .phase-pill{color:var(--workspace-text);box-shadow:none;letter-spacing:.075em;text-transform:uppercase;background:#8f81e01f;border-color:#8f81e04d;padding:7px 11px;font-size:.7rem}.focus-stage-running .phase-pill{color:#f2d8bf;background:#e2a46821;border-color:#e2a46857}.focus-stage-short_break .phase-pill,.focus-stage-long_break .phase-pill{color:#c9ebd6;background:#84b79b1f;border-color:#84b79b57}.timer-orb{aspect-ratio:1;place-items:center;width:min(50vw,402px);min-width:270px;margin-top:18px;display:grid;position:relative}.timer-orb-halo{filter:blur(12px);opacity:.75;background:radial-gradient(circle,#8f81e036,#0000 63%);border-radius:999px;transition:background .26s;position:absolute;inset:-17%}.focus-stage-running .timer-orb-halo{background:radial-gradient(circle,#e2a46842,#0000 64%)}.focus-stage-short_break .timer-orb-halo,.focus-stage-long_break .timer-orb-halo{background:radial-gradient(circle,#84b79b3d,#0000 64%)}.timer-orb-ring{z-index:1;width:100%;height:100%;position:absolute;overflow:visible;transform:rotate(-90deg)}.timer-ring-track,.timer-ring-progress{fill:none;stroke-width:1.45px}.timer-ring-track{stroke:#eee8dc1f}.timer-ring-progress{stroke:var(--workspace-dusk);stroke-linecap:round;filter:drop-shadow(0 0 5px #8f81e08c);transition:stroke-dashoffset .44s linear,stroke .22s}.focus-stage-running .timer-ring-progress{stroke:var(--workspace-ember);filter:drop-shadow(0 0 5px #e2a46894)}.focus-stage-short_break .timer-ring-progress,.focus-stage-long_break .timer-ring-progress{stroke:var(--workspace-sage);filter:drop-shadow(0 0 5px #84b79b94)}.timer-orb-core{z-index:2;aspect-ratio:1;background:radial-gradient(circle at 36% 28%,#ffffff0e,#0000 34%),linear-gradient(145deg,#171b2df0,#090b13f0);border:1px solid #eee8dc12;border-radius:999px;align-content:center;place-items:center;width:78%;display:grid;position:absolute;box-shadow:inset 0 1px #ffffff0d,0 22px 54px #00000038}.app-canvas.color-light .timer-orb-core{background:linear-gradient(145deg,#f8f7fc,#e8e7f1)}@media (prefers-color-scheme:light){.app-canvas.color-system .timer-orb-core{background:linear-gradient(145deg,#f8f7fc,#e8e7f1)}}.app-canvas .timer-readout{color:var(--workspace-text);font-family:var(--font-mono);letter-spacing:-.075em;text-shadow:none;margin:0;font-size:clamp(3.7rem,5.65vw,5.8rem);font-weight:650}.app-canvas .timer-readout.is-running{color:var(--workspace-text);text-shadow:0 0 36px #e2a46826}.app-canvas .timer-subject{min-height:auto;color:var(--workspace-muted);justify-content:center;align-items:center;gap:6px;margin-top:9px;font-size:.84rem;font-weight:650;display:flex}.app-canvas .timer-controls{z-index:4;gap:10px;margin-top:20px;position:relative}.app-canvas .timer-controls .icon-button{border-radius:999px;width:44px;min-width:44px;min-height:44px}.app-canvas .timer-controls .primary-button{border-radius:999px;min-width:132px;min-height:48px}.focus-stage-running .timer-controls .primary-button{background:linear-gradient(135deg, #f0c291, var(--workspace-ember));box-shadow:0 11px 25px #e2a46838}.app-canvas .focus-stage-footer{border-top-color:var(--workspace-line);align-self:end;padding-top:14px}.app-canvas .focus-stage-footer span:first-child{color:var(--workspace-muted)}.app-canvas .focus-stage-footer i{background:var(--workspace-dusk);border-radius:999px;width:7px;height:7px}.app-canvas .focus-stage-running .focus-stage-footer i{background:var(--workspace-ember)}.app-canvas .focus-stage-short_break .focus-stage-footer i,.app-canvas .focus-stage-long_break .focus-stage-footer i{background:var(--workspace-sage)}.focus-side-panel{border-left:1px solid var(--workspace-line);background:var(--workspace-panel);grid-template-rows:auto auto minmax(0,1fr);gap:16px;min-width:0;min-height:0;padding:22px;display:grid;overflow:hidden}.focus-card{border:1px solid var(--workspace-line);background:var(--workspace-card);border-radius:18px;min-width:0;padding:17px}.app-canvas .focus-card .segmented-control{border-color:var(--workspace-line);background:var(--workspace-deep)}@supports (color:color-mix(in lab, red, red)){.app-canvas .focus-card .segmented-control{background:color-mix(in srgb, var(--workspace-deep) 52%, transparent)}}.app-canvas .focus-card .segmented-control button{color:var(--workspace-dim)}.app-canvas .focus-card .segmented-control button.active{color:var(--workspace-text);background:var(--workspace-card-raised);box-shadow:none}.focus-subject-row{gap:8px;margin-top:13px;display:flex}.focus-subject-row .select-wrap{flex:1;min-width:0}.focus-subject-row .icon-button{min-width:42px;min-height:42px}.focus-session-meta{color:var(--workspace-dim);margin:12px 1px 0;font-size:.72rem;font-weight:640}.focus-card-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.focus-card-heading h2{color:var(--workspace-text);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:.95rem;font-weight:760}.focus-card-heading .icon-button{border-radius:11px;width:34px;min-width:34px;min-height:34px}.focus-card .row-value{color:var(--workspace-muted);font-size:.72rem}.focus-card .progress-track{background:#eee8dc14;height:6px;margin-top:14px}.focus-card .progress-track span{background:linear-gradient(90deg, var(--workspace-sage), var(--workspace-dusk))}.focus-goal-value{color:var(--workspace-text);font-family:var(--font-mono);letter-spacing:-.055em;margin:11px 0 0;font-size:1.5rem;font-weight:650}.focus-goal-value small{color:var(--workspace-dim);font-family:var(--font-body);letter-spacing:0;font-size:.7rem;font-weight:700}.focus-sound-card{flex-direction:column;min-height:0;display:flex}.focus-presets{gap:6px;margin:13px 0 11px;display:flex}.focus-presets button{border:1px solid var(--workspace-line);min-height:29px;color:var(--workspace-dim);background:0 0;border-radius:999px;padding:0 10px;font-size:.69rem;font-weight:750}.focus-presets button:hover,.focus-presets button.active{color:var(--workspace-text);background:#8f81e024;border-color:#8f81e059}.focus-youtube-audio{width:max-content;color:var(--workspace-muted);background:0 0;border:0;align-items:center;gap:6px;margin:0 0 10px;padding:0;font-size:.7rem;font-weight:700;display:inline-flex}.focus-youtube-audio:hover{color:var(--workspace-text)}.focus-sound-list{flex:1;gap:3px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.focus-sound-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px 2px;display:grid}.focus-sound-icon{background:#eee8dc0b;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.focus-sound-copy{gap:4px;min-width:0;display:grid}.focus-sound-copy strong{color:var(--workspace-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:680;overflow:hidden}.focus-sound-copy input,.focus-master-row input{width:100%;height:3px;accent-color:var(--workspace-dusk)}.focus-sound-row .row-value{color:var(--workspace-dim);font-size:.66rem}.focus-master-row{border-top:1px solid var(--workspace-line);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;margin-top:10px;padding-top:12px;display:grid}.focus-master-row span{color:var(--workspace-dim);font-size:.7rem;font-weight:700}@media (max-width:1120px){.app-canvas .focus-main-panel{height:auto;overflow:visible}.focus-dashboard{grid-template-columns:1fr;height:auto;min-height:100svh}.app-canvas .focus-stage{min-height:min(680px,100svh)}.focus-side-panel{border-top:1px solid var(--workspace-line);border-left:0;grid-template-rows:auto minmax(260px,1fr);grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.focus-sound-card{grid-column:1/-1;min-height:320px}}@media (max-width:780px){.app-canvas .nav-layout{grid-template-columns:1fr}.app-canvas .side-nav{z-index:12;border-right:0;border-bottom:1px solid var(--workspace-line);grid-template-rows:1fr;grid-template-columns:48px minmax(0,1fr) 48px;width:100%;height:68px;padding:10px 12px;position:sticky}.app-canvas .side-nav .brand{height:48px}.app-canvas .nav-list{justify-content:center;align-items:center;gap:2px;min-width:0;margin:0;display:flex;overflow-x:auto}.app-canvas .nav-button{border-radius:12px;width:40px;min-width:40px;min-height:40px}.app-canvas .nav-button.active:before{width:16px;height:2px;top:auto;bottom:-10px;left:12px}.nav-tip,.rail-user-tip{display:none}.app-canvas .nav-foot{min-height:40px}.rail-user{border-radius:11px;width:34px;height:34px}.rail-user-signed_in:after{bottom:2px;right:4px}.app-canvas .main-panel{padding:20px 16px 28px}.app-canvas .focus-main-panel{padding:0}.app-canvas .focus-stage{min-height:min(640px,100svh - 68px);padding:18px 20px}.timer-orb{width:min(86vw,350px);min-width:0}.app-canvas .timer-readout{font-size:clamp(3.2rem,15vw,4.9rem)}.focus-side-panel{grid-template-columns:1fr;padding:16px}.focus-sound-card{grid-column:auto}.app-canvas .planner-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.focus-rain i,.timer-orb-halo{animation:none}}.social-search-results,.friend-request-list{border:1px solid var(--workspace-line,var(--line));background:var(--workspace-deep,var(--canvas-deep));border-radius:14px;gap:4px;margin-bottom:12px;padding:7px;display:grid}@supports (color:color-mix(in lab, red, red)){.social-search-results,.friend-request-list{background:color-mix(in srgb, var(--workspace-deep,var(--canvas-deep)) 34%, transparent)}}.social-search-row,.friend-request-row{border-radius:11px;align-items:center;gap:9px;min-width:0;padding:5px;display:flex}.social-search-row:hover,.friend-request-row:hover{background:#8f81e00f}.social-list-label{color:var(--workspace-dim,var(--faint));letter-spacing:.09em;text-transform:uppercase;padding:2px 5px 5px;font-size:.67rem;font-weight:760}.friend-request-actions{flex:none;gap:4px;display:flex}.friend-request-actions .icon-button{border-radius:10px;width:30px;min-width:30px;min-height:30px}.friend-request-actions .icon-button:first-child{color:var(--workspace-sage,var(--mint))}.social-empty-state{border:1px dashed var(--workspace-line-strong,var(--line));min-height:124px;color:var(--workspace-dim,var(--faint));text-align:center;border-radius:15px;align-content:center;place-items:center;gap:8px;padding:18px;display:grid}.social-empty-state>svg{color:var(--workspace-dusk,var(--brand))}.social-empty-state p{margin:0;font-size:.78rem}.stats-feature-grid,.stats-detail-grid,.profile-layout,.settings-layout{grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);gap:18px;display:grid}.stats-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.stats-detail-grid>.stats-subject-card,.stats-detail-grid>.stats-recent-card{min-width:0}.stats-goal-card{min-height:100%}.stats-insight-grid .section-card{padding:16px}.rhythm-chart{height:176px;position:relative}.consistency-calendar{grid-template-columns:15px minmax(0,1fr);gap:8px;min-height:126px;padding:5px 0 2px;display:grid}.consistency-weekdays{color:var(--workspace-dim,var(--faint));font-family:var(--font-mono,var(--font-body));grid-template-rows:repeat(7,minmax(0,1fr));align-items:center;font-size:.57rem;font-weight:700;line-height:1;display:grid}.consistency-weekdays span{text-align:right;display:block}.consistency-grid{grid-auto-flow:column;grid-template-columns:repeat(var(--consistency-weeks), minmax(0, 1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:5px;min-width:0;display:grid}.consistency-cell{border:1px solid var(--consistency-color);min-width:0;min-height:0;padding:0}@supports (color:color-mix(in lab, red, red)){.consistency-cell{border:1px solid color-mix(in srgb, var(--consistency-color) 42%, var(--workspace-line))}}.consistency-cell{background:var(--consistency-color);border-radius:4px;transition:transform .13s,border-color .13s,box-shadow .13s;box-shadow:inset 0 1px #ffffff14}.consistency-cell:hover,.consistency-cell:focus-visible,.consistency-cell.is-selected{z-index:1;border-color:var(--workspace-text);outline:0;transform:scale(1.18);box-shadow:0 0 0 2px #8f81e052}.consistency-cell.is-future{border-color:var(--workspace-line);box-shadow:none;opacity:.48;background:0 0}.consistency-detail{min-height:25px;color:var(--workspace-dim,var(--faint));align-items:center;gap:7px;margin-top:8px;font-size:.67rem;font-weight:680;display:flex}.consistency-detail strong{color:var(--workspace-text,var(--ink));font-family:var(--font-mono,var(--font-body));font-variant-numeric:tabular-nums;font-size:.72rem}.consistency-legend{gap:3px;margin-left:auto;display:flex}.consistency-legend i{border:1px solid var(--workspace-line);border-radius:3px;width:8px;height:8px}.stats-heatmap-card .section-heading,.stats-rhythm-card .section-heading,.stats-depth-card .section-heading{margin-bottom:6px}.stats-heatmap-card .recharts-wrapper,.stats-rhythm-card .recharts-wrapper,.stats-depth-card .recharts-wrapper{font-family:var(--font-body)}.chart-tooltip{border:1px solid var(--workspace-line-strong,var(--line-strong));color:var(--workspace-dim,var(--faint));background:var(--workspace-card-raised,var(--surface-solid));box-shadow:var(--shadow);border-radius:12px;gap:2px;padding:9px 11px;font-size:.7rem;font-weight:700;display:grid}.chart-tooltip strong{color:var(--workspace-text,var(--ink));font-size:.84rem}.chart-note{color:var(--workspace-dim,var(--faint));margin:2px 0 0;font-size:.72rem;font-weight:650;line-height:1.4}.depth-chart-layout{grid-template-columns:minmax(132px,.9fr) minmax(116px,1fr);align-items:center;gap:8px;display:grid}.depth-chart{height:158px;position:relative}.depth-total{color:var(--workspace-dim,var(--faint));text-align:center;pointer-events:none;font-size:.64rem;font-weight:750;line-height:1.05;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.depth-total strong{color:var(--workspace-text,var(--ink));letter-spacing:-.05em;font-size:1.25rem;font-weight:900}.depth-legend{gap:7px;display:grid}.depth-legend>span{color:var(--workspace-dim,var(--faint));grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:.72rem;display:grid}.depth-legend i{border-radius:999px;width:8px;height:8px}.depth-legend b{color:var(--workspace-muted,var(--muted));font-weight:730}.depth-legend strong{color:var(--workspace-text,var(--ink));font-size:.83rem;font-weight:850}.profile-page{gap:18px}.profile-hero-card{background:radial-gradient(circle at 92% -36%, #8f81e038, transparent 54%), var(--workspace-card,var(--surface-solid));grid-template-columns:minmax(0,1fr) minmax(340px,.94fr);align-items:center;gap:22px;display:grid;overflow:hidden}.profile-identity{align-items:center;gap:14px;min-width:0;display:flex}.profile-avatar{border:2px solid var(--workspace-panel,var(--surface-solid));width:62px;height:62px;box-shadow:0 0 0 1px var(--workspace-line-strong,var(--line-strong));border-radius:20px;flex:none;font-size:1.38rem}.profile-identity>div{min-width:0}.profile-identity h2{color:var(--workspace-text,var(--ink));letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 3px;font-size:1.32rem;font-weight:800;overflow:hidden}.profile-identity p{color:var(--workspace-dim,var(--faint));align-items:center;gap:7px;margin:0;font-size:.76rem;font-weight:650;display:flex}.profile-identity p i{background:currentColor;border-radius:50%;width:3px;height:3px}.profile-status{border:1px solid var(--workspace-line,var(--line));min-width:0;color:var(--workspace-dim,var(--faint));white-space:nowrap;background:#eee8dc09;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font-size:.7rem;font-weight:720;display:inline-flex}.profile-status.is-live{color:var(--workspace-sage,var(--mint));background:#84b79b17;border-color:#84b79b42}.profile-hero-metrics{border:1px solid var(--workspace-line,var(--line));border-radius:15px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.profile-hero-metrics>div{border-left:1px solid var(--workspace-line,var(--line));background:var(--workspace-deep,var(--canvas-deep));gap:3px;min-width:0;padding:11px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-hero-metrics>div{background:color-mix(in srgb, var(--workspace-deep,var(--canvas-deep)) 38%, transparent)}}.profile-hero-metrics>div:first-child{border-left:0}.profile-hero-metrics span,.profile-snapshot-grid small{color:var(--workspace-dim,var(--faint));font-size:.66rem;font-weight:700}.profile-hero-metrics strong{color:var(--workspace-text,var(--ink));letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-size:1.04rem;font-weight:850;overflow:hidden}.profile-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-subject-list,.profile-goal-list{gap:11px;display:grid}.profile-subject-row{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.profile-subject-row>span:nth-child(2){gap:5px;min-width:0;display:grid}.profile-subject-row strong{color:var(--workspace-text,var(--ink));text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:760;overflow:hidden}.profile-subject-row i,.profile-goal-list i{background:#eee8dc14;border-radius:999px;height:5px;display:block;overflow:hidden}.profile-subject-row i b,.profile-goal-list i b{border-radius:inherit;background:linear-gradient(90deg, var(--workspace-sage,var(--mint)), var(--workspace-dusk,var(--brand)));height:100%;display:block}.profile-subject-row em{color:var(--workspace-dim,var(--faint));font-size:.72rem;font-style:normal;font-weight:720}.profile-snapshot-grid{border:1px solid var(--workspace-line,var(--line));background:var(--workspace-line,var(--line));border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.profile-snapshot-grid>span{background:var(--workspace-card,var(--surface-solid));gap:4px;min-width:0;padding:9px;display:grid}.profile-snapshot-grid strong{color:var(--workspace-text,var(--ink));text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:790;overflow:hidden}.profile-recent-list{gap:7px;margin-top:14px;display:flex}.profile-recent-list>span{border:1px solid var(--workspace-line,var(--line));background:#eee8dc06;border-radius:11px;flex:1;grid-template-columns:23px auto;align-items:center;column-gap:6px;min-width:0;padding:7px;display:grid}.profile-recent-list i{color:#171522;border-radius:7px;grid-row:span 2;place-items:center;width:23px;height:23px;font-size:.67rem;font-style:normal;font-weight:850;display:grid}.profile-recent-list b{color:var(--workspace-text,var(--ink));white-space:nowrap;font-size:.74rem;font-weight:800;overflow:hidden}.profile-recent-list small{color:var(--workspace-dim,var(--faint));font-size:.62rem;font-weight:650}.profile-goal-list>div{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;display:grid}.profile-goal-list span{color:var(--workspace-dim,var(--faint));font-size:.72rem;font-weight:700}.profile-goal-list strong{color:var(--workspace-text,var(--ink));font-size:.76rem;font-weight:810}.profile-goal-list small{color:var(--workspace-dim,var(--faint));font-size:.68rem;font-weight:650}.profile-goal-list i{grid-column:1/-1}.settings-page{gap:18px}.settings-account-card{padding:16px 18px!important}.settings-account-card .section-heading{margin-bottom:11px}.settings-account-row,.settings-account-actions,.settings-inline-control{align-items:center;gap:10px;display:flex}.settings-account-row{justify-content:space-between}.settings-account-actions{flex-wrap:wrap}.settings-account-actions .primary-button,.settings-account-actions .secondary-button,.settings-account-actions .ghost-button{min-height:36px;padding:0 12px;font-size:.78rem}.settings-account-state{border:1px solid var(--workspace-line,var(--line));color:var(--workspace-dim,var(--faint));letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.65rem;font-weight:760}.settings-account-state.signed_in{color:var(--workspace-sage,var(--mint));border-color:#84b79b3d}.settings-layout{align-items:start}.settings-appearance-card .section-heading,.settings-focus-card .section-heading,.settings-subjects-card .section-heading{margin-bottom:12px}.settings-inline-control{justify-content:space-between;margin-bottom:13px}.settings-inline-control .segmented-control{width:min(300px,74%)}.settings-inline-control .segmented-control button{min-height:32px;font-size:.72rem}.settings-appearance-card .atmosphere-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-appearance-card .atmosphere-grid>button{gap:5px;min-height:58px;padding:9px!important}.settings-appearance-card .vibe-icon{border-radius:9px;width:28px;height:28px}.settings-appearance-card .vibe-option strong{font-size:.76rem}.settings-form-row{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:10px;margin-top:13px;display:grid}.settings-focus-card .settings-field-grid{gap:9px}.settings-focus-card .field,.settings-appearance-card .field,.settings-appearance-card .select-wrap select{border-radius:11px;min-height:40px;font-size:.82rem}.settings-toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:8px;display:grid}.settings-toggle-row label{padding:9px 0}.settings-toggle-row label span strong{font-size:.78rem}@media (max-width:1120px){.stats-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-insight-grid>:last-child{grid-column:span 2}.profile-hero-card{grid-template-columns:1fr}}@media (max-width:780px){.stats-feature-grid,.stats-detail-grid,.profile-layout,.settings-layout,.profile-detail-grid,.stats-insight-grid{grid-template-columns:1fr}.stats-insight-grid>:last-child{grid-column:auto}.profile-identity{flex-wrap:wrap}.profile-status{width:100%;margin-left:0}.profile-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero-metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--workspace-line,var(--line))}.profile-hero-metrics>div:nth-child(4){border-top:1px solid var(--workspace-line,var(--line))}.settings-account-row{flex-direction:column;align-items:flex-start}.settings-account-actions{width:100%}.settings-account-actions>button{flex:1}.settings-form-row,.settings-toggle-row{grid-template-columns:1fr}.settings-inline-control .segmented-control{width:min(260px,78%)}.depth-chart-layout{grid-template-columns:minmax(132px,.8fr) minmax(116px,1fr)}}.app-canvas .room-peer-layout{background:var(--workspace-card);grid-template-columns:minmax(0,1fr);min-height:min(720px,100svh - 152px)}.room-peer-stage{background:radial-gradient(circle at 50% 50%, #8f81e01f, transparent 27rem), radial-gradient(circle at 84% 86%, #e2a4680d, transparent 25rem), var(--workspace-deep);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.room-peer-stage>*{z-index:1;position:relative}.room-peer-header{z-index:3;border-bottom:1px solid var(--workspace-line);justify-content:space-between;align-items:center;gap:14px;padding:18px clamp(20px,3vw,32px);display:flex}.room-peer-heading{align-items:center;gap:11px;min-width:0;display:flex}.room-peer-room-icon{border:1px solid var(--room-accent,var(--workspace-dusk));flex:none;place-items:center;width:38px;height:38px;display:grid}@supports (color:color-mix(in lab, red, red)){.room-peer-room-icon{border:1px solid color-mix(in srgb, var(--room-accent,var(--workspace-dusk)) 34%, transparent)}}.room-peer-room-icon{color:var(--room-accent,var(--workspace-dusk));background:var(--room-accent,var(--workspace-dusk));border-radius:13px}@supports (color:color-mix(in lab, red, red)){.room-peer-room-icon{background:color-mix(in srgb, var(--room-accent,var(--workspace-dusk)) 12%, transparent)}}.room-peer-heading h2{color:var(--workspace-text);letter-spacing:-.028em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:790;overflow:hidden}.room-peer-heading p{max-width:34ch;color:var(--workspace-dim);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.72rem;font-weight:620;overflow:hidden}.room-peer-header .room-header-actions{gap:8px}.room-peer-header .phase-pill{min-height:30px;color:var(--workspace-sage);background:#84b79b14;padding:0 10px}.room-switcher{flex:none;position:relative}.room-switcher>summary{border:1px solid var(--workspace-line);min-height:34px;color:var(--workspace-muted);cursor:pointer;background:#eee8dc0b;border-radius:11px;align-items:center;gap:7px;padding:0 11px;font-size:.73rem;font-weight:760;list-style:none;display:inline-flex}.room-switcher>summary::-webkit-details-marker{display:none}.room-switcher>summary:hover,.room-switcher[open]>summary{border-color:var(--workspace-line-strong);color:var(--workspace-text);background:#8f81e01a}.room-switcher>summary:focus-visible{outline:2px solid var(--workspace-dusk);outline-offset:3px}.room-switcher-panel{z-index:12;border:1px solid var(--workspace-line-strong);background:var(--workspace-panel);border-radius:16px;width:min(340px,100vw - 48px);padding:11px;position:absolute;top:calc(100% + 10px);right:0}@supports (color:color-mix(in lab, red, red)){.room-switcher-panel{background:color-mix(in srgb, var(--workspace-panel) 96%, var(--workspace-deep))}}.room-switcher-panel{box-shadow:0 18px 48px #00000052}.room-switcher-panel-head{justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 10px 5px;display:flex}.room-switcher-panel-head strong{color:var(--workspace-text);font-size:.78rem;font-weight:790}.room-switcher-panel-head .icon-button{border-radius:10px;min-width:32px;min-height:32px}.room-switcher-search{margin-bottom:8px}.room-switcher-search .field{border-radius:11px;min-height:38px;font-size:.76rem}.room-switcher-list{gap:3px;max-height:min(330px,45vh);display:grid;overflow:auto}.room-switcher-row{width:100%;min-height:52px;color:var(--workspace-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;display:grid}.room-switcher-row:hover,.room-switcher-row.selected{border-color:var(--workspace-line);color:var(--workspace-text);background:#8f81e017}.room-switcher-dot{width:30px;height:30px;color:var(--room-accent,var(--workspace-dusk));background:var(--room-accent,var(--workspace-dusk));border-radius:10px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.room-switcher-dot{background:color-mix(in srgb, var(--room-accent,var(--workspace-dusk)) 16%, transparent)}}.room-switcher-copy{gap:2px;min-width:0;display:grid}.room-switcher-copy strong,.room-switcher-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-switcher-copy strong{color:inherit;font-size:.75rem;font-weight:760}.room-switcher-copy small{color:var(--workspace-dim);font-size:.64rem;font-weight:640}.room-switcher-empty{color:var(--workspace-dim);text-align:center;margin:0;padding:18px 10px;font-size:.73rem}.room-inline-error{z-index:2;color:var(--workspace-ember);background:#e2a46814;border:1px solid #e2a4683d;border-radius:10px;align-self:center;margin:12px 20px -3px;padding:7px 11px;font-size:.71rem;font-weight:690}.room-peer-grid{z-index:2;flex:1;grid-template-columns:repeat(auto-fit,minmax(166px,178px));place-content:center;gap:15px;min-height:300px;padding:clamp(28px,4vw,58px);display:grid;overflow:auto}.room-peer-stage>.room-empty-state,.room-peer-stage>.room-join-state{z-index:2;position:relative}.room-peer-loading{color:var(--workspace-dim);text-align:center;grid-column:1/-1;margin:26px 0;font-size:.8rem}.room-peer-pod{border:1px solid var(--workspace-line);min-width:0;min-height:176px;color:var(--workspace-text);background:var(--workspace-panel);border-radius:18px;align-content:center;justify-items:center;gap:5px;padding:15px 12px 13px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.room-peer-pod{background:color-mix(in srgb, var(--workspace-panel) 52%, transparent)}}.room-peer-pod{font:inherit;text-align:center;transition:border-color .18s,background .18s,transform .18s}.room-peer-pod:before{background:radial-gradient(circle, var(--peer-color), transparent 69%);border-radius:999px;width:136px;height:108px;position:absolute;top:-48px;left:50%}@supports (color:color-mix(in lab, red, red)){.room-peer-pod:before{background:radial-gradient(circle, color-mix(in srgb, var(--peer-color) 30%, transparent), transparent 69%)}}.room-peer-pod:before{content:"";opacity:0;pointer-events:none;transition:opacity .28s;transform:translate(-50%)}.room-peer-pod:hover{border-color:var(--workspace-line-strong);background:var(--workspace-panel)}@supports (color:color-mix(in lab, red, red)){.room-peer-pod:hover{background:color-mix(in srgb, var(--workspace-panel) 78%, transparent)}}.room-peer-pod:hover{transform:translateY(-2px)}.room-peer-focus:before,.room-peer-break:before{opacity:1}.room-peer-orbit{place-items:center;width:58px;height:58px;margin-bottom:2px;display:grid;position:relative}.room-peer-ring{background:conic-gradient(from -90deg, var(--peer-color) var(--peer-progress), #eee8dc17 0);border-radius:999px;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1px))}.room-peer-avatar{z-index:1;color:#171522;background:var(--peer-avatar);width:45px;height:45px;box-shadow:0 0 0 3px var(--workspace-panel);border-radius:999px;place-items:center;font-size:.82rem;font-weight:900;display:grid;position:relative}.room-peer-avatar i{border:2px solid var(--workspace-panel);background:var(--peer-color);border-radius:999px;width:9px;height:9px;position:absolute;bottom:0;right:-2px}.room-peer-offline .room-peer-avatar i,.room-peer-idle .room-peer-avatar i{background:var(--workspace-dim)}.room-peer-paused .room-peer-avatar i{background:var(--workspace-ember)}.room-peer-copy{gap:2px;width:100%;display:grid}.room-peer-copy strong{min-width:0;color:var(--workspace-text);text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:.79rem;font-weight:800;display:flex;overflow:hidden}.room-peer-copy em{border:1px solid var(--workspace-line);color:var(--workspace-dim);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 6px;font-size:.57rem;font-style:normal;font-weight:800}.room-peer-copy>span{min-width:0;color:var(--workspace-dim);text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:.67rem;font-weight:690;display:inline-flex;overflow:hidden}.room-peer-copy>span i{background:var(--peer-color);border-radius:99px;flex:none;width:5px;height:5px}.room-peer-pod>b{color:var(--workspace-text);font-family:var(--font-mono,var(--font-body));font-variant-numeric:tabular-nums;letter-spacing:-.045em;margin-top:3px;font-size:.97rem;font-weight:760}.room-peer-meta{width:100%;color:var(--workspace-dim);justify-content:center;gap:7px;font-size:.61rem;font-weight:650;display:flex}.room-peer-meta>span+span:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 7px 2px 0;display:inline-block}.room-chat-drawer{z-index:2;border-top:1px solid var(--workspace-line);background:var(--workspace-panel);margin-top:auto}@supports (color:color-mix(in lab, red, red)){.room-chat-drawer{background:color-mix(in srgb, var(--workspace-panel) 56%, transparent)}}.room-chat-drawer>summary{min-height:42px;color:var(--workspace-dim);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:0 clamp(20px,3vw,32px);font-size:.74rem;font-weight:760;list-style:none;display:flex}.room-chat-drawer>summary::-webkit-details-marker{display:none}.room-chat-drawer>summary>span{align-items:center;gap:8px;display:inline-flex}.room-chat-drawer>summary>small{min-width:18px;min-height:18px;color:var(--workspace-sage);background:#84b79b1a;border-radius:999px;place-items:center;padding:0 5px;font-size:.62rem;font-weight:800;display:grid}.room-chat-drawer[open]>summary{border-bottom:1px solid var(--workspace-line);color:var(--workspace-text)}.room-chat-drawer-body{grid-template-rows:minmax(140px,220px) auto;display:grid}.room-chat-drawer .message-list{min-height:140px;max-height:220px;padding:15px clamp(20px,3vw,32px)}.room-chat-drawer .composer{border-top-color:var(--workspace-line);padding:12px clamp(20px,3vw,32px)}.room-chat-empty{min-height:104px;color:var(--workspace-dim);align-content:center;place-items:center;gap:7px;font-size:.75rem;font-weight:680;display:grid}.room-peer-join-state{flex:1;min-height:410px}@media (max-width:900px){.room-peer-grid{grid-template-columns:repeat(auto-fit,minmax(152px,172px))}}@media (max-width:780px){.room-peer-stage{min-height:520px}.room-peer-header{flex-direction:column;align-items:flex-start}.room-peer-header .room-header-actions{justify-content:flex-start;width:100%}.room-switcher-panel{left:0;right:auto}}@media (max-width:480px){.room-peer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}.room-peer-pod{min-height:176px;padding:14px 9px 11px}.room-peer-header,.room-chat-drawer>summary,.room-chat-drawer .message-list,.room-chat-drawer .composer{padding-left:16px;padding-right:16px}.room-switcher-panel{width:min(340px,100vw - 32px)}}.study-theme-video{z-index:0;pointer-events:none;border:0;width:112%;height:112%;position:absolute;inset:-6%}.study-theme-overlay{z-index:1;opacity:var(--theme-video-overlay-opacity,.45);pointer-events:none;background:#03050c;transition:opacity .16s;position:absolute;inset:0}.focus-youtube-background{opacity:.9;filter:blur(var(--theme-video-blur,6px)) saturate(.78) contrast(.9) brightness(.74);mix-blend-mode:screen}.focus-theme-control{border-top:1px solid var(--workspace-line);margin-top:13px;padding-top:12px;display:grid}.video-theme-controls{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;min-width:0;display:grid}.video-theme-trigger,.video-theme-audio{border:1px solid var(--workspace-line);min-height:38px;color:var(--workspace-muted);background:var(--workspace-deep);border-radius:10px;align-items:center;gap:6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.video-theme-trigger,.video-theme-audio{background:color-mix(in srgb, var(--workspace-deep) 58%, transparent)}}.video-theme-trigger,.video-theme-audio{font:inherit;cursor:pointer;font-size:.7rem;font-weight:730}.video-theme-trigger{justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:0 10px;display:flex}.video-theme-trigger:hover,.video-theme-trigger:focus-visible,.video-theme-audio:hover{border-color:var(--workspace-line-strong);color:var(--workspace-text);background:#8f81e01a}.video-theme-trigger:focus-visible,.video-theme-audio:focus-visible{outline:2px solid var(--workspace-dusk);outline-offset:2px}.video-theme-trigger-label,.video-theme-trigger-value{align-items:center;gap:5px;min-width:0;display:inline-flex}.video-theme-trigger-label{color:var(--workspace-dim);letter-spacing:.05em;text-transform:uppercase;flex:none;font-size:.65rem;font-weight:760}.video-theme-trigger-value{color:var(--workspace-text);text-overflow:ellipsis;white-space:nowrap;justify-content:flex-end;font-size:.72rem;font-weight:730;overflow:hidden}.video-theme-audio{justify-content:center;padding:0 10px}.video-theme-audio[aria-pressed=true]{color:var(--workspace-sage);background:#84b79b1a;border-color:#84b79b57}.theme-picker-backdrop{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);background:#03050cc7;padding:16px}.theme-picker-modal{border-color:var(--workspace-line-strong);width:min(720px,100%);max-height:calc(100svh - 32px);color:var(--workspace-text);background:var(--workspace-panel);border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;padding:18px;display:grid;overflow:auto}@supports (color:color-mix(in lab, red, red)){.theme-picker-modal{background:color-mix(in srgb, var(--workspace-panel) 96%, var(--workspace-deep))}}.theme-picker-modal{scrollbar-width:thin}.theme-picker-modal-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.theme-picker-modal-header .eyebrow{color:var(--workspace-dusk)}.theme-picker-modal-header h2{color:var(--workspace-text);letter-spacing:-.04em;margin:3px 0 4px;font-size:clamp(1.3rem,3vw,1.6rem);font-weight:830}.theme-picker-modal-header p{color:var(--workspace-muted);margin:0;font-size:.77rem;line-height:1.45}.theme-picker-close{border-radius:10px;min-width:34px;min-height:34px}.theme-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:min(384px,48svh);padding:1px 3px 1px 1px;display:grid;overflow-y:auto}.theme-picker-preset{border:1px solid var(--workspace-line);grid-template-columns:70px minmax(0,1fr);min-width:0;min-height:78px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.theme-picker-preset{border:1px solid color-mix(in srgb, var(--workspace-line) 88%, transparent)}}.theme-picker-preset{color:var(--workspace-text);text-align:left;cursor:pointer;background:#eee8dc09;border-radius:9px;padding:0;transition:border-color .15s,background .15s,transform .15s}.theme-picker-preset:hover{background:#8f81e01a;border-color:#8f81e07a;transform:translateY(-1px)}.theme-picker-preset:focus-visible{outline:2px solid var(--workspace-dusk);outline-offset:2px}.theme-picker-preset[aria-pressed=true]{background:#8f81e029;border-color:#8f81e0b3;box-shadow:inset 0 0 0 1px #8f81e01f}.theme-picker-preset-thumbnail{object-fit:cover;opacity:.82;width:70px;height:78px}.theme-picker-preset>span{align-content:center;gap:2px;min-width:0;padding:7px 8px;display:grid}.theme-picker-preset strong,.theme-picker-preset small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-picker-preset strong{font-size:.68rem;font-weight:780}.theme-picker-preset small{color:var(--workspace-dim);font-size:.59rem;font-weight:590}.theme-picker-custom-url{gap:5px;min-width:0;display:grid}.theme-picker-custom-url>span{color:var(--workspace-dim);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:5px;font-size:.65rem;font-weight:760;display:inline-flex}.theme-picker-custom-url input{border:1px solid var(--workspace-line);width:100%;min-height:35px;color:var(--workspace-text);background:var(--workspace-deep);border-radius:10px;outline:0;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.theme-picker-custom-url input{background:color-mix(in srgb, var(--workspace-deep) 58%, transparent)}}.theme-picker-custom-url input{font:inherit;font-size:.73rem}.theme-picker-custom-url input::placeholder{color:var(--workspace-dim)}.theme-picker-custom-url input:focus{border-color:#8f81e08c}.theme-picker-error{color:var(--workspace-ember);margin:-6px 1px 0;font-size:.68rem;font-weight:680}.theme-picker-modal-actions{justify-content:space-between;align-items:center;gap:10px;min-height:38px;display:flex}.theme-picker-muted-note{color:var(--workspace-dim);align-items:center;gap:6px;font-size:.7rem;font-weight:680;display:inline-flex}.theme-picker-done{min-height:36px;padding-left:14px;padding-right:14px}@media (max-width:640px){.theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.theme-picker-backdrop{padding:8px}.theme-picker-modal{border-radius:17px;max-height:calc(100svh - 16px);padding:15px}.theme-picker-grid{grid-template-columns:minmax(0,1fr)}.theme-picker-preset{grid-template-columns:82px minmax(0,1fr);min-height:70px}.theme-picker-preset-thumbnail{width:82px;height:70px}.theme-picker-modal-actions{align-items:stretch}.theme-picker-modal-actions .video-theme-audio{flex:1}.theme-picker-muted-note{max-width:14rem}}.app-canvas .rooms-main-panel{background:var(--workspace-deep);height:100svh;min-height:100svh;padding:0;overflow:hidden}.app-canvas .rooms-main-panel .room-peer-layout{background:var(--workspace-deep);border:0;border-radius:0;height:100%;min-height:0}.app-canvas .rooms-main-panel .room-peer-stage{height:100%}.room-peer-stage>.room-youtube-background{z-index:0;opacity:.9;filter:blur(var(--theme-video-blur,6px)) saturate(.78) contrast(.9) brightness(.74);mix-blend-mode:screen}.room-peer-stage>.room-youtube-overlay{z-index:1}.room-floating-controls{z-index:4;justify-items:end;gap:8px;display:grid;position:absolute;top:20px;right:clamp(20px,3vw,34px)}.room-floating-controls .room-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.room-theme-controls{flex:0 auto;max-width:min(286px,100vw - 48px)}.room-theme-controls .video-theme-trigger,.room-theme-controls .video-theme-audio{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a1285;min-height:34px}.room-theme-controls .video-theme-trigger-value{max-width:11rem}.room-theme-controls .video-theme-audio{padding-left:9px;padding-right:9px}.room-floating-controls .phase-pill{min-height:32px;color:var(--workspace-sage);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a128a;padding:0 10px}.room-floating-controls .ghost-button,.room-floating-controls .primary-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#080a1285;min-height:32px;padding-left:10px;padding-right:10px}.room-floating-controls .room-invite-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1120e0;width:min(360px,100vw - 44px);margin:0}.room-inline-error{z-index:4;margin:0;position:absolute;top:68px;left:50%;transform:translate(-50%)}.room-chat-left-drawer{z-index:6;border:1px solid var(--workspace-line-strong);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0d1120e0;border-radius:14px;width:44px;height:44px;margin:0;transition:top .2s,width .22s,height .22s,transform .22s;position:absolute;top:50%;bottom:auto;left:16px;overflow:hidden;transform:translateY(-50%);box-shadow:0 12px 32px #0000002e}.room-chat-left-drawer[open]{border-radius:18px;width:min(344px,100% - 32px);height:auto;top:16px;bottom:16px;transform:none}.room-chat-left-drawer>summary{z-index:1;min-height:44px;color:var(--workspace-muted);background:0 0;justify-content:flex-start;align-items:center;gap:8px;padding:0 14px;display:flex;position:relative}.room-chat-left-drawer:not([open])>summary{justify-content:center;width:44px;padding:0}.room-chat-left-drawer:not([open])>summary>span,.room-chat-left-drawer:not([open])>summary>small{display:none}.room-chat-left-drawer[open]>summary{border-bottom:1px solid var(--workspace-line)}.room-chat-left-drawer>summary>small{margin-left:auto}.room-chat-left-drawer .room-chat-drawer-body{grid-template-rows:minmax(0,1fr) auto;display:grid;position:absolute;inset:44px 0 0}.room-chat-left-drawer .message-list{min-height:0;max-height:none;padding:15px}.room-chat-left-drawer .composer{padding:12px}@media (max-width:780px){.app-canvas .rooms-main-panel{height:calc(100svh - 68px);min-height:calc(100svh - 68px)}.room-floating-controls{top:14px;right:14px}.room-floating-controls .room-header-actions{max-width:min(330px,100vw - 72px)}.room-theme-controls .video-theme-trigger-value{max-width:7.5rem}.room-chat-left-drawer{left:12px}.room-chat-left-drawer[open]{width:min(344px,100% - 24px);top:12px;bottom:12px}}@media (max-width:480px){.room-floating-controls .phase-pill,.room-theme-controls .video-theme-trigger-value{display:none}.room-peer-grid{padding-top:72px}}html{scrollbar-width:thin;scrollbar-color:#8f81e08a #0d1120}html::-webkit-scrollbar{width:9px;height:9px}.app-canvas ::-webkit-scrollbar{width:9px;height:9px}html::-webkit-scrollbar-track{background:#0d1120}.app-canvas ::-webkit-scrollbar-track{background:#0d1120}html::-webkit-scrollbar-thumb{background:#8f81e08a padding-box padding-box;border:2px solid #0000;border-radius:999px}.app-canvas ::-webkit-scrollbar-thumb{background:#8f81e08a padding-box padding-box;border:2px solid #0000;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#b7abffcc padding-box padding-box}.app-canvas ::-webkit-scrollbar-thumb:hover{background:#b7abffcc padding-box padding-box}.app-canvas,.app-canvas *{scrollbar-width:thin;scrollbar-color:var(--workspace-dusk) transparent}@supports (color:color-mix(in lab, red, red)){.app-canvas,.app-canvas *{scrollbar-color:color-mix(in srgb, var(--workspace-dusk) 56%, transparent) transparent}}.focus-presets{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;width:100%;padding-bottom:2px;overflow:auto hidden}.focus-presets::-webkit-scrollbar{display:none}.focus-presets button{scroll-snap-align:start;white-space:nowrap;flex:none}.settings-theme-media-controls{gap:8px;margin-top:11px;display:grid}.settings-theme-media-controls .settings-inline-control{margin-bottom:0}.settings-video-blur,.settings-video-overlay{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:0 1px;display:grid}.settings-video-blur>span,.settings-video-overlay>span{color:var(--workspace-dim);font-size:.72rem;font-weight:700}.settings-video-blur input,.settings-video-overlay input{width:100%;height:3px;accent-color:var(--workspace-dusk)}.settings-video-blur output,.settings-video-overlay output{min-width:29px;color:var(--workspace-muted);font-family:var(--font-mono,var(--font-body));font-variant-numeric:tabular-nums;text-align:right;font-size:.68rem}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}