@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--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-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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@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;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--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{.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}.fixed{position:fixed}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.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-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-transparent{border-color:#0000}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.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-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\!running{animation-play-state:running!important}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#25332f;--muted:#75817d;--line:#e6ebe6;--paper:#fbfcfa;--sage:#dcebe1;--green:#397258;--orange:#efb28e}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Be Vietnam Pro,system-ui,sans-serif}button{font:inherit;cursor:pointer}.blog-shell{background:var(--paper);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#f2f6f1;flex-direction:column;flex:0 0 242px;width:242px;min-height:100vh;padding:34px 20px 24px;display:flex}.brand{align-items:center;gap:11px;padding:0 9px 62px;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.brand strong{letter-spacing:-.02em;font-size:15px;display:block}.brand span{color:#7d87a3;letter-spacing:.03em;margin-top:3px;font-size:10px;display:block}.sidebar-spacer{flex:1}.bottom-nav{gap:5px;padding-bottom:10px;display:grid}.section-kicker{color:#9096ad;letter-spacing:.14em;font-size:10px;font-weight:700}.main-nav{gap:5px;display:grid}.nav-item{text-align:left;color:#6f7a95;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 10px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover{color:var(--green);background:#eef1ff}.nav-item.active{color:var(--green);background:#e4e8ff;font-weight:700}.sidebar-footer{color:#a8aec4;justify-content:space-between;align-items:center;padding:22px 10px 0;font-size:10px;display:flex}.content-area{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);color:#8f96b0;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(24px,5vw,78px);font-size:11px;display:flex}.topbar-status{color:#5b67c4;align-items:center;gap:7px;display:flex}.topbar-status span{background:#596eea;border-radius:50%;width:6px;height:6px}.mobile-menu,.close-menu{display:none}.page-content{max-width:1050px;margin:0 auto;padding:76px clamp(24px,5vw,78px) 54px}.eyebrow{color:#8890ad;letter-spacing:.16em;margin:0 0 16px;font-size:10px;font-weight:700}.primary-button{color:#fff;background:var(--green);border:0;border-radius:8px;padding:12px 16px;font-size:12px;box-shadow:0 8px 20px #39725824}.primary-button span{margin-left:19px;font-size:16px}.text-button,.view-all{color:var(--green);background:0 0;border:0;font-size:11px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin:88px 0 22px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:7px 0 0;font-size:22px}.section-line{background:var(--line);flex:1;height:1px;margin-bottom:7px}.feature-grid{grid-template-columns:1.15fr 1fr;gap:14px;display:grid}.feature-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:244px;padding:27px 27px 24px;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #334c3b0b}.card-icon{border-radius:10px;place-items:center;width:37px;height:37px;margin-bottom:27px;display:grid}.mint{color:#4a5bd0;background:#dfe6ff}.peach{color:#ae7655;background:#f8dfd0}.card-label{color:#98a0b4;letter-spacing:.13em;font-size:9px;font-weight:700}.feature-card h3{letter-spacing:-.03em;margin:9px 0;font-size:20px}.feature-card p{color:#76829b;max-width:420px;min-height:50px;margin:0;font-size:12px;line-height:1.65}.feature-card button{color:var(--green);background:0 0;border:0;padding:17px 0 0;font-size:11px}.feature-card button span{margin-left:12px;font-size:15px}.checklist-intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px;display:flex}.checklist-intro h2{letter-spacing:-.04em;margin:8px 0;font-size:24px}.checklist-intro p{color:#75809c;max-width:590px;margin:0;font-size:12px;line-height:1.7}.progress-box{border:1px solid var(--line);color:#9096ad;background:#fff;border-radius:10px;flex:0 0 150px;padding:14px;font-size:10px}.progress-box strong{color:var(--green);font:26px Georgia,serif}.progress-box span{margin-left:4px}.progress-box div{background:#eceff9;border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.progress-box i{background:var(--green);border-radius:4px;height:100%;transition:width .25s;display:block}.checklist-list{grid-template-columns:1fr;gap:10px;display:grid}.checklist-topic{border:1px solid var(--line);background:#fff;border-radius:10px;gap:14px;padding:17px;display:flex}.topic-number{color:#b8bfd4;font:18px Georgia,serif}.topic-body{flex:1;min-width:0}.topic-body h3{margin:0 0 11px;font-size:13px;line-height:1.35}.topic-items{gap:8px;display:grid}.topic-items label{color:#75809c;cursor:pointer;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;display:flex}.topic-items input{accent-color:var(--green);flex:none;margin:1px 0 0}.topic-items label.is-checked span{color:#a8aec4;text-decoration:line-through}.workspace{background:#f0f2fb;border-radius:14px;justify-content:space-between;align-items:center;gap:40px;margin-top:86px;padding:28px 30px;display:flex}.workspace-copy{max-width:450px}.workspace h2{letter-spacing:-.04em;margin:9px 0 10px;font-size:24px}.workspace-copy p{color:#75809c;margin:0;font-size:12px;line-height:1.7}.tool-tags{gap:8px;margin-top:20px;display:flex}.tool-tags span{color:#7f89a3;background:#e6e9f5;border-radius:5px;padding:7px 9px;font-size:10px}.timer-card{background:#fff;border:1px solid #dfe4f4;border-radius:11px;flex:0 0 265px;width:265px;padding:19px}.timer-top{color:#9aa2b8;letter-spacing:.1em;justify-content:space-between;font-size:9px;display:flex}.timer-top span{align-items:center;gap:6px;display:flex}.timer-top button{color:#818aa4;background:0 0;border:0;font-size:10px}.timer-display{color:var(--green);text-align:center;letter-spacing:.06em;margin:13px 0 9px;font:400 39px Georgia,serif}.timer-display b{color:#c3c9dd;font-weight:400}.timer-track{background:#eceff9;border-radius:5px;height:4px;overflow:hidden}.timer-track span{background:var(--green);border-radius:5px;height:100%;transition:width 1s linear;display:block}.timer-button{color:#fff;background:var(--green);border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:15px;padding:10px;font-size:11px;display:flex}.tree-section-label{border-left:3px solid var(--green);color:var(--green);letter-spacing:.08em;background:#eef1ff;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 10px;padding:12px 14px;font-size:11px;font-weight:800;display:flex}.tree-section-label span{color:#9096ad;letter-spacing:0;font-size:10px;font-weight:500}.advanced-label{color:#a56342;background:#fbf0e9;border-left-color:#d58e68;margin-top:34px}.advanced-topic .topic-number{color:#a56342}.tree-group{border-left:1px dashed #ccd4ea;margin-top:12px;padding-left:16px}.tree-group>strong{color:#9aa2b8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.articles{padding-bottom:25px}.articles .section-heading{margin-top:86px}.article-list{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.article-list article{padding:21px 22px 21px 0}.article-list article+article{border-left:1px solid var(--line);padding-left:22px}.article-list span,.article-list p{color:#9aa1b5;font-size:10px}.article-list h3{max-width:360px;margin:10px 0;font-size:16px;font-weight:500;line-height:1.4}.article-list p{margin:0}.site-footer{border-top:1px solid var(--line);color:#a0a6bb;padding-top:30px;font-size:10px}.full-tree-list{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px 20px 24px;overflow:hidden}.tree-row{margin-left:calc(var(--depth) * 18px);position:relative}.tree-heading{color:#5a6784;background:#f7f9ff;border-left:2px solid #c6cee6;margin-top:10px;padding:8px 12px;font-size:12px;font-weight:700;line-height:1.55}.tree-heading.depth-0{color:var(--green);border-left:3px solid var(--green);letter-spacing:.06em;text-transform:uppercase;background:#eef1ff;margin-top:0;margin-left:0;padding:14px 12px;font-size:12px}.tree-heading.depth-1{color:#33405c;background:0 0;border-left-color:#d9dfef;font-size:14px}.tree-check{color:#64708c;border-left:1px dashed #d5dcef;align-items:flex-start;gap:9px;padding:6px 10px 6px 12px;font-size:12px;line-height:1.7;display:flex}.tree-check input{width:15px;height:15px;accent-color:var(--green);flex:none;margin:3px 0 0}.tree-check.is-checked{color:#9aa2b8;-webkit-text-decoration:line-through #a7b0d5;text-decoration:line-through #a7b0d5}.tree-check span{overflow-wrap:anywhere;min-width:0}.katex-mathml{clip:rect(1px, 1px, 1px, 1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tree-check .katex{white-space:normal;vertical-align:-.12em;max-width:100%;font-size:.96em;line-height:1.2;display:inline-block}.tree-check .katex-html{max-width:100%;display:inline-block}.tree-check .katex-display{margin:.25em 0}.tree-heading+.tree-check{margin-top:2px}@media (max-width:760px){.sidebar{transition:left .25s;position:fixed;left:-100%;box-shadow:10px 0 30px #1f2a4a1c}.sidebar.is-open{left:0}.mobile-overlay.is-visible{z-index:15;background:#1c234055;display:block;position:fixed;inset:0}.mobile-menu{color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.topbar{gap:15px;height:60px;padding:0 20px}.topbar-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-content{padding:55px 20px 40px}.intro h1{font-size:20px}.intro-copy{font-size:14px}.intro-actions{flex-direction:column;align-items:flex-start;gap:15px}.section-heading{margin-top:62px}.feature-grid,.article-list{grid-template-columns:1fr}.feature-card{min-height:0}.workspace{flex-direction:column;align-items:stretch;margin-top:62px;padding:23px}.timer-card{flex-basis:auto;width:100%}.article-list article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.checklist-intro{flex-direction:column;align-items:flex-start;gap:18px}.progress-box{flex-basis:auto;width:100%}.checklist-list{grid-template-columns:1fr}.checklist-section{margin-top:62px}.close-menu{display:none}}@media (prefers-reduced-motion:no-preference){.intro,.feature-card,.workspace,.articles{animation:.55s both rise}.feature-card:nth-child(2){animation-delay:80ms}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}:root{--ink:#18233a;--muted:#68758d;--line:#e3e8f2;--paper:#f7f9fd;--sage:#e7edff;--green:#5367e8;--orange:#ff9b70}body{background:radial-gradient(circle at 78% 5%, #dfe7ff 0, transparent 29%), radial-gradient(circle at 8% 82%, #e6ebff 0, transparent 25%), var(--paper);color:var(--ink)}.blog-shell{position:relative;overflow-x:clip}.blog-shell:before,.blog-shell:after{content:"";z-index:0;pointer-events:none;filter:blur(2px);opacity:.55;border-radius:999px;position:fixed}.blog-shell:before{background:linear-gradient(135deg,#c9d3ff,#f4c9ff);width:220px;height:220px;animation:10s ease-in-out infinite float-orb;top:8%;right:4%}.blog-shell:after{background:#dee6ff;width:150px;height:150px;animation:12s ease-in-out infinite reverse float-orb;bottom:8%;left:18%}.sidebar,.content-area{z-index:1;position:relative}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fafcffc7;border-right:1px solid #dde4f2db;box-shadow:14px 0 45px #2e40750d}.brand strong{color:#1e2a46}.nav-item{color:#7b87a0;border-radius:12px;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.nav-item:hover{color:#5367e8;background:#eef1ff;transform:translate(4px)}.nav-item.active{color:#5367e8;background:linear-gradient(100deg,#e8ecff,#f4efff);box-shadow:0 8px 22px #6878e817}.topbar-status span{background:#596eea;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 5px #596eea1f}.page-content{padding-top:84px}.eyebrow,.section-kicker{color:#6676d8}.intro h1{color:#1e2a46;letter-spacing:-.03em;font-size:clamp(20px,2.4vw,26px)}.intro-copy,.checklist-intro p,.workspace-copy p{color:#71809a}.primary-button{background:linear-gradient(135deg,#596eea,#795fd5);border-radius:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 25px #6573df3d}.primary-button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #6573df55}.text-button,.view-all{color:#5367e8}.section-heading{margin-top:96px}.section-heading h2,.checklist-intro h2,.workspace h2{color:#1e2a46}.section-line{background:linear-gradient(90deg,#dfe5f1,#0000)}.feature-card{background:#ffffffd1;border-color:#e2e7f1;border-radius:20px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden;box-shadow:0 12px 35px #31437a0f}.feature-card:after{content:"";background:#eef1ff;border-radius:50%;width:130px;height:130px;position:absolute;top:-56px;right:-48px}.feature-card:hover{border-color:#cfd7ff;transform:translateY(-7px)scale(1.01);box-shadow:0 20px 45px #4758aa24}.feature-card.featured{background:linear-gradient(135deg,#eef1ff,#f8f4ff);border-color:#dce2ff}.card-icon{z-index:1;border-radius:13px;position:relative}.card-icon.mint{color:#5367e8;background:#dfe6ff}.card-icon.peach{color:#e47c55;background:#ffe6da}.feature-card h3,.article-list h3{color:#263452}.feature-card button{color:#5367e8}.progress-box{background:#ffffffc7;border-color:#dfe5f0;border-radius:15px;box-shadow:0 10px 24px #4a5e9e0c}.progress-box strong{color:#5367e8}.progress-box div{background:#e9edfa}.progress-box i{background:linear-gradient(90deg,#5367e8,#9a63dc)}.full-tree-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border-color:#e1e7f1;border-radius:20px;box-shadow:0 16px 35px #4b5d9b0b}.tree-heading.depth-0{color:#5367e8;background:linear-gradient(90deg,#edf0ff,#0000);border-left-color:#6678e9}.tree-check{color:#697795;border-left-color:#d9e0ef}.tree-check:hover{color:#5367e8;background:#f5f6ff}.workspace{background:linear-gradient(135deg,#eef1ffcc,#eefbf6cc);border:1px solid #e0e5f1;border-radius:22px;box-shadow:0 16px 36px #4b5d9b0c}.timer-card{background:#ffffffd1;border:1px solid #dce3ff;box-shadow:0 15px 36px #596ddb20}.timer-button{background:linear-gradient(135deg,#596eea,#795fd5);border-radius:11px}.tool-tags span{color:#6876a1;background:#f7f8ff;border-color:#dce3ff}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-18px,20px)scale(1.08)}}@keyframes pulse-dot{50%{box-shadow:0 0 0 8px #596eea14}}@keyframes sparkle{50%{opacity:.5;transform:rotate(32deg)translateY(-5px)}}@media (max-width:760px){.sidebar{z-index:20;position:fixed;left:-100%}.sidebar.is-open{left:0}.content-area{width:100%}.page-content{padding-top:58px}.intro:after{right:2%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body:has(.study-room){font-family:Be Vietnam Pro,system-ui,sans-serif}.blog-shell .content-area{transition:all .3s}.blog-shell.sidebar-collapsed .sidebar{border:0;flex-basis:0;width:0;padding-left:0;padding-right:0;display:none;overflow:hidden}.blog-shell.sidebar-collapsed .content-area{width:100%}.collapse-sidebar{color:#596eea;cursor:pointer;background:#fff;border:1px solid #dfe5f0;border-radius:10px;place-items:center;width:34px;height:34px;margin-right:12px;display:grid}.study-customize{color:#7b87a0;justify-content:flex-end;align-items:center;gap:12px;margin:18px 0 4px;font-size:11px;display:flex}.background-options{background:#fffa;border:1px solid #dfe5f0;border-radius:11px;gap:5px;padding:4px;display:flex}.background-options button{color:#7b87a0;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:10px}.background-options button.active{color:#5367e8;background:#eef1ff;font-weight:700}.tree-collection{color:#6676d8;align-items:center;gap:4px;margin-left:auto;display:flex}.tree-collection button{color:#6676d8;cursor:pointer;background:#eff1ff;border:1px dashed #b3bdf3;border-radius:50%;width:27px;height:27px}.study-dark .collapse-sidebar,.study-dark .background-options{background:#252c46;border-color:#303958}.study-dark .study-customize{color:#a7afd0}@media (max-width:760px){.study-customize{flex-direction:column;align-items:flex-start}.collapse-sidebar,.study-room.sidebar-collapsed .sidebar{display:none}}.study-header{justify-content:space-between;gap:20px;display:flex}.study-header h1{color:#1e2a46;letter-spacing:-.025em;margin:0;font-size:clamp(19px,2.2vw,23px);line-height:1.25}.study-header h1 em{color:#596eea;font-family:Be Vietnam Pro,system-ui,sans-serif;font-style:italic;font-weight:400}.theme-toggle{color:#596eea;cursor:pointer;background:#fff;border:1px solid #dfe5f0;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.study-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px;display:grid}.study-stats>div{color:#596eea;background:#ffffffb8;border:1px solid #e2e7f1;border-radius:15px;align-items:center;gap:10px;padding:16px;display:flex;box-shadow:0 10px 25px #4b5d9b09}.study-stats strong{color:#293758;font-size:18px;display:block}.study-stats span{color:#7783a0;font-size:11px}.study-grid{grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:18px;margin-top:20px;display:grid}.focus-panel,.tasks-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb8;border:1px solid #e0e5f1;border-radius:22px;box-shadow:0 15px 36px #4b5d9b0d}.focus-panel{text-align:center;padding:24px}.mode-tabs{gap:8px;display:flex}.mode-tabs button{color:#7b87a0;cursor:pointer;background:#f4f6fb;border:1px solid #0000;border-radius:11px;flex:1;padding:10px 8px;font-size:11px}.mode-tabs button.active{color:#596eea;background:#eef0ff;border-color:#d9dfff;font-weight:700}.mode-tabs small{color:#a0a9bb;margin-top:3px;font-size:9px;display:block}.focus-ring{aspect-ratio:1;background:conic-gradient(#6678e9 var(--progress),#e9ecf7 0);border-radius:50%;place-items:center;width:min(270px,72vw);margin:30px auto 20px;display:grid;position:relative}.focus-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:12px}.focus-ring>div{z-index:1;position:relative}.focus-clock{justify-content:center;align-items:center;gap:14px;display:flex}.time-adjust{color:#6676d8;cursor:pointer;background:#eff1ff;border:1px dashed #b3bdf3;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;font-weight:700;line-height:1;display:grid}.time-adjust:disabled{opacity:.4;cursor:not-allowed}.study-dark .time-adjust{color:#aab6ff;background:#252c46;border-color:#3b4670}.focus-ring span,.focus-ring small{color:#8994ad;font-size:11px;display:block}.focus-ring strong{color:#293758;letter-spacing:-.06em;margin:7px 0;font-size:46px;display:block}.focus-actions{justify-content:center;gap:10px;display:flex}.reset-btn,.start-btn{cursor:pointer;border:0;border-radius:11px;padding:12px}.reset-btn{color:#71809d;background:#eef1f8}.start-btn{color:#fff;background:linear-gradient(135deg,#596eea,#795fd5);align-items:center;gap:8px;padding:13px 22px;display:flex;box-shadow:0 10px 22px #596eea3b}.session-note{color:#8994ad;margin-top:18px;font-size:10px}.session-note span{color:#ff9b70;margin:0 6px}.panel-title{justify-content:space-between;align-items:flex-start;display:flex}.panel-title h2{color:#293758;margin:8px 0 0;font-size:21px}.task-count{color:#596eea;font-size:12px;font-weight:700}.task-list{gap:9px;margin-top:22px;display:grid}.study-task{color:#64718d;background:#fff;border:1px solid #e8ebf3;border-radius:11px;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.study-task input{accent-color:#596eea}.study-task span{align-items:center;gap:7px;display:flex}.study-task span svg{color:#596eea}.add-task{gap:7px;margin-top:14px;display:flex}.add-task input{color:#53617d;background:#fafbfe;border:1px dashed #d5dced;border-radius:10px;outline:none;flex:1;min-width:0;padding:11px;font-size:11px}.add-task button{color:#fff;cursor:pointer;background:#596eea;border:0;border-radius:10px;place-items:center;width:38px;display:grid}.daily-goal{border-top:1px solid #e8ebf2;margin-top:24px;padding-top:18px}.daily-goal>div:first-child{color:#7b87a0;justify-content:space-between;font-size:11px;display:flex}.daily-goal strong{color:#596eea}.goal-bar{background:#e9ecf5;border-radius:9px;height:7px;margin:10px 0 7px;overflow:hidden}.goal-bar i{background:linear-gradient(90deg,#596eea,#9b63dc);border-radius:9px;height:100%;display:block}.streak-card{background:linear-gradient(110deg,#fff4ed,#fffaf5);border:1px solid #ffe1d4;border-radius:18px;align-items:center;gap:16px;margin-top:20px;padding:21px;display:flex}.streak-icon{color:#f17e51;background:#ffe1d4;border-radius:15px;flex:0 0 48px;place-items:center;height:48px;display:grid}.streak-card h2{color:#493b4a;margin:7px 0;font-size:16px}.streak-card p{color:#8f7c7b;margin:0;font-size:11px}.streak-card p strong{color:#ed835d}.week-dots{gap:7px;margin-left:auto;display:flex}.week-dots span{color:#9d999b;background:#f4e8e1;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.week-dots span.done{color:#fff;background:#f19a70}.week-dots span.today{color:#f17e51;outline-offset:2px;outline:2px solid #f8c3a6}.study-dark{color:#e7ebff;background:#14182a;min-height:100vh}.study-dark .blog-shell{background:#14182a}.study-dark .study-header h1,.study-dark .focus-ring strong,.study-dark .panel-title h2{color:#f2f4ff}.study-dark .focus-panel,.study-dark .tasks-panel,.study-dark .study-stats>div{background:#1d233a;border-color:#2c3453}.study-dark .focus-ring:before{background:#1d233a}.study-dark .study-task,.study-dark .theme-toggle{color:#c4cbed;background:#252c46;border-color:#303958}.study-dark .focus-ring span,.study-dark .focus-ring small,.study-dark .intro-copy,.study-dark .study-stats span{color:#a7afd0}.study-dark .add-task input{color:#e3e7ff;background:#252c46;border-color:#3b4566}@media (max-width:760px){.study-stats{grid-template-columns:repeat(2,1fr)}.study-grid{grid-template-columns:1fr}.study-header h1{font-size:20px}.streak-card{flex-wrap:wrap;align-items:flex-start}.week-dots{justify-content:space-between;width:100%;margin-left:64px}}.checklist-nav{border:1px solid var(--line);background:#fff;border-radius:12px;margin:18px 0 16px;padding:16px 18px}.checklist-nav>strong{color:#9096ad;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:800;display:block}.checklist-nav-groups{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.checklist-nav-group>a{color:var(--green);letter-spacing:.05em;text-transform:uppercase;background:#eef1ff;border-radius:7px;margin-bottom:8px;padding:7px 10px;font-size:10px;font-weight:800;text-decoration:none;display:block}.checklist-nav-group>a:hover{background:#e0e6ff}.checklist-nav-topics{flex-wrap:wrap;gap:6px;display:flex}.checklist-nav-topics a{color:#64708c;border:1px solid #e2e6f5;border-radius:6px;padding:5px 9px;font-size:10.5px;text-decoration:none;transition:all .15s}.checklist-nav-topics a:hover{color:var(--green);background:#f7f9ff;border-color:#c6cee6}html{scroll-behavior:smooth}.tree-heading[id]{scroll-margin-top:110px}.tree-heading.depth-2+.tree-heading.depth-3{margin-top:2px}.tree-heading.depth-3.is-tip{color:#a08454;background:0 0;border-left:1px dashed #e0cbb0;margin-top:0;padding:5px 10px 5px 14px;font-size:11.5px;font-weight:500}.tree-heading.depth-3.is-tip:before{content:"→";color:#c9a76a;font-weight:700}.checklist-list.compact-mode{padding-bottom:18px}@media (max-width:760px){.checklist-nav-groups{grid-template-columns:1fr}.checklist-nav{padding:13px 14px}}.checklist-mode{background:#fff;border:1px solid #d2d9ef;border-radius:11px;gap:4px;padding:5px;display:inline-flex;box-shadow:0 3px 10px #1f38250f}.checklist-mode button{color:#5a6784;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 18px;font-size:12px;font-weight:700;transition:all .18s}.checklist-mode button:hover{color:var(--green);background:#eff1ff}.checklist-mode button.active{color:#fff;background:var(--green);box-shadow:0 4px 12px #5367e833}.checklist-note{background:#fbfcfb;border:1px dashed #d0d7ec;border-radius:10px;align-items:flex-start;gap:10px;margin-top:16px;padding:13px 16px;display:flex}.checklist-note span{color:#9aa4c8;font-size:15px;line-height:1.3}.checklist-note p{color:#8b93a8;margin:0;font-size:11px;font-style:italic;line-height:1.65}@media (max-width:760px){.checklist-mode button{padding:8px 14px}}.sidebar-collapse{color:#7d87a3;cursor:pointer;background:#fff;border:1px solid #dde2f2;border-radius:8px;align-self:flex-end;place-items:center;width:28px;height:28px;margin-bottom:14px;transition:all .18s;display:grid}.sidebar-collapse:hover{color:var(--green);background:#eff1ff;border-color:#b9c2f0}.blog-shell.sidebar-collapsed .close-menu{display:none}@media (max-width:760px){.sidebar-collapse{display:none}}.study-room[class*=\ bg-]{background:linear-gradient(#ffffff1f, #ffffff1f), var(--photo,none) center / cover no-repeat, var(--scene,linear-gradient(180deg, #cfe4ff, #e6f1ff 45%, #f7faff)), #dfe8f6;background-attachment:fixed;min-height:100vh}.study-room .blog-shell{background:0 0}.study-room .sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f7fbb3}@media (max-width:760px){.study-room[class*=\ bg-]{background-attachment:scroll}}.study-room .background-options button{color:#5b6478;align-items:center;gap:6px;padding:5px 10px 5px 5px;font-weight:600;display:flex;position:relative;overflow:hidden}.study-room .background-options button:before{content:"";background:var(--photo,none) center / cover no-repeat, var(--scene,#dfe5f0);border-radius:5px;flex:0 0 20px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff80}.study-room .background-options button.active{color:#5367e8;background:#eef1ff}.study-room .background-options button.active:before{box-shadow:inset 0 0 0 2px #5367e8,inset 0 0 0 3px #fffc}.study-dark .background-options button{color:#9aa5c8}.study-dark .background-options button.active{color:#dfe4ff;background:#2c3453}.bg-cloud{--photo:url(/background/cloud.webp);--scene:linear-gradient(180deg, #cfe4ff 0%, #e6f1ff 45%, #f7faff 100%)}.bg-sunset{--photo:url(/background/sunset.webp);--scene:linear-gradient(180deg, #ffe3c2 0%, #ffc9a3 50%, #ffb28e 100%)}.bg-forest{--photo:url(/background/forest.webp);--scene:linear-gradient(180deg, #e3f4e6 0%, #d3ecd8 55%, #c4e4cf 100%)}.bg-ocean{--photo:url(/background/ocean.webp);--scene:linear-gradient(180deg, #d9f3fc 0%, #aadcf5 55%, #8cc8ec 100%)}.bg-night{--photo:url(/background/star.webp);--scene:linear-gradient(180deg, #101632 0%, #1a2248 55%, #232c58 100%)}.bg-sakura{--photo:url(/background/sakura.webp);--scene:linear-gradient(180deg, #ffeaf3 0%, #fdd9e8 55%, #f9cfe2 100%)}.bg-coffee{--photo:url(/background/coffee.webp);--scene:linear-gradient(180deg, #e8dfd4 0%, #d9c9b8 55%, #c9b5a0 100%)}.bg-vietnam{--photo:url(/background/vietnam.webp);--scene:linear-gradient(180deg, #ffe9d6 0%, #fdd9b8 55%, #f5c9a5 100%)}.study-dark.bg-coffee{--scene:linear-gradient(180deg, #221c15, #2e261c)}.study-dark.bg-vietnam{--scene:linear-gradient(180deg, #261c11, #362818)}.study-dark.bg-night{--photo:url(/background/star.webp);--scene:linear-gradient(180deg, #0d1226 0%, #141b3a 55%, #1b2347 100%)}.study-dark[class*=\ bg-]:not(.bg-night){background:linear-gradient(#0d1124c7, #0d1124c7), var(--photo,none) center / cover no-repeat, var(--scene,linear-gradient(180deg, #141b3a, #1b2347)), #14182a;background-attachment:fixed}.study-dark .blog-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14182acc}.study-dark .sidebar{background:#1d233ad9;border-color:#2c3453}.study-dark .brand strong{color:#f2f4ff}.study-dark .brand span,.study-dark .sidebar-footer{color:#7c86a8}.study-dark .nav-item{color:#9aa5c8}.study-dark .nav-item:hover{color:#cdd5f5;background:#252c46}.study-dark .nav-item.active{color:#e7ebff;background:#2c3453}.study-dark.study-dark.study-dark.study-dark .topbar{color:#8a94b8;border-color:#2c3453}.study-dark .topbar-status{color:#9aa5c8}.study-task{justify-content:space-between}.study-task label{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.study-task.done label span{color:#a5aec3;text-decoration:line-through}.task-remove{color:#b3bccf;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:8px;flex:0 0 26px;place-items:center;width:26px;height:26px;transition:all .15s;display:grid}.study-task:hover .task-remove{opacity:1}.task-remove:hover{color:#e56a6a;background:#fdeaea}.study-dark .task-remove:hover{color:#ff8b8b;background:#3a2733}.study-dark .study-task.done label span{color:#5d6787}.study-dark .bg-night .focus-panel,.study-dark .bg-night .tasks-panel{background:#1d233add}.star-note{color:#a8690c;background:#fff7e6;border:1px solid #ffe1a3;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:10px auto 0;padding:7px 14px;font-size:11px;display:flex}.star-note svg{color:#f5a623}.star-note strong{color:#c77f00}.study-dark .star-note{background:#2e2717;border-color:#4a3d1e}.study-dark .star-note,.study-dark .star-note strong{color:#e8b45a}.study-dark .star-note svg,.study-dark .star-note strong{color:#f5c66d}.celebrate-toast{z-index:90;background:#fff8e5;border:1px solid #ffd66e;border-radius:16px;align-items:center;gap:12px;max-width:320px;padding:14px 18px;animation:.35s celebrate-pop;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 40px #4b3a0826}.celebrate-toast svg{color:#f5a623;flex:none}.celebrate-toast strong{color:#b8790a;font-size:13px;display:block}.celebrate-toast span{color:#9a7320;margin-top:2px;font-size:11px;display:block}@keyframes celebrate-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.study-dark .celebrate-toast{background:#2b2413;border-color:#54431f;box-shadow:0 18px 40px #00000059}.study-dark .celebrate-toast svg,.study-dark .celebrate-toast strong{color:#f5c66d}.study-dark .celebrate-toast span{color:#b09a5e}.focus-ring.pomo-gold-ring{background:conic-gradient(#e2a92c var(--progress), #fbf0d2 0);box-shadow:0 0 0 6px #fff6dc,0 16px 34px #d9a13a3d}.focus-ring.pomo-gold-ring strong{color:#b9821f}.study-dark .focus-ring.pomo-gold-ring strong{color:#ffd77a}.celebrate-toast-gold{background:linear-gradient(120deg,#fff6d6,#ffe9a8);border-color:#e7b84c;box-shadow:0 18px 40px #d9a13a40}.celebrate-toast-gold strong,.celebrate-toast-gold svg{color:#9a6410}.study-dark .celebrate-toast.celebrate-toast-gold{background:linear-gradient(120deg,#3a2e12,#50401a);border-color:#8a6a22}.study-dark .celebrate-toast.celebrate-toast-gold strong,.study-dark .celebrate-toast.celebrate-toast-gold svg{color:#ffd77a}.study-dark[class*=\ bg-].bg-night{background:linear-gradient(#0d112480, #0d112480), var(--photo,none) center / cover no-repeat, var(--scene,linear-gradient(180deg, #0d1226, #1b2347)), #14182a;background-attachment:fixed}.top-account{background:#fff;border:1px solid #e8eaf0;border-radius:999px;align-items:center;gap:9px;margin-left:auto;padding:5px 6px;display:flex;box-shadow:0 2px 8px #1018280d}.top-account-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.top-account-info{flex-direction:column;gap:1px;min-width:0;line-height:1.2;display:flex}.top-account-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12px;overflow:hidden}.top-account-info span{color:#b45309;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:inline-flex}.top-account-btn{color:#9aa2b1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:26px;height:26px;transition:all .15s;display:grid}.top-account-btn:hover{color:#e56a6a;background:#fdeaea}.google-btn{color:#3c4043;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:8px 16px;font-family:Segoe UI,system-ui,sans-serif;font-size:12.5px;font-weight:500;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #1018280d}.google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#c6cad1;transform:translateY(-1px);box-shadow:0 4px 14px #1018281a}.google-btn:active:not(:disabled){transform:translateY(0)}.google-btn:disabled{opacity:.6;cursor:wait}.study-dark .top-account{box-shadow:none;background:#1d233add;border-color:#2c3453}.study-dark .top-account-info strong{color:#e6eaf8}.study-dark .top-account-btn:hover{color:#ff8b8b;background:#3a2733}.claim-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f5a623,#f07c3e);border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #f07c3e40}.claim-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #f07c3e55}.claim-btn:disabled{opacity:.6;cursor:wait}.stars-display{font-variant-numeric:tabular-nums;align-items:center;display:inline-flex;position:relative}.star-float{white-space:nowrap;color:#f5a623;text-shadow:0 1px 6px #f5a62355;pointer-events:none;margin-left:4px;font-size:12px;font-weight:800;animation:1.05s ease-out forwards star-fly;position:absolute;top:-2px;left:100%}@keyframes star-fly{0%{opacity:0;transform:translateY(6px)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-22px)scale(1.15)}}.study-dark .star-float{color:#f5c66d;text-shadow:0 1px 6px #00000080}.pending-chip{color:#b45309;white-space:nowrap;background:#fff4e0;border-radius:999px;align-items:center;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.study-dark .pending-chip{color:#f5c66d;background:#2e2717}.study-dark .google-btn{background:#f8f9fa;border-color:#f8f9fa}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16.5px;line-height:1.65}.eyebrow,.section-kicker{letter-spacing:.18em;font-size:11.5px}.primary-button{letter-spacing:-.01em;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:600}.text-button,.view-all{font-size:13px;font-weight:600}.section-heading h2{letter-spacing:-.02em;font-size:17px;font-weight:650}.section-heading p{color:#71809a;margin-top:4px;font-size:13px;line-height:1.6}.feature-card h3{letter-spacing:-.02em;font-size:21px;font-weight:600}.feature-card p{color:#71809a;font-size:15.5px;line-height:1.7}.feature-card{border-radius:16px;box-shadow:0 1px 2px #1d31260a}.feature-card:hover{box-shadow:0 16px 38px #334c3b14}.article-list article h3{letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.4}.article-list article p{font-size:14.5px}.article-list article span{letter-spacing:.04em;font-size:12px}.brand strong{font-size:17px}.brand span{font-size:10.5px}.nav-item{border-radius:10px;padding:12px;font-size:14px}.google-btn{padding:9px 18px;font-size:13.5px}.top-account{font-size:13px}@keyframes page-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-content{animation:none}}:root{--font-display-stack:var(--font-display), "Bricolage Grotesque", system-ui, sans-serif;--font-body-stack:var(--font-body), "Plus Jakarta Sans", system-ui, sans-serif}body{font-family:var(--font-body-stack)}h1,h2,h3,.brand strong,.primary-button,.section-kicker,.eyebrow{font-family:var(--font-display-stack)}body{letter-spacing:-.011em}h1,h2,h3{letter-spacing:-.03em;font-weight:650}.sidebar{background:linear-gradient(#f4f6fd 0%,#eef1f9 100%);border-right:1px solid #e3e6f2;flex:0 0 264px;width:264px;padding:30px 18px 22px}.brand{gap:13px;padding:0 10px 46px}.brand-mark{background:linear-gradient(135deg,#6678f0,#8d62dc);border-radius:13px;width:38px;height:38px;box-shadow:0 6px 16px #6578e84d,inset 0 1px #ffffff40}.brand strong{letter-spacing:-.03em;color:#223049;font-size:18px;font-weight:700}.brand span{margin-top:2px;font-size:11px}.main-nav{gap:4px}.nav-item{color:#66718c;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:500;transition:color .2s,background .2s,padding-left .2s;position:relative}.nav-item:hover{color:var(--green);background:#ffffffa8;padding-left:16px}.nav-item.active{color:#4a5bd0;background:#fff;font-weight:650;box-shadow:0 4px 14px #5367e814,inset 0 0 0 1px #dfe3fb}@media (max-width:1023px){.nav-item.active:before{content:"";background:var(--green);border-radius:0 4px 4px 0;width:4px;height:20px;position:absolute;top:50%;left:-18px;transform:translateY(-50%)}}.sidebar-footer{border-top:1px solid #e0e4f0;margin:0 -4px;padding:16px 14px 0;font-size:10.5px}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfcfacc}.hero-badge{color:#4a5bd0;letter-spacing:.04em;background:linear-gradient(135deg,#eef1ff,#e9edff);border-radius:999px;align-items:center;gap:9px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #fff,0 2px 8px #5367e814}.hero-badge:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5367e81f}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.articles-home .section-heading{margin-top:26px}.articles-home .section-heading .section-kicker{color:#4a5bd0;align-items:center;gap:10px;display:inline-flex}.articles-home .section-heading .section-kicker:before{content:"";background:var(--green);border-radius:3px;width:4px;height:16px}.post-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.post-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;padding:26px;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s,border-color .35s;display:flex;box-shadow:0 1px 2px #1d312608}.post-card:hover{border-color:#d3dbf5;transform:translateY(-5px);box-shadow:0 18px 40px #4b5d9b14}.post-card.featured{background:linear-gradient(135deg,#f5f7ff,#eef1ff);border-color:#dbe2fb;grid-column:1/-1}.post-meta{align-items:center;gap:12px;margin-bottom:14px;display:flex}.post-meta time{color:#97a0b8;letter-spacing:.05em;font-size:12px;font-weight:600}.post-tag{color:#4a5bd0;letter-spacing:.05em;background:#ffffffc9;border-radius:999px;padding:4px 11px;font-size:11px;font-weight:700;box-shadow:inset 0 0 0 1px #dbe2f7}.post-card h3{letter-spacing:-.025em;color:var(--ink);margin:0;font-size:21px;font-weight:650;line-height:1.35}.post-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.post-arrow{width:34px;height:34px;color:var(--green);background:#eef1ff;border-radius:50%;place-items:center;transition:transform .35s cubic-bezier(.22,.61,.36,1),background .3s,color .3s;display:grid}.post-card:hover .post-arrow{background:var(--green);color:#fff;transform:translate(3px,-3px)rotate(8deg)}.post-grid .post-card{animation:.7s cubic-bezier(.22,.61,.36,1) both hero-rise}.post-grid .post-card:nth-child(2){animation-delay:80ms}.post-grid .post-card:nth-child(3){animation-delay:.16s}@media (prefers-reduced-motion:reduce){.post-grid .post-card{animation:none}}@media (max-width:720px){.post-grid{grid-template-columns:1fr}.post-card.featured{grid-column:auto}}.page-content{animation:.55s cubic-bezier(.22,.61,.36,1) both page-fade}@media (prefers-reduced-motion:reduce){.page-content{animation:none}}.page-content{max-width:1080px;padding:24px clamp(20px,4vw,56px) 26px}.page-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;display:flex}.page-bar-main{min-width:0}.page-bar h1{letter-spacing:-.025em;color:var(--ink);font-size:clamp(19px,2.2vw,23px);font-weight:700;line-height:1.25;font-family:var(--font-display-stack);margin:0}.page-bar p{max-width:660px;color:var(--muted);margin:4px 0 0;font-size:12.5px;line-height:1.55}.page-bar-side{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-bar-side .primary-button{padding:10px 16px;font-size:13px}.hero-badge{padding:7px 14px;font-size:11.5px}.site-footer{margin-top:28px;padding-top:12px;font-size:11px}.section-heading{align-items:center;margin:26px 0 12px}.section-heading h2{margin:4px 0 0;font-size:17px}.section-line{margin-bottom:4px}.section-kicker,.eyebrow{letter-spacing:.16em;font-size:10.5px}.intro h1{letter-spacing:-.03em;font-size:clamp(20px,2.4vw,26px)}.intro-copy{max-width:640px;margin-top:6px;font-size:13px;line-height:1.6}.intro-actions{margin-top:14px}.feature-grid{gap:14px}.feature-card{min-height:0;padding:20px 20px 18px}.feature-card h3{margin:7px 0;font-size:17px}.feature-card p{min-height:0;font-size:13px;line-height:1.6}.feature-card button{padding-top:12px}.card-icon{margin-bottom:14px}.post-grid{gap:12px}.post-card{padding:20px}.post-card h3{font-size:18px}.post-card.featured h3{font-size:clamp(19px,2.2vw,22px)}.post-foot{padding-top:14px}.vui-grid{margin-top:0}.page-bar+.section-heading{margin-top:12px}.tarot-zone{gap:14px;margin-top:6px}.tarot-card{width:186px;height:278px}.game-zone{margin-top:2px}.game-panel{gap:14px;padding:24px 22px}.shop-grid{margin-top:0}.shop-msg{margin:0 0 10px}.checklist-section{margin-top:0;padding-top:0}.checklist-nav{margin:10px 0}.admin-tabs{margin-top:2px}.admin-body{margin-top:12px}.study-header{align-items:center}.study-header h1{letter-spacing:-.025em;margin:0;font-size:clamp(19px,2.2vw,23px);line-height:1.25}.study-sub{color:#7b87a0;margin:4px 0 0;font-size:12.5px}.study-customize{margin:10px 0 0}.study-grid{margin-top:12px}.focus-panel{padding:20px}.tasks-panel{padding:18px}.panel-title h2{font-size:17px}.task-list{margin-top:14px}.focus-ring{width:min(228px,62vw);margin:16px auto 14px}.focus-ring strong{font-size:40px}.session-note{margin-top:12px}.study-stats{gap:10px;margin-top:20px}@media (max-width:760px){.page-content{padding:14px 16px 20px}.page-bar{gap:10px;margin-bottom:12px}.page-bar h1{font-size:19px}.page-bar p{font-size:12px}.page-bar-side{width:100%}.page-bar-side .primary-button,.page-bar-side .text-button{flex:auto;justify-content:center}.site-footer{margin-top:18px}.section-heading{margin:20px 0 10px}.tarot-card{width:168px;height:252px}}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(262px,1fr));align-items:stretch;gap:16px;margin-top:4px;display:grid}.shop-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border:1px solid #e0e5f1;border-radius:20px;flex-direction:column;gap:10px;padding:22px 22px 20px;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;box-shadow:0 12px 35px #31437a0f}.shop-card:hover{border-color:#cfd7ff;transform:translateY(-5px);box-shadow:0 20px 45px #4758aa24}.shop-card>.post-tag{align-self:flex-start;margin-bottom:2px}.shop-thumb{object-fit:cover;background:linear-gradient(135deg,#eef1ff,#f7f1ff);border-radius:14px;width:100%;height:130px;box-shadow:inset 0 0 0 1px #fff}.shop-emoji{color:#5367e8;background:linear-gradient(135deg,#eef1ff,#f7f1ff);border-radius:17px;place-items:center;width:54px;height:54px;font-size:26px;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #fff}.shop-card>strong{font-family:var(--font-display-stack);letter-spacing:-.02em;color:#263452;font-size:16.5px;font-weight:700}.shop-card>p{color:#71809a;margin:0;font-size:13.5px;line-height:1.65}.shop-foot{border-top:1px solid #edf0f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;display:flex}.shop-cost{color:#5367e8;letter-spacing:-.01em;align-items:center;gap:5px;font-size:15px;font-weight:800;display:inline-flex}.shop-empty{color:#8593ad;background:#ffffffb8;border:1px dashed #d6ddef;border-radius:18px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;margin:0;padding:36px 20px;font-size:13px;display:flex}.shop-msg{color:#4a5a8f;background:#f2f5ff;border:1px solid #dbe2f7;border-radius:13px;margin:0 0 14px;padding:11px 15px;font-size:12.5px;line-height:1.6}.shop-card.affiliate{border-color:#e4dcf7}.shop-card.affiliate .shop-emoji{background:linear-gradient(135deg,#f3edff,#eef7ff)}.shop-card.gift{border-color:#f3e6c8}.shop-card.gift .shop-emoji{color:#b9821f;background:linear-gradient(135deg,#fff6e0,#ffeeda)}.shop-card.gift .shop-cost{color:#b9821f}.shop-card.gift:hover{border-color:#eccf8d;box-shadow:0 20px 45px #b9821f24}.shop-group+.shop-group{margin-top:28px}.shop-group-title{color:#8a6418;font-family:var(--font-display-stack);letter-spacing:-.01em;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.shop-group-title:after{content:"";background:#f0e2bd;flex:1;height:1px}.shop-stock{color:#b9821f;background:#fff4d6;border-radius:999px;align-self:flex-start;margin-top:6px;padding:3px 9px;font-size:12px;font-weight:600}.shop-slider{margin-bottom:6px}.shop-slider-bar{align-items:center;gap:8px;margin:0 0 12px;display:flex}.shop-slider-spacer{flex:1}.shop-slider-nav{color:#5367e8;cursor:pointer;background:#fff;border:1px solid #dfe5f5;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s,opacity .2s;display:inline-grid}.shop-slider-nav:hover:not(:disabled){background:#f2f5ff}.shop-slider-nav:disabled{opacity:.35;cursor:not-allowed}.shop-slider-all{color:#5367e8;cursor:pointer;background:#fff;border:1px solid #dfe5f5;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.shop-slider-all:hover{background:#f2f5ff}.shop-view{touch-action:pan-y;margin:-6px -6px -26px;padding:6px 6px 26px;overflow:hidden}.shop-track{will-change:transform;gap:16px;transition:transform .45s cubic-bezier(.22,.61,.36,1);display:flex}.shop-track>*{flex:0 0 262px;max-width:82vw}.shop-view>.shop-grid{margin-top:0}.shop-gift-art{object-fit:cover;border-radius:18px;width:60px;height:60px;box-shadow:0 8px 18px #b9821f24}.shop-count{color:#71809a;letter-spacing:.03em;white-space:nowrap;background:#ffffffb8;border:1px solid #e2e7f3;border-radius:999px;flex:none;padding:6px 13px;font-size:11.5px;font-weight:700}#affiliate .section-kicker,#qua-sao .section-kicker{align-items:center;gap:10px;display:inline-flex}#affiliate .section-kicker:before{content:"";background:#6676d8;border-radius:3px;width:4px;height:16px}#qua-sao .section-kicker:before{content:"";background:#d9a13a;border-radius:3px;width:4px;height:16px}@media (max-width:760px){.shop-count{display:none}.section-heading h2{font-size:16px}}.primary-button.as-link,a.primary-button{justify-content:center;align-items:center;gap:7px;line-height:1.2;text-decoration:none;display:inline-flex}a.text-button,a.view-all,.text-button.as-link{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.primary-button:disabled{opacity:.5;cursor:not-allowed}.icon-button{color:#a3adc2;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;transition:color .18s,background .18s;display:grid}.icon-button:hover{color:#e0635f;background:#fdeeee}.chat-shell{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #e0e5f1;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 15px 36px #4b5d9b0d}.chat-head{background:#ffffffb8;border-bottom:1px solid #eaedf6;align-items:center;gap:12px;padding:15px 20px;display:flex}.chat-head .brand-mark{margin:0}.brand-mark.small{border-radius:12px;width:34px;height:34px}.chat-head strong{color:#263452;font-size:14px;font-weight:700;display:block}.chat-head span{color:#8593ad;margin-top:2px;font-size:11.5px;display:block}.chat-head span.typing{color:#596eea}.chat-clear{flex:none;margin-left:auto}.chat-log{flex-direction:column;flex:1;gap:14px;min-height:320px;max-height:52vh;padding:20px;display:flex;overflow-y:auto}.chat-msg{align-items:flex-start;gap:10px;display:flex}.chat-msg.user{flex-direction:row-reverse}.chat-avatar{color:#fff;background:linear-gradient(135deg,#596eea,#795fd5);border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.chat-msg.user .chat-avatar,.chat-msg.model .chat-avatar{background:linear-gradient(135deg,#596eea,#795fd5)}.chat-bubble{color:#33405c;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f5fc;border-radius:16px;max-width:min(74%,620px);padding:11px 15px;font-size:13.5px;line-height:1.68}.chat-msg.user .chat-bubble{color:#fff;background:linear-gradient(135deg,#596eea,#795fd5);box-shadow:0 8px 20px #6573df2e}.chat-avatar img,.chat-avatar-initials{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-avatar-initials{place-items:center;font-size:11px;font-weight:700;display:grid}.chat-bubble strong{font-weight:700}.chat-bubble .chat-code{background:#e9ecf8;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.chat-msg.user .chat-bubble .chat-code{background:#ffffff2e}.chat-bubble .katex{font-size:1.02em}.dots{background-image:radial-gradient(circle,#97a3c4 2px,#0000 2.5px);background-repeat:repeat-x;background-size:8px 6px;width:24px;height:6px;animation:1.1s linear infinite chat-dots;display:inline-block}@keyframes chat-dots{0%{background-position-x:0}to{background-position-x:8px}}.chat-quick{flex-wrap:wrap;gap:8px;padding:0 20px 12px;display:flex}.chat-quick button{color:#5a6b93;cursor:pointer;background:#fff;border:1px solid #dfe5f3;border-radius:999px;padding:8px 14px;font-size:12px;transition:color .18s,border-color .18s,background .18s}.chat-quick button:hover{color:#5367e8;background:#f2f5ff;border-color:#c9d4f7}.chat-error{color:#c05252;background:#fdf1f1;border:1px solid #f6d4d4;border-radius:12px;margin:0 20px 10px;padding:10px 14px;font-size:12.5px}.chat-input{border-top:1px solid #eaedf6;gap:10px;padding:14px 20px 18px;display:flex}.chat-input input{min-width:0;color:var(--ink);background:#fff;border:1px solid #dfe5f3;border-radius:14px;flex:1;padding:12px 16px;font-size:13.5px}.chat-input input:focus{border-color:#b9c6f5;outline:none;box-shadow:0 0 0 4px #596eea1a}.chat-input button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#596eea,#795fd5);border:0;border-radius:14px;flex:none;place-items:center;width:46px;transition:transform .18s,opacity .18s;display:grid}.chat-input button:hover:not(:disabled){transform:translateY(-2px)}.chat-input button:disabled{opacity:.45;cursor:not-allowed}.tarot-zone{flex-direction:column;align-items:center;gap:16px;margin-top:8px;display:flex}.tarot-stage{place-items:center;padding:26px 34px;display:grid;position:relative}.tarot-stage:before{content:"";z-index:0;filter:blur(2px);background:radial-gradient(closest-side,#dfe5ff 0%,#ece9ff 46%,#0000 78%);border-radius:50%;position:absolute;inset:0}.tarot-ring{z-index:0;opacity:.7;border:1px dashed #b9c3f0;border-radius:50%;width:268px;height:268px;animation:34s linear infinite tarot-spin;position:absolute}.tarot-ring:before{content:"";border:1px solid #d3daf5cc;border-radius:50%;position:absolute;inset:14px}.tarot-spark{z-index:2;background:#8b95e6;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 10px #8b95e6aa}.tarot-spark.s1{animation:3.4s ease-in-out infinite tarot-twinkle;top:12%;left:16%}.tarot-spark.s2{animation:4.2s ease-in-out .8s infinite tarot-twinkle;bottom:16%;right:14%}@keyframes tarot-spin{to{transform:rotate(360deg)}}@keyframes tarot-twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}.tarot-card{z-index:1;cursor:pointer;perspective:900px;border-radius:20px;width:200px;height:300px;transition:transform .3s cubic-bezier(.22,.61,.36,1),filter .3s;position:relative}.tarot-card:hover{transform:translateY(-6px)rotate(-.5deg)}.tarot-card.is-revealed{filter:drop-shadow(0 20px 34px #4b5d9b3d)}.tarot-face,.tarot-back{border-radius:20px;align-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.tarot-back{color:#fff;background:radial-gradient(120% 90% at 18% 8%,#ffffff2b,#0000 56%),linear-gradient(155deg,#6678f0,#795fd5 55%,#3f4fae);box-shadow:0 18px 40px #4b5d9b2e,inset 0 0 0 1px #fff3}.tarot-back:before{content:"";border:1px dashed #ffffff59;border-radius:14px;position:absolute;inset:11px}.tarot-back-glyph{filter:drop-shadow(0 8px 18px #1b256e66);font-size:46px;line-height:1}.tarot-back-hint{color:#e6eaff;letter-spacing:.02em;font-size:12.5px;font-weight:600}.tarot-back.tarot-back-gold{background:radial-gradient(120% 90% at 18% 8%,#ffffff47,#0000 56%),linear-gradient(155deg,#f7d878,#d9a13a 55%,#8a5a12);box-shadow:0 18px 40px #9a6a1a40,inset 0 0 0 1px #fff3c44d}.tarot-back.tarot-back-gold:before{border-color:#fff3c488}.tarot-face{background:linear-gradient(160deg,#fff,#f3f6ff);overflow:hidden;box-shadow:0 18px 40px #4b5d9b26,inset 0 0 0 1px #e6ebf8}.tarot-face:before{content:"";pointer-events:none;border:1px solid #dfe4fb;border-radius:13px;position:absolute;inset:9px;box-shadow:inset 0 0 0 3px #fff}.tarot-corner{opacity:.9;border:2px solid #aab4ea;width:12px;height:12px;position:absolute}.tarot-corner.tl{border-bottom:0;border-right:0;border-radius:4px 0 0;top:16px;left:16px}.tarot-corner.tr{border-bottom:0;border-left:0;border-radius:0 4px 0 0;top:16px;right:16px}.tarot-corner.bl{border-top:0;border-right:0;border-radius:0 0 0 4px;bottom:16px;left:16px}.tarot-corner.br{border-top:0;border-left:0;border-radius:0 0 4px;bottom:16px;right:16px}.tarot-emoji{filter:drop-shadow(0 10px 16px #4b5d9b33);font-size:62px;line-height:1}.tarot-face strong{color:#263452;font-family:var(--font-display-stack);letter-spacing:-.02em;text-align:center;padding:0 22px;font-size:17px;font-weight:700;line-height:1.3}.tarot-card.is-flipping .tarot-back,.tarot-card.is-flipping .tarot-face{animation:.7s tarot-shake}.tarot-card.is-revealed .tarot-face{animation:.45s cubic-bezier(.22,.61,.36,1) tarot-pop}@keyframes tarot-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes tarot-pop{0%{opacity:0;transform:scale(.92)rotateY(-22deg)}to{opacity:1;transform:none}}.tarot-reading{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:648px;margin-top:6px;display:grid}.tarot-panel{border:1px solid var(--tone-border,#e5e9f7);border-left:3px solid var(--tone-accent,#717ce8);background:var(--tone-bg,#fff);opacity:0;border-radius:16px;flex-direction:column;gap:8px;padding:15px 17px 16px;animation:.5s cubic-bezier(.22,.61,.36,1) both tarot-rise;display:flex;position:relative;box-shadow:0 12px 26px #4b5d9b14}.tarot-panel:nth-child(odd):last-child{grid-column:1/-1}.tarot-panel-head{align-items:center;gap:8px;display:flex}.tarot-panel-icon{width:26px;height:26px;color:var(--tone-accent,#5a66e0);background:var(--tone-icon-bg,#eef1ff);border-radius:9px;flex:none;place-items:center;display:grid}.tarot-panel-title{color:var(--tone-title,#2b3866);font-family:var(--font-display-stack);letter-spacing:.045em;text-transform:uppercase;font-size:12px;font-weight:800}.tarot-panel-body{color:#4c5a78;white-space:pre-line;margin:0;font-size:13.5px;line-height:1.72}@keyframes tarot-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tarot-panel.tone-cosmos{--tone-accent:#6e5bd8;--tone-bg:linear-gradient(160deg, #f6f3ff, #eef0ff);--tone-border:#e2defb;--tone-icon-bg:#ece7ff;--tone-title:#4d3fae}.tarot-panel.tone-study{--tone-accent:#4f74e6;--tone-bg:linear-gradient(160deg, #f4f7ff, #eaf0ff);--tone-border:#dbe3fb;--tone-icon-bg:#e6edff;--tone-title:#3550b8}.tarot-panel.tone-love{--tone-accent:#e56a9a;--tone-bg:linear-gradient(160deg, #fff5f9, #fdeef5);--tone-border:#f8d9e6;--tone-icon-bg:#ffe6f0;--tone-title:#bb3f70}.tarot-panel.tone-health{--tone-accent:#2bb1a0;--tone-bg:linear-gradient(160deg, #f3fbfa, #eaf7f5);--tone-border:#d3eeea;--tone-icon-bg:#dff5f1;--tone-title:#1c8073}.tarot-panel.tone-advice{--tone-accent:#e0a03a;--tone-bg:linear-gradient(160deg, #fffaf0, #fdf4e4);--tone-border:#f4e4c6;--tone-icon-bg:#fbedcf;--tone-title:#a9741b}.tarot-msg{color:#5367e8;background:#eef1ff;border-radius:999px;margin:0;padding:9px 16px;font-size:12.5px;font-weight:600}.tarot-hint{color:#95a0b8;align-items:center;gap:6px;margin:0;font-size:11.5px;display:inline-flex}.tarot-unlock{cursor:pointer;color:#fff;background:linear-gradient(135deg,#596eea,#795fd5);border:0;border-radius:999px;align-items:center;gap:7px;margin-top:2px;padding:11px 18px;font-size:12.5px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 25px #6573df3d}.tarot-unlock:hover{transform:translateY(-2px);box-shadow:0 16px 30px #6573df55}.tarot-unlock:disabled{opacity:.6;cursor:wait;transform:none}.tarot-unlocked{color:#4a5bd0;background:#eef1ff;border-radius:999px;align-items:center;gap:6px;margin:0;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.game-zone{justify-content:center;margin-top:10px;display:flex}.game-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#fffc;border:1px solid #e0e5f1;border-radius:22px;flex-direction:column;align-items:center;gap:18px;width:min(640px,100%);padding:34px 28px;display:flex;box-shadow:0 15px 36px #4b5d9b0d}.game-panel.playing{gap:22px}.game-score strong{color:#263452;font-family:var(--font-display-stack);letter-spacing:-.03em;font-size:44px;font-weight:700;line-height:1;display:block}.game-score span{color:#8593ad;margin-top:6px;font-size:12px;display:block}.game-score.inline{align-items:baseline;gap:9px;display:inline-flex}.game-score.inline strong{font-size:28px}.game-score.inline span{margin-top:0}.game-timer{color:#5367e8;background:#eef1ff;border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:13px;font-weight:700;display:inline-flex}.game-question{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.game-question>span{color:#263452;font-family:var(--font-display-stack);letter-spacing:-.02em;font-size:34px;font-weight:700}.game-question input{color:#5367e8;text-align:center;background:#fff;border:1px solid #dfe5f3;border-radius:14px;width:150px;padding:12px 14px;font-size:24px;font-weight:700}.game-question input:focus{border-color:#b9c6f5;outline:none;box-shadow:0 0 0 4px #596eea1a}.game-feedback{color:#0000;min-height:22px;font-size:13.5px;font-weight:700}.game-feedback.ok{color:#2f9e6a}.game-feedback.no{color:#e0635f}.game-result{color:#4c5a78;flex-direction:column;align-items:center;gap:12px;margin:0;font-size:13.5px;line-height:1.7;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:12px;margin-bottom:14px;display:grid}.admin-stats>div{background:#fffc;border:1px solid #e0e5f1;border-radius:16px;flex-direction:column;gap:4px;padding:15px 16px;display:flex}.admin-stats strong{color:#263452;font-family:var(--font-display-stack);font-size:25px;line-height:1}.admin-stats span{color:#8593ad;align-items:center;gap:5px;font-size:11px;display:inline-flex}.admin-note{color:#95a0b8;margin:0 0 16px;font-size:11.5px}.admin-feature-gifts{background:#f7f9ff;border:1px solid #e0e5f1;border-radius:16px;flex-direction:column;gap:8px;margin-bottom:16px;padding:14px 16px;display:flex}.admin-feature-gifts>.section-kicker{color:#8593ad;letter-spacing:.14em;font-size:10px}.admin-feature-gift{color:#3d4a68;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:flex}.admin-feature-gift code{color:#4a55c7;background:#e6ebff;border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700}.admin-feature-gift em{color:#b1483f;font-size:11.5px;font-style:normal}.admin-tabs{background:#fffc;border:1px solid #dfe5f3;border-radius:14px;gap:4px;margin-top:4px;padding:5px;display:inline-flex;box-shadow:0 3px 12px #4b5d9b0f}.admin-tabs button{color:#7b87a0;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:color .18s,background .18s}.admin-tabs button:hover{color:#5367e8;background:#f2f5ff}.admin-tabs button.active{color:#fff;background:linear-gradient(135deg,#596eea,#795fd5);box-shadow:0 6px 16px #6573df33}.admin-body{flex-direction:column;gap:18px;margin-top:16px;display:flex}.admin-form{background:#fffc;border:1px solid #e0e5f1;border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;padding:18px;display:grid;box-shadow:0 15px 36px #4b5d9b0d}.admin-form input{color:var(--ink);background:#fff;border:1px solid #dfe5f3;border-radius:11px;padding:11px 14px;font-size:13px}.admin-form input:focus{border-color:#b9c6f5;outline:none;box-shadow:0 0 0 4px #596eea1a}.admin-form .primary-button{justify-self:start}.admin-form textarea{resize:vertical;min-height:240px;color:var(--ink);font:inherit;background:#fff;border:1px solid #dfe5f3;border-radius:11px;grid-column:1/-1;padding:11px 14px;font-size:13px;line-height:1.65}.admin-form textarea:focus{border-color:#b9c6f5;outline:none;box-shadow:0 0 0 4px #596eea1a}.blog-content{color:#33405c;white-space:pre-wrap;overflow-wrap:anywhere;background:#fffc;border:1px solid #e0e5f1;border-radius:22px;padding:24px 26px;font-size:14.5px;line-height:1.8;box-shadow:0 15px 36px #4b5d9b0d}.blog-content .katex{font-size:1.05em}.chat-bubble .katex-display,.blog-content .katex-display{max-width:100%;overflow:auto hidden}.blog-content a{color:#5367e8;font-weight:600}.blog-cover{object-fit:cover;border-radius:18px;width:100%;max-height:320px;margin-bottom:18px}.admin-table{border-collapse:separate;border-spacing:0;background:#fffc;border:1px solid #e0e5f1;border-radius:18px;width:100%;font-size:13px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #eef1f8;padding:12px 16px}.admin-table th{color:#7b87a0;letter-spacing:.1em;text-transform:uppercase;background:#f6f8fe;font-size:11px;font-weight:700}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table a{color:#5367e8;align-items:center;gap:5px;font-weight:600;text-decoration:none;display:inline-flex}.admin-table a:hover{text-decoration:underline}.vui-grid{grid-template-columns:1fr 1fr}.study-grid.solo{align-items:start}.feature-card{flex-direction:column;display:flex}.feature-card>a,.feature-card>button{width:fit-content;color:var(--green);background:0 0;border:0;align-items:center;gap:7px;margin-top:auto;padding:14px 0 0;font-size:13.5px;font-weight:700;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.feature-card>a:hover,.feature-card>button:hover{color:#5367e8;gap:12px}.card-label{margin-bottom:2px;display:block}@media (max-width:760px){.tarot-card{width:168px;height:250px}.tarot-emoji{font-size:52px}.tarot-face strong{padding:0 18px;font-size:15px}.tarot-stage{padding:20px 24px}.tarot-ring{width:220px;height:220px}.tarot-reading{grid-template-columns:1fr;max-width:460px}.tarot-panel:nth-child(odd):last-child{grid-column:auto}.focus-ring{width:min(200px,62vw)}.shortcut-grid,.vui-grid,.shop-grid{grid-template-columns:1fr}.chat-bubble{max-width:86%}.chat-log{min-height:58vh;max-height:none}.admin-tabs{justify-content:center;width:100%}.admin-form{grid-template-columns:1fr}.admin-table{white-space:nowrap;display:block;overflow-x:auto}}@media (min-width:761px){.sidebar{padding-top:22px;padding-bottom:14px}.brand{padding:0 10px 22px}.nav-item{padding:10px 14px}.sidebar-footer{padding:12px 14px 0}.topbar{height:60px}.page-content{padding-top:16px;padding-bottom:12px}.page-bar{margin-bottom:10px}.page-bar h1{font-size:clamp(19px,2.1vw,21px);line-height:1.2}.page-bar p{margin-top:3px;font-size:12px;line-height:1.45}.articles-home .section-heading{margin:10px 0 6px}.articles-home .section-heading .section-kicker{line-height:1.2}.articles-home .section-heading h2{margin-top:2px;font-size:16px;line-height:1.25}.post-grid{gap:6px}.post-card{padding:12px 14px}.post-meta{margin-bottom:8px;line-height:1.25}.post-card h3{font-size:17px}.post-card.featured h3{font-size:clamp(18px,2vw,20px)}.post-foot{padding-top:6px;line-height:1.25}.post-arrow{width:28px;height:28px}.site-footer{margin-top:10px;padding-top:8px}}@media (min-width:761px) and (max-width:1279px){.page-content{padding-top:12px}.page-bar{margin-bottom:8px}.articles-home .section-heading{margin:8px 0 4px}.post-card{padding:10px 14px}.post-meta{margin-bottom:6px}.post-foot{padding-top:4px}.site-footer{margin-top:6px}}@media (min-width:1024px){:root{--island-w:68px;--island-w-open:256px;--island-label-x:62px;--island-label-w:178px;--island-ink:#333d4f;--island-ink-strong:#131a26;--island-spring:cubic-bezier(.34, 1.32, .5, 1);--island-ease:cubic-bezier(.22, 1, .36, 1)}.blog-shell .sidebar{z-index:20;width:var(--island-w);flex:0 0 var(--island-w);min-height:0;box-shadow:none;isolation:isolate;transition:width .36s var(--island-ease) .14s;animation:island-in .9s var(--island-ease) both;background:0 0;border:0;border-radius:34px;padding:14px 0 12px;position:fixed;top:68px;bottom:18px;left:18px}.blog-shell .sidebar:before{content:"";z-index:0;width:var(--island-w);pointer-events:none;-webkit-backdrop-filter:blur(26px)saturate(165%)brightness(1.12);transition:opacity .19s var(--island-ease) .12s;background-color:#ffffff94;background-image:radial-gradient(circle,#10182814 .5px,#0000 .7px),linear-gradient(#ffffffb8 0%,#fff0 26%);background-size:3px 3px,100% 100%;border-radius:34px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #1018281f,0 18px 36px -20px #0f1a2440,0 4px 12px -8px #0f1a2426}.blog-shell .sidebar:after{content:"";z-index:0;width:var(--island-w-open);pointer-events:none;-webkit-backdrop-filter:blur(30px)saturate(170%)brightness(1.04);opacity:0;will-change:opacity, transform;transition:opacity .2s var(--island-ease) .12s, transform .38s var(--island-ease) .12s;background-color:#ffffffe8;background-image:radial-gradient(circle,#10182812 .5px,#0000 .7px),linear-gradient(160deg,#ffffffd9 0%,#fff0 42%);background-size:3px 3px,100% 100%;border-radius:34px;position:absolute;top:0;bottom:0;left:0;transform:translate(-7px);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #1018281a,0 28px 56px -24px #0f1a2447,0 8px 18px -12px #0f1a242b}.blog-shell .sidebar:hover,.blog-shell .sidebar:focus-within{width:var(--island-w-open);transition-delay:0s}.blog-shell .sidebar:hover:before,.blog-shell .sidebar:focus-within:before{opacity:0;transition-delay:0s}.blog-shell .sidebar:hover:after,.blog-shell .sidebar:focus-within:after{opacity:1;transition-delay:0s;transform:none}.blog-shell .sidebar>*{z-index:1;position:relative}.blog-shell .sidebar svg{stroke-width:1.6px}.blog-shell:not(.sidebar-collapsed) .collapse-sidebar{display:none}.blog-shell .sidebar .sidebar-collapse{width:36px;height:36px;color:var(--island-ink);cursor:pointer;transition:color .18s var(--island-ease), background .18s var(--island-ease), transform .24s var(--island-ease);background:#ffffffa8;border:0;border-radius:12px;align-self:flex-start;place-items:center;margin:0 0 8px 16px;display:grid;box-shadow:inset 0 0 0 1px #10182812,0 8px 16px -10px #10182833}.blog-shell .sidebar .sidebar-collapse:hover{color:var(--island-ink-strong);background:#fff;transform:translateY(-1px)}.blog-shell .sidebar .sidebar-collapse:active{transition-duration:90ms;transform:scale(.93)}.blog-shell .content-area{transition:margin .36s var(--island-ease) .14s;margin-left:96px}.blog-shell .sidebar:hover~.content-area,.blog-shell .sidebar:focus-within~.content-area{margin-left:calc(18px + var(--island-w-open) + 10px);transition-delay:0s}.blog-shell.sidebar-collapsed .content-area{margin-left:0}.blog-shell.sidebar-collapsed .sidebar{display:none}.blog-shell .sidebar .brand{gap:12px;padding:0 16px 14px}.blog-shell .sidebar .brand-mark{color:#fff;background:linear-gradient(160deg,#6678f0,#795fd5);border-radius:12px;flex:0 0 36px;width:36px;height:36px;box-shadow:inset 0 1px #ffffff59,0 8px 18px -10px #4b5d9b42}.blog-shell .sidebar .brand strong{color:var(--island-ink-strong);font-size:14.5px}.blog-shell .sidebar .brand span{color:#78849b;margin-top:1px;font-size:10.5px}.blog-shell .sidebar .brand div:not(.brand-mark),.blog-shell .sidebar .nav-item>span,.blog-shell .sidebar .sidebar-footer>span{left:var(--island-label-x);width:var(--island-label-w);white-space:nowrap;opacity:0;pointer-events:none;min-width:0;transition:opacity .16s var(--island-ease), transform .34s var(--island-ease);position:absolute;overflow:hidden;transform:translate(-8px)}.blog-shell .sidebar .brand div:not(.brand-mark){flex-direction:column;justify-content:center;height:36px;display:flex;top:0}.blog-shell .sidebar .nav-item>span,.blog-shell .sidebar .sidebar-footer>span{top:50%;transform:translate(-8px,-50%)}.blog-shell .sidebar .sidebar-footer>span{text-align:right}.blog-shell .sidebar:hover .brand div:not(.brand-mark),.blog-shell .sidebar:focus-within .brand div:not(.brand-mark),.blog-shell .sidebar:hover .nav-item>span,.blog-shell .sidebar:focus-within .nav-item>span,.blog-shell .sidebar:hover .sidebar-footer>span,.blog-shell .sidebar:focus-within .sidebar-footer>span{opacity:1;pointer-events:auto}.blog-shell .sidebar:hover .brand div:not(.brand-mark),.blog-shell .sidebar:focus-within .brand div:not(.brand-mark){transform:none}.blog-shell .sidebar:hover .nav-item>span,.blog-shell .sidebar:focus-within .nav-item>span,.blog-shell .sidebar:hover .sidebar-footer>span,.blog-shell .sidebar:focus-within .sidebar-footer>span{transform:translateY(-50%)}.blog-shell .sidebar:hover .brand div:not(.brand-mark),.blog-shell .sidebar:focus-within .brand div:not(.brand-mark){transition-delay:30ms}.blog-shell .sidebar:hover .main-nav .nav-item:first-child>span,.blog-shell .sidebar:focus-within .main-nav .nav-item:first-child>span{transition-delay:60ms}.blog-shell .sidebar:hover .main-nav .nav-item:nth-child(2)>span,.blog-shell .sidebar:focus-within .main-nav .nav-item:nth-child(2)>span{transition-delay:90ms}.blog-shell .sidebar:hover .main-nav .nav-item:nth-child(3)>span,.blog-shell .sidebar:focus-within .main-nav .nav-item:nth-child(3)>span{transition-delay:.12s}.blog-shell .sidebar:hover .main-nav .nav-item:nth-child(4)>span,.blog-shell .sidebar:focus-within .main-nav .nav-item:nth-child(4)>span{transition-delay:.15s}.blog-shell .sidebar:hover .main-nav .nav-item:nth-child(5)>span,.blog-shell .sidebar:focus-within .main-nav .nav-item:nth-child(5)>span{transition-delay:.18s}.blog-shell .sidebar:hover .bottom-nav .nav-item:first-child>span,.blog-shell .sidebar:focus-within .bottom-nav .nav-item:first-child>span{transition-delay:.21s}.blog-shell .sidebar:hover .bottom-nav .nav-item:nth-child(2)>span,.blog-shell .sidebar:focus-within .bottom-nav .nav-item:nth-child(2)>span{transition-delay:.24s}.blog-shell .sidebar:hover .sidebar-footer>span,.blog-shell .sidebar:focus-within .sidebar-footer>span{transition-delay:.26s}.blog-shell .sidebar .main-nav,.blog-shell .sidebar .bottom-nav{grid-template-columns:minmax(0,1fr)}.blog-shell .sidebar .main-nav{gap:4px}.blog-shell .sidebar .bottom-nav{gap:4px;padding-bottom:0}.blog-shell .sidebar .nav-item{width:var(--island-w);color:var(--island-ink);box-shadow:none;letter-spacing:-.012em;transition:color .2s var(--island-ease);background:0 0;border-radius:14px;gap:12px;padding:4px 16px;font-size:13.5px;font-weight:600;position:relative}.blog-shell .sidebar .nav-item:hover{color:var(--island-ink-strong);background:0 0}.blog-shell .sidebar .nav-item>svg{box-sizing:content-box;opacity:.66;width:18px;height:18px;transition:opacity .2s var(--island-ease), background-color .2s var(--island-ease), box-shadow .2s var(--island-ease), transform .34s var(--island-spring);background-color:#0000;border-radius:12px;flex:none;padding:9px;box-shadow:inset 0 0 0 1px #10182800}.blog-shell .sidebar .nav-item:hover>svg{opacity:1;background-color:#1018280d;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #10182814}.blog-shell .sidebar .nav-item:active>svg{transition-duration:90ms;transform:scale(.93)}.blog-shell .sidebar .nav-item.active,.blog-shell .sidebar .nav-item.active:hover{color:var(--island-ink-strong);box-shadow:none;background:0 0}.blog-shell .sidebar .nav-item.active>svg{opacity:1;box-shadow:none;background-color:#0000}.blog-shell .sidebar .nav-item.active:before,.blog-shell .sidebar .nav-item.active:after{content:"";z-index:0;pointer-events:none;width:auto;height:auto;transition:opacity .19s var(--island-ease);background:#10182812;border-radius:14px;display:block;position:absolute;inset:2px auto 2px 10px;transform:none;box-shadow:inset 0 0 0 1px #1018281a}.blog-shell .sidebar .nav-item.active:before{opacity:1;width:48px}.blog-shell .sidebar .nav-item.active:after{opacity:0;width:236px}.blog-shell .sidebar:hover .nav-item.active:before,.blog-shell .sidebar:focus-within .nav-item.active:before{opacity:0}.blog-shell .sidebar:hover .nav-item.active:after,.blog-shell .sidebar:focus-within .nav-item.active:after{opacity:1}.blog-shell .sidebar .nav-item>svg{z-index:1;position:relative}.blog-shell .sidebar .nav-item>span{z-index:1}.blog-shell .sidebar .sidebar-footer{color:#8a94a5;border-top:0;align-items:center;gap:12px;margin:0;padding:0 16px;font-size:10.5px;display:flex}.blog-shell .sidebar .sidebar-footer>svg{box-sizing:content-box;width:16px;height:16px;color:var(--island-ink);opacity:.32;border-radius:12px;flex:none;order:-1;padding:10px}@keyframes island-in{0%{opacity:0;transform:translateY(-14px)scale(.94)}to{opacity:1;transform:none}}}.home-hero{background:#edf4ee;border:1px solid #d9e6dc;border-radius:28px;grid-template-columns:minmax(0,1.03fr) minmax(330px,.97fr);gap:34px;min-height:420px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #26443217}.home-hero:before{content:"";opacity:.7;border:1px solid #c9ded0;border-radius:50%;width:320px;height:210px;position:absolute;bottom:-120px;right:42%;transform:rotate(-12deg)}.home-hero-copy{z-index:1;align-self:center;max-width:540px;position:relative}.home-eyebrow{color:#c65f43;letter-spacing:.15em;align-items:center;gap:7px;font-size:10.5px;font-weight:800;display:inline-flex}.home-hero h1{color:#19332d;max-width:530px;font-family:var(--font-display), "Be Vietnam Pro", sans-serif;letter-spacing:-.065em;margin:19px 0 16px;font-size:clamp(43px,5vw,69px);font-weight:700;line-height:.98}.home-hero h1 em{color:#d76548;font-style:normal}.home-hero-copy>p{color:#526c60;max-width:430px;margin:0;font-size:15px;line-height:1.7}.home-hero-actions{align-items:center;gap:16px;margin-top:28px;display:flex}.home-cta{background:#d76548;align-items:center;gap:10px;padding:14px 18px;display:inline-flex;box-shadow:0 12px 24px #c65f433d}.home-secondary-cta{color:#355b4c;align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.home-secondary-cta:hover{color:#c65f43}.home-proof{color:#718b7e;flex-wrap:wrap;gap:14px;margin-top:28px;font-size:10.5px;display:flex}.home-proof span{align-items:center;gap:5px;display:inline-flex}.home-hero-visual{align-self:center;min-height:330px;position:relative}.home-photo-placeholder{background:#b8cdbd;border:10px solid #f8fbf7;border-radius:24px 24px 72px;place-items:center;display:grid;position:absolute;inset:0 16px 0 34px;overflow:hidden;box-shadow:0 22px 42px #2b4c392e}.home-photo-placeholder:before{content:"";background:repeating-linear-gradient(135deg,#0000 0 22px,#ffffff21 23px 24px);position:absolute;inset:0}.home-photo-placeholder:after{content:"";border:1px solid #ffffff8c;border-radius:50% 50% 10px 10px;width:44%;height:38%;position:absolute;bottom:11%;right:12%;transform:rotate(-8deg)}.home-photo-placeholder>span{z-index:1;color:#fff;text-align:center;letter-spacing:.14em;border:1px dashed #ffffffb8;border-radius:10px;padding:14px 18px;font-size:11px;font-weight:800;line-height:1.6;position:relative}.home-photo-placeholder small{color:#ffffffd6;letter-spacing:.02em;font-size:9px;font-weight:500}.home-hero-note{background:#fffffff0;border:1px solid #dce8df;border-radius:15px;align-items:center;gap:10px;min-width:220px;padding:13px 14px;display:flex;position:absolute;bottom:28px;right:-4px;box-shadow:0 14px 28px #2a483729}.home-note-icon{color:#3f896b;background:#e2f2e7;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.home-hero-note small{color:#82968b;letter-spacing:.13em;font-size:8px;font-weight:800;display:block}.home-hero-note strong{color:#254339;margin-top:3px;font-size:12px;display:block}.home-note-check{color:#4e9c78;place-items:center;margin-left:auto;display:grid}.home-hero-index{color:#648477;letter-spacing:.12em;font-size:10px;font-weight:800;position:absolute;top:4px;right:2px}.home-hero-index i{color:#b0c3b6;padding:0 4px;font-style:normal}.home-tool-section{z-index:3;margin-top:-76px;padding:0 20px;position:relative}.home-section-intro{justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px;display:flex}.home-section-intro h2{color:#203b31;font-family:var(--font-display), "Be Vietnam Pro", sans-serif;letter-spacing:-.045em;margin:7px 0 0;font-size:27px}.home-section-note{color:#84988e;font-size:11px}.home-tools-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.home-tool-card{color:#253d34;background:#fffc;border:1px solid #e1e9e2;border-radius:17px;flex-direction:column;align-items:flex-start;min-height:180px;padding:22px 21px 18px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden}.home-tool-card:after{content:"";border:1px solid #e6eee8;border-radius:50%;width:105px;height:105px;position:absolute;bottom:-45px;right:-34px}.home-tool-card:hover{border-color:#c8ddd0;transform:translateY(-5px);box-shadow:0 18px 35px #3354411a}.home-tool-icon{z-index:1;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:18px;display:grid;position:relative}.home-tool-icon.mint{color:#3d8c6b;background:#e0f2e6}.home-tool-icon.peach{color:#d5684a;background:#ffe8de}.home-tool-icon.sky{color:#4d79b8;background:#e4effd}.home-tool-icon.violet{color:#7961ac;background:#eee8fb}.home-tool-icon.rose{color:#c75e79;background:#ffe8ed}.home-tool-icon.amber{color:#b98528;background:#fff1d4}.home-tool-label{color:#899a91;letter-spacing:.14em;font-size:9px;font-weight:800}.home-tool-card strong{color:#263f35;letter-spacing:-.025em;margin-top:7px;font-size:16px}.home-tool-card p{color:#73897d;max-width:210px;margin:7px 0 0;font-size:11.5px;line-height:1.55}.home-tool-arrow{color:#51866c;background:#edf6ef;border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .2s,background .2s,color .2s;display:grid;position:absolute;bottom:16px;right:16px}.home-tool-card:hover .home-tool-arrow{color:#fff;background:#d76548;transform:translate(2px,-2px)}.home-tool-section+.articles-home{margin-top:38px}.home-tool-section+.articles-home .section-heading{margin-top:0}@media (min-width:761px){.home-tools-grid{z-index:4;margin-top:-86px;position:relative}}@media (max-width:900px){.home-hero{grid-template-columns:1fr;gap:28px;min-height:0}.home-hero-visual{justify-self:center;width:100%;max-width:520px;min-height:300px}.home-tool-section{margin-top:-48px}}@media (max-width:760px){.home-hero{border-radius:22px;min-height:0;padding:28px 22px 24px}.home-hero h1{font-size:clamp(42px,13vw,58px)}.home-hero-copy>p{font-size:14px}.home-hero-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:23px}.home-proof{margin-top:23px}.home-hero-visual{min-height:250px}.home-photo-placeholder{border-width:7px;border-radius:19px 19px 52px;inset:0 8px 0 0}.home-hero-note{min-width:205px;padding:10px 11px;bottom:17px;right:0}.home-tool-section{margin-top:34px;padding:0}.home-tools-grid{margin-top:0}.home-section-intro{flex-direction:column;align-items:flex-start;gap:5px}.home-section-intro h2{font-size:23px}.home-tools-grid{grid-template-columns:repeat(2,1fr);gap:9px}.home-tool-card{min-height:175px;padding:17px 15px 15px}}@media (max-width:480px){.home-tools-grid{grid-template-columns:1fr}.home-tool-card{min-height:140px}}.post-slideshow .slide-media{aspect-ratio:16/7}.post-slideshow .post-card.slide h3{min-height:2.7em}.home-hero{background:linear-gradient(125deg,#edf4ff 0%,#e5efff 54%,#d6e6ff 100%);border-color:#c9dcfb;min-height:420px;box-shadow:0 24px 55px #2457d61c}.home-hero:before{border-color:#b9d0f7}.home-hero h1{color:#102b68}.home-hero h1 em,.home-eyebrow{color:#2457d6}.home-eyebrow svg{color:#6188e8}.home-hero-copy>p{color:#526b91}.home-cta{background:#2457d6;box-shadow:0 12px 24px #2457d640}.home-cta:hover{background:#1947bb;box-shadow:0 16px 30px #2457d64d}.home-secondary-cta{color:#31549d}.home-secondary-cta svg{color:#2457d6}.home-proof{color:#6981a7}.home-proof svg{color:#4778d8}.home-hero-visual{min-height:358px}.home-photo-placeholder{background:#86a9e8;box-shadow:0 22px 42px #20418933}.home-photo-placeholder>span{opacity:.38}.home-hero-widgets{z-index:3;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:11px;height:220px;display:grid;position:absolute;top:27px;left:48px;right:31px}.home-hero-widget{aspect-ratio:1;color:#17366f;background:#ffffffdf;border:2px solid #9bb9ee;border-radius:5px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:11px 10px 9px;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:flex;box-shadow:0 7px 15px #214c9b18}.home-hero-widget:hover{color:#fff;background:#2457d6;transform:translateY(-3px);box-shadow:0 12px 22px #214c9b3d}.home-hero-widget>span{color:#2457d6;background:#e5efff;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.home-hero-widget:hover>span{color:#2457d6;background:#fff}.home-hero-widget strong{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10.5px;line-height:1.15;overflow:hidden}.home-hero-widget>svg{color:#5b82d8;align-self:flex-end}.home-hero-widget:hover>svg{color:#fff}.home-hero-widget.mint{color:#246c50;border-color:#67b795}.home-hero-widget.mint>span{color:#328967;background:#e1f5e9}.home-hero-widget.peach{color:#9c4d38;border-color:#ee9a7f}.home-hero-widget.peach>span{color:#dd704f;background:#ffe8df}.home-hero-widget.sky{color:#315b9f;border-color:#7fa9e9}.home-hero-widget.sky>span{color:#467dcc;background:#e5efff}.home-hero-widget.violet{color:#654d9d;border-color:#ab91db}.home-hero-widget.violet>span{color:#795fc0;background:#eee7ff}.home-hero-widget.rose{color:#a64e6a;border-color:#e894aa}.home-hero-widget.rose>span{color:#cf6282;background:#ffe8ef}.home-hero-widget.amber{color:#986b1c;border-color:#e2ba68}.home-hero-widget.amber>span{color:#bd892b;background:#fff2d7}.home-hero-note{z-index:4}.home-hero-index{color:#5075bb}.home-tool-section{display:none}.home-hero+.articles-home{margin-top:30px}.articles-home .section-kicker{color:#2457d6}.articles-home .section-kicker:before{background:#2457d6}.post-slideshow .slide-media{background:linear-gradient(135deg,#e4efff,#f1f6ff)}.post-slideshow .post-card.slide{border-color:#d4e2f8}.post-slideshow .post-card.slide:hover{border-color:#a9c4f5}.post-slideshow .post-tag{color:#315cae;background:#eef5ff;box-shadow:inset 0 0 0 1px #cdddf8}.post-slideshow .post-arrow{color:#2457d6;background:#e7f0ff}@media (max-width:760px){.home-hero{min-height:0}.home-hero-visual{min-height:375px}.home-hero-widgets{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:auto;height:300px;top:20px;left:27px;right:17px}.home-hero-widget{padding:9px 8px 8px}.home-hero-widget strong{font-size:10px}.home-hero+.articles-home{margin-top:34px}}.blog-shell:before,.blog-shell:after{z-index:0;opacity:.26;filter:blur(3px)}.blog-shell:before{width:200px;height:200px;top:auto;bottom:16%;right:3%}.blog-shell:after{width:150px;height:150px;bottom:6%;left:22%}.sidebar,.content-area{z-index:1}.topbar,.page-content{z-index:2;position:relative}.post-card.featured{box-shadow:0 1px 2px #18233a08, inset 3px 0 0 var(--green);background:#fff;border-color:#cdd7f2}.post-card.featured:hover{box-shadow:0 18px 40px #4b5d9b14, inset 3px 0 0 var(--green);border-color:#b9c5ef}.post-card.featured .post-tag{background:#eef1ff;box-shadow:inset 0 0 0 1px #cdd6fb}.post-card .post-arrow,.post-card.featured .post-arrow{color:var(--green);background:#eef1ff;box-shadow:inset 0 0 0 1px #dbe1fb}.post-card:hover .post-arrow{background:var(--green);color:#fff;box-shadow:none}.articles-home .section-heading{margin:12px 0;display:block}.articles-home .section-heading .section-kicker{width:fit-content;margin-bottom:8px;display:flex}.articles-home .section-heading h2{margin:0}.post-meta time{color:#5d6880;font-size:12.5px}.post-tag{color:#3f4f9e;font-size:11.5px}.post-foot>span:first-child{color:#5d6880;font-size:12.5px}.card-label{color:#4f5b7d;letter-spacing:.12em;font-size:11px}.page-bar p{color:#5d6880;font-size:13px}.feature-card p{color:#5a6580}.site-footer{color:#6b7489;font-size:12px}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.topbar-status{color:#4a5580}.top-account-info strong{font-size:13px}.top-account-info span{color:#8a5308;font-size:11.5px}.top-account-info span svg{width:12px;height:12px}@media (min-width:761px){.articles-home .section-heading{margin:10px 0 8px}.articles-home .section-heading .section-kicker{margin-bottom:6px}.post-card h3{font-size:17px}.site-footer{margin-top:8px}}@media (min-width:1024px){.blog-shell .sidebar .sidebar-footer{color:#5c6678;font-size:11px}.blog-shell .sidebar .brand span{color:#5c6678;letter-spacing:.08em;font-size:10.5px}}.shortcut-grid{grid-template-columns:repeat(auto-fill,88px);justify-content:start;gap:10px;margin:0 0 6px;display:grid}.shortcut-tile{aspect-ratio:1;border:1px solid var(--line);width:88px;color:var(--ink);text-align:center;background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:8px 6px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;position:relative}.shortcut-tile:hover{border-color:#cdd5f0;transform:translateY(-3px);box-shadow:0 14px 30px #4b5d9b14}.shortcut-tile .card-icon{border-radius:11px;flex:none;width:34px;height:34px;margin:0}.shortcut-title{letter-spacing:-.01em;flex:none;width:100%;min-width:0;font-size:11.5px;font-weight:650;line-height:1.25}.shortcut-arrow{display:none}.shortcut-tile:hover .shortcut-arrow{color:var(--green);transform:translate(2px,-2px)}.card-icon.sky{color:#3a7bd0;background:#dcecff}.card-icon.violet{color:#7a4fd0;background:#ece2ff}.card-icon.rose{color:#d05a7a;background:#ffe1ea}.card-icon.amber{color:#c08a2e;background:#ffeccb}@media (max-width:760px){.shortcut-grid{grid-template-columns:repeat(auto-fill,80px)}.shortcut-tile{width:80px}}.post-slideshow{width:100%;max-width:1020px;margin:0 auto;padding-bottom:30px;position:relative}.slide-track{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.post-slideshow .post-card.slide{grid-column:auto;justify-content:flex-start;gap:0;width:100%;min-height:0;padding:0;animation:.45s both slide-in;overflow:hidden}.slide-media{aspect-ratio:1;background:linear-gradient(135deg,#eef1ff,#f7f1ff);width:100%;display:block;overflow:hidden}.slide-img{object-fit:cover;width:100%;height:100%;display:block}.slide-media-ph{color:#8b97c9;place-items:center;width:100%;height:100%;display:grid}.post-slideshow .post-card.slide .post-meta{margin:14px 16px 6px}.post-slideshow .post-card.slide h3{padding:0 16px;font-size:16px;line-height:1.35}.post-slideshow .post-card.slide .post-foot{margin:auto 0 0;padding:12px 16px 16px}@keyframes slide-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.slide-nav{color:#5b6478;cursor:pointer;z-index:2;background:#fffffff2;border:1px solid #dfe5f3;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .15s,color .15s,box-shadow .15s;display:grid;position:absolute;top:calc(50% - 15px);transform:translateY(-50%);box-shadow:0 8px 20px #4b5d9b1f}.slide-nav:hover{color:var(--green);transform:translateY(-50%)scale(1.06);box-shadow:0 12px 26px #4b5d9b2e}.slide-nav.prev{left:-8px}.slide-nav.next{right:-8px}.slide-dots{z-index:2;gap:7px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.slide-dots button{cursor:pointer;background:#c8d0e8;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.slide-dots button.active{background:var(--green);width:22px}@media (max-width:560px){.slide-track{grid-template-columns:1fr;gap:12px}.slide-nav.prev{left:-6px}.slide-nav.next{right:-6px}}@media (min-width:761px){.shortcut-grid{gap:10px;margin-bottom:0}.articles-home .section-heading h2{font-size:18px}.post-grid{gap:10px}.post-card{padding:16px 18px}.post-slideshow .post-card.slide h3{font-size:17px;line-height:1.4}.post-meta{margin-bottom:10px}.post-card h3{font-size:19px;line-height:1.4}.post-card.featured h3{font-size:clamp(21px,2.4vw,25px);line-height:1.35}.post-foot{padding-top:10px}.post-arrow{width:32px;height:32px}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-content:has(>.sr-only+.chat-shell.community){padding-top:12px}.page-content:has(>.chat-shell.community){max-width:min(1600px, max(760px, calc((100vh - var(--chat-top,120px)) * 1.9 + 64px)));padding-left:clamp(16px,1.6vw,32px);padding-right:clamp(16px,1.6vw,32px)}.chat-shell.community{max-height:max(440px, calc(100vh - var(--chat-top,120px)));position:relative}@media (min-width:761px){.chat-shell.community{min-height:max(440px, calc(100vh - var(--chat-top,120px)))}}.page-content:has(>.chat-shell.community) .site-footer{margin-top:8px;padding-top:6px}.chat-head .chat-live{color:#4a5bd0;letter-spacing:.1em;background:#eef1ff;border-radius:999px;flex:none;align-items:center;gap:6px;margin:0 0 0 8px;padding:5px 11px;font-size:10.5px;font-weight:800;display:inline-flex}.chat-head .chat-live span{background:#596eea;border-radius:50%;width:7px;height:7px;margin:0;animation:1.6s ease-in-out infinite chat-pulse;display:block}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.35}}.chat-room-name{flex:auto;min-width:0}.chat-room-name strong,.chat-room-name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-head .chat-room-status{white-space:nowrap;flex:none;margin:0 0 0 auto;font-size:11px}@media (max-width:1199px){.chat-head .chat-room-status{display:none}}.chat-shell.community .chat-head{gap:10px;padding:10px 16px}.chat-shell.community .chat-room-mark{border-radius:11px;flex:0 0 32px;width:32px;height:32px}.chat-room-mark{color:#fff;background:linear-gradient(140deg,#6b7cf0,#5566e2);border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 16px -6px #4b5d9b8c,inset 0 1px #ffffff3d}.chat-pinned{color:#8a6d2f;background:#fdf6e3;border:1px solid #f0e2bd;border-radius:12px;align-items:flex-start;gap:8px;margin:12px 20px 0;padding:10px 14px;font-size:12.5px;line-height:1.55;display:flex}.chat-pinned svg{flex:none;margin-top:2px}.chat-pinned span{overflow-wrap:anywhere}.chat-shell.community .chat-log{flex:auto;gap:9px;min-height:clamp(100px,16vh,300px);max-height:none}.chat-hint{color:#93a0b6;margin:auto;font-size:13px}.chat-empty{text-align:center;color:#8593ad;justify-items:center;gap:8px;margin:auto;padding:26px;display:grid}.chat-empty strong{color:#46536e;font-size:15px}.chat-empty p{max-width:320px;margin:0;font-size:12.5px;line-height:1.6}.chat-day{align-items:center;gap:12px;margin:6px 0 2px;display:flex}.chat-day:before,.chat-day:after{content:"";background:#e6eaf4;flex:1;height:1px}.chat-day span{color:#8d9ab1;letter-spacing:.06em;background:#f6f8fd;border:1px solid #e3e8f3;border-radius:999px;padding:4px 12px;font-size:10.5px;font-weight:700}.chat-msg.community,.chat-msg.community.user{flex-direction:row;justify-content:flex-start;align-items:flex-start}.chat-msg.community.grouped{margin-top:-5px}.chat-msg.community .chat-avatar{background:linear-gradient(135deg,#596eea,#795fd5);font-size:11px;font-weight:800;overflow:hidden}.chat-msg.community .chat-avatar img{object-fit:cover;border-radius:50%;width:28px;height:28px}.chat-msg.community.other .chat-avatar{background:linear-gradient(135deg,#596eea,#795fd5)}.chat-msg.community.grouped .chat-avatar{box-shadow:none;background:0 0}.chat-body{flex-direction:column;gap:3px;min-width:0;display:flex}.chat-meta{align-items:center;gap:8px;padding:0 4px;display:flex}.chat-meta strong{color:#46536e;font-size:11.5px;font-weight:700}.chat-meta-time{color:#9aa7bd;font-size:10.5px}.chat-admin-tag{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#596eea,#795fd5);border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:800}.chat-msg.community .chat-bubble{max-width:min(760px,78%);line-height:1.5}.chat-msg.community.other .chat-bubble{background:#fff;border:1px solid #e6eaf4}.chat-bubble.is-deleted{border-style:dashed;font-style:italic;color:#a3adc2!important;background:#f5f6fa!important}.chat-badge-tag{color:#5b3d00;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#ffd76a,#f5a623);border-radius:999px;padding:1px 7px;font-size:9.5px;font-weight:800;box-shadow:0 1px 4px #f5a62340}.chat-msg.themed-vip .chat-bubble{color:#5b3d00!important;background:linear-gradient(135deg,#fff7e6,#fdeede)!important;border:1px solid #f5c97a!important}.study-dark .chat-msg.themed-vip .chat-bubble{color:#f5d9a3!important;background:linear-gradient(135deg,#2e2410,#35270f)!important;border-color:#6b5220!important}.chat-actions{gap:10px;min-height:10px;padding:0 4px;display:flex}.chat-msg.community.user .chat-actions{justify-content:flex-start}.text-button.tiny{color:#9aa7bd;opacity:0;align-items:center;gap:4px;font-size:10.5px;transition:opacity .16s,color .16s;display:inline-flex}.chat-msg.community:hover .text-button.tiny{opacity:1}.text-button.tiny:hover{color:#e0635f}.text-button.tiny.done{color:#c9973f;opacity:1;cursor:default}.chat-newjump{color:#fff;cursor:pointer;z-index:3;background:linear-gradient(135deg,#596eea,#795fd5);border:1px solid #d9e1f6;border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 10px 22px #4b5d9b33}.chat-notice{color:#56637d;margin:0 20px 10px;font-size:12px}.chat-composer{border-top:1px solid #eaedf6;flex-direction:column;flex:none;gap:6px;padding:12px 20px 14px;display:flex}.chat-composer-box{background:#fff;border:1px solid #dfe5f3;border-radius:16px;align-items:flex-end;gap:8px;padding:6px 6px 6px 4px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.chat-composer-box:focus-within{border-color:#b9c6f5;box-shadow:0 0 0 4px #596eea1a}.chat-composer-box.is-sending{opacity:.75}.chat-composer textarea{resize:none;width:100%;min-width:0;min-height:42px;max-height:132px;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:12px;flex:auto;padding:10px 12px;font-size:13.5px;line-height:1.55;overflow-y:auto}.chat-composer textarea:focus{outline:none}.chat-composer textarea:disabled{color:#98a4b8}.chat-composer textarea::placeholder{color:#a6b1c6}.chat-composer-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#596eea,#795fd5);border:0;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;margin:0 0 2px;transition:transform .18s,box-shadow .18s,opacity .18s;display:grid;box-shadow:0 8px 18px -8px #596eeab3}.chat-composer-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px -8px #596eeac9}.chat-composer-send:active:not(:disabled){transform:translateY(1px)}.chat-composer-send:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.chat-composer-hints{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.chat-composer-hints span{color:#9aa7bd;font-size:11.5px}.chat-composer-hints .near-limit{color:#d0703f;font-weight:700}.chat-composer-tip{white-space:nowrap}.chat-login-cta{background:#f8faff;border-top:1px solid #eaedf6;align-items:center;gap:13px;padding:16px 20px;display:flex}.chat-login-cta>svg{color:#6f7fe8;flex:none}.chat-login-cta>div{flex:auto;min-width:0}.chat-login-cta strong{color:#2d3a56;font-size:13px;display:block}.chat-login-cta span{color:#8593ad;margin-top:2px;font-size:11.5px;line-height:1.5;display:block}.chat-welcome{z-index:80;background:#161d33a1;place-items:center;padding:22px 18px;animation:.2s both notice-fade;display:grid;position:fixed;inset:0}.chat-welcome-card{color:#4a5580;text-align:center;background:#fff;border:1px solid #dde3f6;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:min(430px,100%);max-height:calc(100vh - 44px);padding:30px 24px 22px;animation:.3s cubic-bezier(.34,1.32,.5,1) both notice-pop;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 60px -22px #0c1428b3}.chat-welcome-icon{color:#fff;background:linear-gradient(135deg,#6678f0,#795fd5);border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 12px 24px -10px #596eea80}.chat-welcome-icon.is-warn{background:linear-gradient(135deg,#f0a03c,#e0635f);box-shadow:0 12px 24px -10px #e0635f80}.chat-welcome-title{color:#2a3454;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.chat-welcome-text{margin:0;font-size:13px;line-height:1.65}.chat-welcome-list{text-align:left;flex-direction:column;gap:9px;width:100%;margin:2px 0 0;padding:0;list-style:none;display:flex}.chat-welcome-list li{padding-left:20px;font-size:12.5px;line-height:1.6;position:relative}.chat-welcome-list li:before{content:"";background:linear-gradient(135deg,#596eea,#795fd5);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:2px}.chat-welcome-actions{flex-direction:column;gap:8px;width:100%;margin-top:6px;display:flex}.chat-welcome-ok,.chat-welcome-login{color:#fff;cursor:pointer;background:linear-gradient(135deg,#596eea,#795fd5);border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 12px 24px -12px #596eea}.chat-welcome-ok:active,.chat-welcome-login:active{transform:translateY(1px)}.chat-welcome-login:disabled{opacity:.6;cursor:default}.chat-welcome-skip{color:#8791b4;cursor:pointer;background:0 0;border:0;border-radius:13px;width:100%;padding:10px;font-size:12.5px;font-weight:600}.chat-welcome-skip:hover{color:#4a5580;background:#eef1fb}.chat-welcome-close{color:#8791b4;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.chat-welcome-close:hover{color:#4a5580;background:#eef1fb}.chat-mod-badges{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.chat-mod-badge{color:#8a6d2f;letter-spacing:.04em;background:#fdf3d8;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800}.chat-mod-badge.banned{color:#b1483f;background:#fdeceb}.chat-mod-text{overflow-wrap:anywhere;max-width:380px}.chat-mod-text.is-deleted{color:#a3adc2;font-style:italic}.chat-mod-uid{color:#93a0b6;font-family:ui-monospace,monospace;font-size:10.5px}.chat-ban-form{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.chat-ban-form input{border:1px solid #dfe5f3;border-radius:10px;flex:220px;padding:11px 14px;font-size:13px}.chat-ban-form input:focus{border-color:#b9c6f5;outline:none;box-shadow:0 0 0 4px #596eea1a}@media (max-width:760px){.chat-shell.community{border-radius:16px;min-height:0;max-height:none}.chat-shell.community .chat-log{gap:12px;min-height:240px;padding:16px 14px}.chat-msg.community .chat-bubble{max-width:84%}.chat-newjump{bottom:122px}.chat-login-cta{flex-wrap:wrap}.chat-login-cta .primary-button{flex:100%}.chat-composer{gap:5px;padding:10px 12px 12px}.chat-composer-send{width:36px;height:36px}.chat-composer textarea{min-height:40px;font-size:13px}.chat-composer-tip{display:none}.text-button.tiny{opacity:1}.page-content:has(>.sr-only+.chat-shell.community){padding-top:14px}}.game-tabs{background:#fffc;border:1px solid #dfe5f3;border-radius:14px;gap:4px;width:fit-content;margin:14px auto 0;padding:5px;display:flex;box-shadow:0 3px 12px #4b5d9b0f}.game-tabs button{color:#7b87a0;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:color .18s,background .18s;display:inline-flex}.game-tabs button>svg{display:block}.game-tabs button:hover{color:#5367e8;background:#f2f5ff}.game-tabs button.active{color:#fff;background:linear-gradient(135deg,#596eea,#795fd5);box-shadow:0 6px 16px #6573df33}.game-widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #e0e5f1;border-radius:20px;flex-direction:column;gap:14px;max-width:640px;margin:16px auto 0;padding:18px 16px 20px;display:flex;box-shadow:0 15px 36px #4b5d9b0d}.game-widget-head{align-items:center;gap:11px;display:flex}.game-widget-icon{color:#4a5bd0;background:#dfe6ff;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.game-widget-title strong{color:#293758;letter-spacing:-.015em;font-size:14.5px;display:block}.game-widget-title small{color:#8593ad;margin-top:2px;font-size:11px;display:block}.game-widget .game-zone{margin-top:0}.game-widget .game-panel{width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:14px 8px}@media (max-width:980px){.game-tabs{flex-wrap:wrap;width:100%;display:flex}.game-tabs button{flex:30%;justify-content:center;padding:10px 8px;font-size:12px}}.simon-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(420px,90vw);display:grid}.simon-cell{aspect-ratio:1;cursor:pointer;background:linear-gradient(135deg,#eef1ff,#f7f1ff);border:1px solid #dfe5f3;border-radius:16px;transition:transform .12s,box-shadow .12s,background .12s}.simon-cell:disabled{cursor:default}.simon-cell.lit{background:linear-gradient(135deg,#6678e9,#9b63dc);transform:scale(1.04);box-shadow:0 0 0 4px #596eea2e,0 12px 26px #596eea40}.stroop-ask{color:#8593ad;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.stroop-word{color:#263452;font-family:var(--font-display-stack);letter-spacing:-.03em;font-size:46px;font-weight:800;line-height:1.1}.stroop-opts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stroop-opts button{cursor:pointer;color:#3d4a68;background:#fff;border:2px solid #dfe5f3;border-radius:12px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:transform .12s,box-shadow .12s}.stroop-opts button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #4b5d9b1f}.reaction-pad{color:#fff;width:min(420px,90vw);height:200px;font-family:var(--font-display-stack);letter-spacing:-.01em;cursor:pointer;border:0;border-radius:22px;font-size:22px;font-weight:700;transition:background .2s,transform .12s;box-shadow:0 14px 30px #4b5d9b26}.reaction-pad:active{transform:scale(.98)}.reaction-pad.idle{background:linear-gradient(135deg,#596eea,#795fd5)}.reaction-pad.wait{background:linear-gradient(135deg,#e0635f,#d6504b)}.reaction-pad.go{background:linear-gradient(135deg,#2fbf7c,#2f9e6a)}.reaction-pad.early{color:#3d2a05;background:linear-gradient(135deg,#e7b34a,#d9a13a)}.catch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(420px,90vw);display:grid}.catch-cell{aspect-ratio:1;color:#0000;cursor:pointer;background:#eef1fb;border:0;border-radius:12px;place-items:center;transition:background .15s,transform .12s;display:grid}.catch-cell:hover{transform:scale(1.04)}.catch-cell.lit{color:#fff;background:linear-gradient(135deg,#f9a8d4,#ec4899);box-shadow:0 10px 22px #ec489940}.vui-tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.vui-tile{color:#fff;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;min-height:160px;padding:24px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 10px 24px #4b5d9b26}.vui-tile:hover{transform:translateY(-4px);box-shadow:0 18px 34px #4b5d9b38}.vui-tile strong{letter-spacing:-.02em;font-size:19px;font-weight:800}.vui-tile small{opacity:.92;font-size:13px;line-height:1.5;display:block}.vui-tile.featured{grid-column:1/-1;min-height:230px;padding:32px}.vui-tile.featured strong{font-size:30px}.odd-grid{gap:8px;width:min(360px,86vw);display:grid}.odd-cell{aspect-ratio:1;cursor:pointer;border:0;border-radius:10px;transition:transform .12s}.odd-cell:hover{transform:scale(1.05)}.session-notice{color:#b1483f;margin:14px 0 0;font-size:12px}.study-dark .session-notice{color:#f0a49d}.lofi-lock{background:#fbfcff;border:1px dashed #cdd6f0;border-radius:18px;align-items:center;gap:14px;width:min(720px,100%);padding:16px 18px;display:flex}.lofi-lock-icon{color:#596eea;background:#596eea17;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid}.lofi-lock-text{flex-direction:column;flex:auto;gap:2px;display:flex}.lofi-lock-text strong{color:#263452;font-size:15px}.lofi-lock-text small{color:#8593ad;font-size:12px}.lofi-list{flex-direction:column;gap:12px;width:min(720px,100%);margin:0 auto;display:flex}.lofi-item{background:#fff;border:1px solid #dfe5f3;border-radius:18px;overflow:hidden}.lofi-item.is-playing{border-color:#596eea;box-shadow:0 14px 30px #4b5d9b1f}.lofi-item.is-locked{opacity:.72}.lofi-head{align-items:center;gap:12px;padding:13px 16px;display:flex}.lofi-tag{color:#5a5490;background:#eef1ff;border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.lofi-title{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.lofi-title strong{color:#263452;font-size:14.5px}.lofi-title small{color:#8593ad;font-size:12px}.lofi-frame{aspect-ratio:16/9;background:#101425}.lofi-frame iframe{border:0;width:100%;height:100%;display:block}.study-dark .lofi-lock{background:#12182b;border-color:#2c3654}.study-dark .lofi-lock-text strong{color:#eef2ff}.study-dark .lofi-item{background:#12182b;border-color:#2c3654}.study-dark .lofi-title strong{color:#eef2ff}.mobile-notice{display:none}@media (min-width:761px){.topbar-status{margin-left:16px}}@media (max-width:760px){.sidebar{left:-100%}.sidebar.is-open{left:0}.blog-shell .sidebar{z-index:20}.blog-shell .content-area{z-index:1}.mobile-overlay.is-visible{z-index:15}.sidebar,.study-room .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f2f6f1}.study-dark .sidebar{background:#1d233a}.blog-shell{overflow:clip visible}.topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbfcfaf2;position:sticky;top:0}.study-dark .topbar{background:#14182ae0}.blog-shell .mobile-menu{background:#ffffffb8;border-radius:13px;flex:none;width:44px;height:44px;margin-left:-10px;box-shadow:inset 0 0 0 1px #dfe4f4}.blog-shell .mobile-menu:active{background:#e9edff}.blog-shell .close-menu{color:#5a6480;background:#ffffffb8;border:0;border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:12px;right:12px;box-shadow:inset 0 0 0 1px #dfe4f4}.blog-shell .close-menu:active{background:#e9edff}.topbar{flex-wrap:nowrap;gap:10px;padding:0 16px}.topbar-path{flex:auto;min-width:0;font-size:11px}.topbar-status{white-space:nowrap;font-size:11px}.top-account-info strong,.top-account-info span{white-space:nowrap}.google-btn{white-space:nowrap;flex:none;padding:8px 13px;font-size:12px}.mobile-notice{z-index:40;background:#161d33a1;place-items:center;padding:22px 18px;animation:.2s both notice-fade;display:grid;position:fixed;inset:0}.mobile-notice-card{color:#4a5580;text-align:center;background:#fff;border:1px solid #dde3f6;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:min(340px,100%);padding:30px 22px 20px;animation:.3s cubic-bezier(.34,1.32,.5,1) both notice-pop;display:flex;position:relative;box-shadow:0 30px 60px -22px #0c1428b3}.mobile-notice-icon{color:#fff;background:linear-gradient(135deg,#6678f0,#795fd5);border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 12px 24px -10px #596eea80}.mobile-notice-title{color:#2a3454;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:800}.mobile-notice-text{margin:0;font-size:13px;line-height:1.65}.mobile-notice-ok{color:#fff;cursor:pointer;background:linear-gradient(135deg,#596eea,#795fd5);border:0;border-radius:13px;width:100%;margin-top:4px;padding:13px 16px;font-size:13px;font-weight:700;box-shadow:0 12px 24px -12px #596eea}.mobile-notice-ok:active{transform:translateY(1px)}.mobile-notice-close{color:#8791b4;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.mobile-notice-close:hover{color:#4a5580;background:#eef1fb}}@keyframes notice-fade{0%{opacity:0}to{opacity:1}}@keyframes notice-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mobile-notice,.mobile-notice-card{animation:none}}.study-room .topbar{border-bottom:0}.study-dark .study-header-card{background:#1d233ac0;border-color:#2c3453}.exam-lengths{justify-content:center;gap:8px;margin:12px 0 14px;display:flex}.exam-lengths button{cursor:pointer;color:#5b6478;background:#fff;border:1px solid #dfe5f3;border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:700;transition:transform .12s,box-shadow .12s}.exam-lengths button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #4b5d9b1f}.exam-lengths button.active{color:#5367e8;background:#eef1ff;border-color:#c6d0fb}.study-dark .exam-lengths button{color:#c4cbed;background:#252c46;border-color:#303958}.study-dark .exam-lengths button.active{color:#aebcff;background:#2c3453;border-color:#46527c}.star-cost-note{color:#8a6a3a;justify-content:center;align-items:center;gap:7px;margin:12px 0 0;font-size:12px;display:flex}.star-cost-note svg{color:#f0a92e}.hoc-vui-page{--hoc-blue:#2457d6;--hoc-deep:#102b68;--hoc-sky:#e9f2ff;--hoc-line:#d7e4fb;--hoc-coral:#f07b5b}.hoc-hero{border:1px solid var(--hoc-line);background:linear-gradient(125deg,#f4f8ff,#eaf3ff 54%,#dceaff);border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:35px;min-height:475px;padding:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 55px #2457d61c}.hoc-hero:before{content:"";opacity:.8;border:1px solid #bfd4f5;border-radius:50%;width:420px;height:250px;position:absolute;bottom:-135px;right:31%;transform:rotate(-13deg)}.hoc-hero-copy{z-index:1;align-self:center;max-width:560px;position:relative}.hoc-eyebrow{color:var(--hoc-blue);letter-spacing:.15em;align-items:center;gap:7px;font-size:10.5px;font-weight:800;display:inline-flex}.hoc-eyebrow svg{color:#6f91ea}.hoc-hero h1{color:var(--hoc-deep);font-family:var(--font-display), "Be Vietnam Pro", sans-serif;letter-spacing:-.065em;margin:19px 0 16px;font-size:clamp(42px,4.8vw,66px);font-weight:700;line-height:.99}.hoc-hero h1 em{color:var(--hoc-blue);font-style:normal}.hoc-hero-copy>p{color:#526b91;max-width:475px;margin:0;font-size:15px;line-height:1.7}.hoc-hero-actions{align-items:center;gap:17px;margin-top:28px;display:flex}.hoc-primary-cta{color:#fff;background:var(--hoc-blue);border-radius:11px;align-items:center;gap:9px;padding:14px 18px;font-size:13px;font-weight:750;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 12px 24px #2457d640}.hoc-primary-cta:hover{background:#1947bb;transform:translateY(-3px)}.hoc-quiet-cta{color:#31549d;align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.hoc-quiet-cta:hover{color:var(--hoc-blue)}.hoc-hero-proof{color:#6981a7;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:10.5px;display:flex}.hoc-hero-proof span{align-items:center;gap:6px;display:inline-flex}.hoc-hero-proof svg{color:#4778d8}.hoc-hero-visual{align-self:center;padding-bottom:104px;position:relative}.hoc-hero-visual img{border:10px solid #fff;border-radius:24px 24px 70px;width:100%;height:auto;display:block;box-shadow:0 22px 42px #20418933}.hoc-photo-frame img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block}.hoc-floating-card{background:#fffffff2;border:1px solid #d9e5fa;border-radius:15px;align-items:center;gap:10px;min-width:235px;padding:13px 14px;display:flex;position:absolute;bottom:0;right:15px;box-shadow:0 14px 28px #1b3e8729}.hoc-floating-icon{width:34px;height:34px;color:var(--hoc-blue);background:#e7f0ff;border-radius:10px;place-items:center;display:grid}.hoc-floating-card small{color:#8194b4;letter-spacing:.13em;font-size:8px;font-weight:800;display:block}.hoc-floating-card strong{color:#1b397a;max-width:155px;margin-top:3px;font-size:12px;line-height:1.35;display:block}.hoc-hero-stamp{color:#5d7cbb;letter-spacing:.15em;text-align:right;font-size:10px;font-weight:800;line-height:1.5;position:absolute;top:4px;right:0}.hoc-profile-card{border:1px solid var(--hoc-line);background:#fff;border-radius:24px 24px 70px;padding:26px 24px;position:relative;box-shadow:0 22px 42px #20418933}.hoc-profile-head{border-bottom:1px solid #e6eefb;align-items:center;gap:13px;padding-bottom:16px;display:flex}.hoc-profile-avatar{object-fit:cover;background:#f1f5f9;border-radius:8px;flex:0 0 48px;width:48px;height:48px;display:block}.hoc-profile-id{min-width:0}.hoc-profile-id small{color:#8194b4;letter-spacing:.14em;font-size:8.5px;font-weight:800;display:block}.hoc-profile-id strong{color:var(--hoc-deep);letter-spacing:-.03em;margin-top:3px;font-size:19px;font-weight:800;display:block}.hoc-profile-id span{color:#5a729a;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.hoc-profile-wins{flex-direction:column;gap:12px;margin:16px 0 0;padding:0;list-style:none;display:flex}.hoc-profile-wins li{align-items:flex-start;gap:11px;display:flex}.hoc-win-icon{width:32px;height:32px;color:var(--hoc-blue);background:#eaf2ff;border-radius:10px;flex:none;place-items:center;display:grid}.hoc-profile-wins strong{color:#1b397a;letter-spacing:-.01em;font-size:13px;font-weight:750;display:block}.hoc-profile-wins small{color:#6b82a8;margin-top:2px;font-size:11px;line-height:1.5;display:block}.hoc-trust-row{border-top:1px solid var(--hoc-line);border-bottom:1px solid var(--hoc-line);grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.hoc-trust-row span{color:#667fa9;align-items:center;gap:12px;padding:16px 15px;font-size:11px;display:flex}.hoc-trust-row span+span{border-left:1px solid var(--hoc-line)}.hoc-trust-row strong{color:var(--hoc-blue);font-size:16px}.hoc-plans{margin-top:55px}.hoc-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.hoc-section-heading h2{color:var(--hoc-deep);font-family:var(--font-display), "Be Vietnam Pro", sans-serif;letter-spacing:-.045em;margin:7px 0 0;font-size:27px}.hoc-section-heading p{color:#7187a9;text-align:right;max-width:250px;margin:0;font-size:11px;line-height:1.55}.hoc-plans-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.hoc-plan-card{background:#fff;border:1px solid #dae5f8;border-radius:17px;flex-direction:column;min-height:260px;padding:21px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 10px 27px #2a4e900f}.hoc-plan-card:hover{border-color:#b7cdf5;transform:translateY(-5px);box-shadow:0 18px 35px #2a4e9021}.hoc-plan-card.is-featured{background:linear-gradient(145deg,#2457d6,#3469e2);border-color:#7296ea;box-shadow:0 18px 38px #2457d63d}.hoc-plan-top{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.hoc-plan-icon{width:43px;height:43px;color:var(--hoc-blue);background:#eaf2ff;border-radius:13px;place-items:center;display:grid}.hoc-plan-tag{color:#4773c5;letter-spacing:.08em;background:#eef5ff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800}.hoc-plan-card.is-featured .hoc-plan-icon{color:#2457d6;background:#fff}.hoc-plan-card.is-featured .hoc-plan-tag{color:#fff;background:#ffffff26}.hoc-plan-card>strong{color:#1d3973;letter-spacing:-.025em;font-size:17px}.hoc-plan-card>p{color:#6b82a8;flex:1;margin:10px 0 18px;font-size:12.5px;line-height:1.65}.hoc-plan-card.is-featured>strong{color:#fff}.hoc-plan-card.is-featured>p{color:#dbe7ff}.hoc-plan-foot{border-top:1px solid #e3ebf8;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.hoc-plan-price{color:#1c4ebf;font-size:19px;font-weight:800}.hoc-plan-link{color:#3d68c1;align-items:center;gap:6px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.hoc-plan-card.is-featured .hoc-plan-link{color:#fff}.hoc-footer{border-top:1px solid var(--hoc-line);color:#7188ac;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding-top:15px;font-size:11px;display:flex}.hoc-footer span,.hoc-footer a{align-items:center;gap:6px;display:inline-flex}.hoc-footer svg{color:var(--hoc-blue)}.hoc-footer a{color:#3d68c1;font-weight:700;text-decoration:none}@media (max-width:1100px){.hoc-floating-card{right:0}}@media (max-width:900px){.hoc-hero{grid-template-columns:1fr;gap:28px}.hoc-hero-visual{justify-self:center;width:100%;max-width:520px}.hoc-plans-grid{grid-template-columns:1fr 1fr}.hoc-plan-card.is-featured{grid-column:1/-1;min-height:220px}}@media (max-width:760px){.hoc-hero{border-radius:22px;min-height:0;padding:28px 22px 24px}.hoc-hero h1{font-size:clamp(40px,12vw,57px)}.hoc-hero-copy>p{font-size:14px}.hoc-hero-actions{flex-direction:column;align-items:flex-start;gap:14px;margin-top:23px}.hoc-hero-proof{margin-top:22px}.hoc-hero-visual img{border-width:7px;border-radius:19px 19px 52px}.hoc-floating-card{min-width:210px;padding:10px 11px;right:8px}.hoc-trust-row{grid-template-columns:1fr}.hoc-trust-row span{padding:11px 0}.hoc-trust-row span+span{border-top:1px solid var(--hoc-line);border-left:0}.hoc-section-heading{flex-direction:column;align-items:flex-start;gap:7px}.hoc-section-heading h2{font-size:24px}.hoc-section-heading p{text-align:left;max-width:300px}.hoc-plans-grid{grid-template-columns:1fr}.hoc-plan-card.is-featured{grid-column:auto;min-height:260px}.hoc-footer{flex-direction:column;align-items:flex-start}}.star-cost-note strong{color:#b8852a}.study-dark .star-cost-note{color:#e0c489}.study-dark .star-cost-note strong{color:#f3cf86}.hoc-plan-card.is-featured{border-width:2px;border-color:#6c91ea;position:relative;transform:translateY(-8px);box-shadow:0 22px 42px #2457d64d}@media (max-width:760px){.hoc-plan-card.is-featured{transform:none}.hoc-plan-card.is-featured:hover{transform:translateY(-5px)}}.lofi-widget{background:#ffffffd6;border:1px solid #e2e8f4;border-radius:16px;margin-top:18px;padding:14px 16px}.study-dark .lofi-widget{background:#1d233ad0;border-color:#2c3453}.lofi-widget-head{color:#6b7791;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.lofi-widget-head svg{color:#596eea}.lofi-stop{color:#8a93ad;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-left:auto;font-size:11px;display:inline-flex}.lofi-link{gap:8px;margin-top:12px;display:flex}.lofi-link input{color:#2c3453;background:#fff;border:1px solid #dfe5f3;border-radius:10px;flex:1;min-width:0;padding:9px 12px;font-size:13px}.lofi-link input:focus{border-color:#c6d0fb;outline:none;box-shadow:0 0 0 3px #596eea1f}.lofi-link button{cursor:pointer;color:#fff;background:#596eea;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;transition:transform .12s,box-shadow .12s;display:inline-flex}.lofi-link button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #4b5d9b3f}.study-dark .lofi-link input{color:#e6e9fb;background:#252c46;border-color:#303958}.lofi-widget-frame{aspect-ratio:16/9;background:#0c1022;border-radius:12px;margin-top:12px;overflow:hidden}.lofi-widget-frame iframe{border:0;width:100%;height:100%;display:block}.lofi-widget-msg{color:#b1483f;margin:10px 0 0;font-size:12px}.lofi-locked .lofi-widget-head{color:#8b93ad}.lofi-locked .lofi-widget-msg{color:#7c86a3;line-height:1.5}.lofi-buy-link{color:#596eea;margin-left:6px;font-weight:700;text-decoration:none;display:inline-block}.lofi-buy-link:hover{text-decoration:underline}.ai-quota{color:#7c86a3;margin:8px 14px 0;font-size:12px}.ai-unlock-link{color:#b45309;align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.ai-unlock-link:hover{text-decoration:underline}.study-dark .ai-quota{color:#98a2c0}.study-dark .ai-unlock-link{color:#f5c66d}.study-dark .lofi-widget-msg{color:#f0a49d}.hoc-vui-page{--hoc-blue:#2a55d6;--hoc-blue-deep:#143a9e;--hoc-deep:#0d2258;--hoc-sky:#e9f2ff;--hoc-line:#d9e4fa;--hoc-coral:#ee6f4d;--hoc-ease:cubic-bezier(.22, .68, .04, 1);--hoc-ease-out:cubic-bezier(.16, .84, .24, 1)}.hoc-plans{margin-top:84px;scroll-margin-top:110px}.hoc-section-heading{align-items:flex-end;gap:32px;margin-bottom:14px}.hoc-section-heading>div{min-width:0}.hoc-section-heading .hoc-eyebrow{letter-spacing:.18em;background:#eaf1ff;border-radius:999px;padding:6px 12px;box-shadow:inset 0 0 0 1px #d2e0fb}.hoc-section-heading h2{font-family:var(--font-display-stack);letter-spacing:-.045em;margin:16px 0 0;font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.03}.hoc-section-heading h2 em{color:var(--hoc-blue);background:linear-gradient(100deg, var(--hoc-blue), #6b4fe0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hoc-section-heading p{color:#7b8cae;max-width:260px;margin:0 0 6px;font-size:12px;line-height:1.7}.hoc-plans-grid{align-items:stretch;gap:22px;margin-top:-14px;padding-top:26px}.hoc-plan-card{min-height:0;box-shadow:none;transition:translate .95s var(--hoc-ease-out) calc(var(--hoc-stagger,0) * .11s);background:0 0;border:0;border-radius:32px;padding:0;display:flex;translate:0 30px}.hoc-plans-grid.is-visible .hoc-plan-card{translate:0}@media (prefers-reduced-motion:reduce){.hoc-plan-card{translate:none}}.hoc-plan-shell{min-width:0;transition:translate .6s var(--hoc-ease), box-shadow .6s var(--hoc-ease), background .6s var(--hoc-ease);background:linear-gradient(#eef2fb,#e4ebf8);border-radius:32px;flex:1;padding:12px 9px 9px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #d7e2f6,inset 0 1px #fff}.hoc-plan-core{min-width:0;transition:translate .7s var(--hoc-ease), box-shadow .7s var(--hoc-ease), background .7s var(--hoc-ease);background:linear-gradient(#fff,#f7faff);border-radius:24px;flex-direction:column;flex:1;padding:24px 22px 20px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e4ebf7,inset 0 1px #fff,0 14px 30px -22px #1d3a8c}.hoc-plan-card:not(.is-featured):hover .hoc-plan-shell{background:#fff;translate:0 -7px;box-shadow:inset 0 0 0 1px #c9daf8,0 34px 58px -34px #18368280}.hoc-plan-card:not(.is-featured):hover .hoc-plan-core{background:linear-gradient(#fff,#fbfdff);translate:0 -2px}.hoc-plan-card.is-featured{z-index:2;transform:translateY(-16px)}.hoc-plan-card.is-featured:hover{transform:translateY(-16px)}.hoc-plan-card.is-featured .hoc-plan-shell{background:linear-gradient(165deg,#5b83f0,#2f5cdd 46%,#1c43b4);padding:12px 9px 9px;box-shadow:inset 0 0 0 1px #8aa8f5,inset 0 1px #ffffff5c,0 42px 72px -30px #13348cad}.hoc-plan-card.is-featured:hover .hoc-plan-shell{translate:0 -8px;box-shadow:inset 0 0 0 1px #a2baf8,inset 0 1px #ffffff85,0 54px 84px -30px #13348cc7}.hoc-plan-card.is-featured .hoc-plan-core{background:radial-gradient(130% 72% at 12% -12%,#ffffff3d,#0000 60%),linear-gradient(168deg,#2f5cdd,#2449c3 54%,#1b3ba6);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff4d,0 26px 46px -30px #04102e}.hoc-plan-card.is-featured:hover .hoc-plan-core{translate:0 -2px}.hoc-plan-top{align-items:center;margin-bottom:22px}.hoc-plan-icon{width:50px;height:50px;color:var(--hoc-blue);transition:transform .6s var(--hoc-ease), background .6s var(--hoc-ease);background:linear-gradient(155deg,#eef4ff,#dde8ff);border-radius:17px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #fff,inset 0 1px #fff,0 10px 20px -14px #1f45a4}.hoc-plan-card:hover .hoc-plan-icon{transform:translateY(-2px)scale(1.04)}.hoc-plan-tag{color:#3f68c4;letter-spacing:.1em;text-transform:uppercase;background:#f0f5ff;border-radius:999px;padding:7px 12px;font-size:9.5px;font-weight:800;box-shadow:inset 0 0 0 1px #dbe6fb}.hoc-plan-card.is-featured .hoc-plan-icon{color:#1d42b8;background:linear-gradient(160deg,#fff,#e8efff);box-shadow:0 12px 26px -12px #05123a99,inset 0 1px #fff}.hoc-plan-card.is-featured .hoc-plan-tag{color:#fff;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff42}.hoc-plan-choice{color:#bcd0ff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px;font-size:10.5px;font-weight:800}.hoc-plan-name{color:#16306e;font-family:var(--font-display-stack);letter-spacing:-.028em;margin:0;font-size:20px;font-weight:600;line-height:1.22}.hoc-plan-desc{color:#66799f;margin:11px 0 0;font-size:13px;line-height:1.66}.hoc-plan-card.is-featured .hoc-plan-name{color:#fff}.hoc-plan-card.is-featured .hoc-plan-desc{color:#d5e2ff}.hoc-plan-features{gap:9px;margin:20px 0 0;padding:0;list-style:none;display:grid}.hoc-plan-features li{color:#4e6389;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.5;display:flex}.hoc-plan-check{width:17px;height:17px;color:var(--hoc-blue);background:#e8f0ff;border-radius:999px;flex:none;place-items:center;margin-top:1px;display:grid;box-shadow:inset 0 0 0 1px #d3e2ff}.hoc-plan-card.is-featured .hoc-plan-features li{color:#e4ecff}.hoc-plan-card.is-featured .hoc-plan-check{color:#fff;background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff42}.hoc-plan-foot{transition:border-color .7s var(--hoc-ease);border-top:1px solid #e8eefa;flex-direction:column;align-items:stretch;margin-top:auto;padding-top:17px;display:flex}.hoc-plan-card.is-featured .hoc-plan-foot{border-color:#ffffff2e}.hoc-plan-price{color:#14358f;font-family:var(--font-display-stack);letter-spacing:-.045em;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:26px;font-weight:700;line-height:1;display:flex}.hoc-plan-price small{color:#8195ba;letter-spacing:0;white-space:nowrap;font-size:11px;font-weight:700}.hoc-plan-card.is-featured .hoc-plan-price{color:#fff}.hoc-plan-card.is-featured .hoc-plan-price small{color:#c3d5ff}.hoc-plan-rule{background:linear-gradient(90deg,#e2eaf8,#e2eaf800);height:1px;margin:12px 0}.hoc-plan-card.is-featured .hoc-plan-rule{background:linear-gradient(90deg,#fff3,#ffffff0a)}.hoc-plan-cta{color:var(--hoc-blue);letter-spacing:-.01em;transition:background .5s var(--hoc-ease), color .5s var(--hoc-ease), box-shadow .5s var(--hoc-ease), transform .5s var(--hoc-ease);background:#eef4ff;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px 8px 18px;font-size:12.5px;font-weight:800;text-decoration:none;display:flex;box-shadow:inset 0 0 0 1px #d8e4fb,inset 0 1px #fff}.hoc-plan-cta-arrow{color:#fff;width:27px;height:27px;transition:transform .5s var(--hoc-ease), background .5s var(--hoc-ease);background:linear-gradient(140deg,#3a67e2,#2348bd);border-radius:999px;place-items:center;display:grid;box-shadow:0 8px 16px -8px #1c46bb80,inset 0 1px #ffffff40}.hoc-plan-cta:hover{background:#e2ecff;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #c6dbfa,0 14px 26px -16px #1e44a8}.hoc-plan-cta:active{transform:scale(.975)}.hoc-plan-cta:hover .hoc-plan-cta-arrow{transform:translate(2px,-1px)scale(1.07)}.hoc-plan-cta:focus-visible{outline-offset:3px;outline:2px solid #7fa4f5}.hoc-plan-card.is-featured .hoc-plan-cta{color:#1b3ea8;background:#fff;box-shadow:0 16px 30px -16px #05123a8c,inset 0 1px #fff}.hoc-plan-card.is-featured .hoc-plan-cta-arrow{color:#1d42b8;box-shadow:none;background:#e6eeff}.hoc-plan-card.is-featured .hoc-plan-cta:hover{background:#f2f6ff}@media (max-width:980px){.hoc-plan-card.is-featured{transform:none}.hoc-plans-grid{gap:18px}}@media (max-width:900px){.hoc-plan-card.is-featured .hoc-plan-core{padding:30px 26px 22px}}@media (max-width:760px){.hoc-plans{margin-top:62px}.hoc-section-heading h2{font-size:clamp(28px,8.2vw,34px)}.hoc-plans-grid{margin-top:-10px;padding-top:24px}.hoc-plan-shell{border-radius:28px;padding:11px 7px 7px}.hoc-plan-core{border-radius:21px;padding:20px 19px 18px}.hoc-plan-card.is-featured .hoc-plan-core{padding:26px 19px 18px}.hoc-plan-name{font-size:18.5px}.hoc-plan-price{font-size:22px}.hoc-plan-features li{font-size:13px}.hoc-plan-cta{padding:7px 8px 7px 15px}.hoc-plan-cta-arrow{width:25px;height:25px}}.hoc-pay-page{padding-bottom:40px}.hoc-pay-head{text-align:center;max-width:720px;margin:8px auto 0;position:relative}.hoc-pay-back{color:#59719c;transition:color .4s var(--hoc-ease), transform .4s var(--hoc-ease);align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;top:4px;left:0}.hoc-pay-back svg{transform:rotate(180deg)}.hoc-pay-back:hover{color:var(--hoc-blue);transform:translate(-2px)}.hoc-pay-head .hoc-eyebrow{letter-spacing:.18em;background:#eaf1ff;border-radius:999px;padding:6px 12px;box-shadow:inset 0 0 0 1px #d2e0fb}.hoc-pay-head h1{color:var(--hoc-deep);font-family:var(--font-display-stack);letter-spacing:-.05em;margin:18px 0 12px;font-size:clamp(32px,4vw,50px);font-weight:600;line-height:1.02}.hoc-pay-head h1 em{color:var(--hoc-blue);background:linear-gradient(100deg, var(--hoc-blue), #6b4fe0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hoc-pay-head p{color:#66799f;max-width:540px;margin:0 auto;font-size:14px;line-height:1.7}.hoc-pay-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;max-width:1040px;margin:34px auto 0;display:grid}.hoc-pay-col{flex-direction:column;gap:22px;min-width:0;display:flex}.hoc-pay-card{background:linear-gradient(#fff,#f7faff);border-radius:26px;flex-direction:column;gap:14px;padding:22px 20px 20px;display:flex;box-shadow:inset 0 0 0 1px #e4ebf7,inset 0 1px #fff,0 18px 40px -26px #18368299}.hoc-pay-card-head{align-items:center;gap:12px;display:flex}.hoc-pay-step{color:#fff;background:linear-gradient(140deg,#3a67e2,#2348bd);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid;box-shadow:0 8px 16px -8px #1c46bb80,inset 0 1px #ffffff40}.hoc-pay-card-head strong{color:#16306e;letter-spacing:-.015em;font-size:15px;font-weight:750;display:block}.hoc-pay-card-head small{color:#8195ba;margin-top:2px;font-size:11px;display:block}.hoc-pay-plans{gap:10px;display:grid}.hoc-pay-plan{cursor:pointer;color:#31549d;font:inherit;text-align:left;transition:background .45s var(--hoc-ease), box-shadow .45s var(--hoc-ease), transform .45s var(--hoc-ease), color .45s var(--hoc-ease);background:#f4f8ff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex;box-shadow:inset 0 0 0 1px #dbe6fb}.hoc-pay-plan:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #c6dbfa}.hoc-pay-plan:focus-visible{outline-offset:3px;outline:2px solid #7fa4f5}.hoc-pay-plan.is-active{color:#14358f;background:#fff;box-shadow:inset 0 0 0 2px #7296ea,0 16px 30px -20px #1e44a8b0}.hoc-pay-plan-name{letter-spacing:-.01em;font-size:13.5px;font-weight:750}.hoc-pay-plan-price{color:#14358f;font-family:var(--font-display-stack);letter-spacing:-.03em;white-space:nowrap;align-items:baseline;gap:4px;font-size:16px;font-weight:700;display:inline-flex}.hoc-pay-plan-price small{color:#8195ba;letter-spacing:0;font-size:10.5px;font-weight:700}.hoc-pay-plan.is-active .hoc-pay-plan-price{color:var(--hoc-blue)}.hoc-pay-field{flex-direction:column;gap:7px;display:flex}.hoc-pay-field>span{color:#5a6f97;letter-spacing:.01em;align-items:center;gap:6px;font-size:11.5px;font-weight:750;display:inline-flex}.hoc-pay-field>span svg{color:#6f91ea}.hoc-pay-field input{color:#16306e;width:100%;font:inherit;transition:box-shadow .4s var(--hoc-ease), background .4s var(--hoc-ease);background:#f4f8ff;border:0;border-radius:13px;padding:12px 14px;font-size:14px;box-shadow:inset 0 0 0 1px #dbe6fb}.hoc-pay-field input::placeholder{color:#9aabc9}.hoc-pay-field input:focus{background:#fff;outline:none;box-shadow:inset 0 0 0 2px #7296ea,0 12px 24px -18px #1e44a8}.hoc-pay-hint{color:#8195ba;align-items:flex-start;gap:7px;margin:0;font-size:11.5px;line-height:1.6;display:flex}.hoc-pay-hint svg{color:#6f91ea;flex:none;margin-top:1px}.hoc-pay-hint-center{text-align:center;justify-content:center}.hoc-pay-error{color:#b4321a;background:#fff1ec;border-radius:12px;margin:0;padding:10px 13px;font-size:12.5px;font-weight:700;box-shadow:inset 0 0 0 1px #f6cdbf}.hoc-pay-loading{color:#66799f;text-align:center;margin:80px auto;font-size:14px}.hoc-pay-qr-card{align-items:stretch}.hoc-pay-qr-frame{background:linear-gradient(#fff,#f2f7ff);border-radius:20px;justify-content:center;align-items:center;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #e0eaf9,0 16px 34px -26px #1836828c}.hoc-pay-qr-frame img{border-radius:12px;width:100%;max-width:320px;height:auto;display:block}.hoc-pay-meta{gap:2px;margin:0;display:grid}.hoc-pay-meta>div{border-bottom:1px solid #e8eefa;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;display:flex}.hoc-pay-meta>div:last-child{border-bottom:0}.hoc-pay-meta dt{color:#7b8cae;font-size:11.5px;font-weight:700}.hoc-pay-meta dd{color:#16306e;letter-spacing:-.01em;text-align:right;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:750;display:inline-flex}.hoc-pay-meta dd.hoc-pay-strong{color:#14358f;font-family:var(--font-display-stack);letter-spacing:-.035em;font-size:18px;font-weight:700}.hoc-pay-meta dd.hoc-pay-code{color:var(--hoc-blue);letter-spacing:.02em;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700}.hoc-pay-copy{cursor:pointer;width:26px;height:26px;color:var(--hoc-blue);transition:background .4s var(--hoc-ease), color .4s var(--hoc-ease), transform .4s var(--hoc-ease);background:#eef4ff;border:0;border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #d8e4fb}.hoc-pay-copy:hover{background:#e2ecff;transform:translateY(-1px)}.hoc-pay-copy:active{transform:scale(.94)}.hoc-pay-copy:focus-visible{outline-offset:2px;outline:2px solid #7fa4f5}.hoc-pay-confirm{cursor:pointer;color:#fff;font:inherit;letter-spacing:-.01em;transition:transform .5s var(--hoc-ease), box-shadow .5s var(--hoc-ease), background .5s var(--hoc-ease);background:linear-gradient(140deg,#3a67e2,#2348bd);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:4px;padding:15px 18px;font-size:14px;font-weight:800;display:flex;box-shadow:0 18px 34px -18px #1c46bbcc,inset 0 1px #ffffff40}.hoc-pay-confirm:hover{background:linear-gradient(140deg,#2f5cd8,#1c3fae);transform:translateY(-2px);box-shadow:0 22px 40px -18px #163eaec0,inset 0 1px #ffffff40}.hoc-pay-confirm:active{transform:scale(.98)}.hoc-pay-confirm:focus-visible{outline-offset:3px;outline:2px solid #7fa4f5}@media (max-width:900px){.hoc-pay-grid{grid-template-columns:1fr;max-width:620px}}@media (max-width:760px){.hoc-pay-head{text-align:left}.hoc-pay-back{margin-bottom:18px;display:inline-flex;position:static}.hoc-pay-head p{margin-left:0}.hoc-pay-head h1{font-size:clamp(30px,9vw,40px)}.hoc-pay-card{border-radius:22px;padding:20px 17px 18px}.hoc-pay-qr-frame img{max-width:260px}}.hoc-plan-note{color:#a8402a;transition:box-shadow .6s var(--hoc-ease), background .6s var(--hoc-ease);background:#fff2ed;border-radius:13px;align-items:flex-start;gap:8px;margin:16px 0 0;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.5;display:flex;box-shadow:inset 0 0 0 1px #f7d4c8}.hoc-plan-note svg{color:#ee6f4d;flex:none;margin-top:1px}.hoc-plan-card.is-featured .hoc-plan-note{color:#fff;background:#ffffff26;box-shadow:inset 0 0 0 1px #ffffff42}.hoc-plan-card.is-featured .hoc-plan-note svg{color:#ffd9cb}.hoc-pay-note{color:#a8402a;background:#fff2ed;border-radius:13px;align-items:flex-start;gap:8px;margin:0;padding:11px 13px;font-size:12.5px;font-weight:700;line-height:1.5;display:flex;box-shadow:inset 0 0 0 1px #f7d4c8}.hoc-pay-note svg{color:#ee6f4d;flex:none;margin-top:1px}@media (max-width:760px){.home-hero-widgets{height:262px}.home-hero-widget{aspect-ratio:auto;min-height:0}.study-customize{align-items:stretch}.study-customize>span{display:none}.background-options{box-sizing:border-box;flex-wrap:wrap;justify-content:center;width:100%;max-width:100%}.study-grid{grid-template-columns:minmax(0,1fr)}.study-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-tabs{flex-wrap:wrap}.mode-tabs button{flex:calc(50% - 4px);min-width:0}.chat-shell.community{height:calc(100dvh - 124px);min-height:360px;max-height:none}.chat-shell.community .chat-log{flex:1 1 0;min-height:0;padding:12px}.chat-composer{padding:8px 10px 10px}.chat-composer-box{border-radius:14px;padding:4px 4px 4px 6px}.chat-composer textarea{min-height:34px;padding:7px 8px;font-size:14px;line-height:1.45}.chat-composer-send{border-radius:11px;width:34px;height:34px}.chat-shell:not(.community){height:calc(100dvh - 100px);min-height:380px;max-height:none}.chat-shell:not(.community) .chat-log{flex:1 1 0;min-height:0;max-height:none}.post-slideshow{touch-action:pan-y}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-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-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}