/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--font-site-ui:var(--inkloom-site-ui);--font-site-mono:"LXGW WenKai Mono GB Screen",monospace}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.table-row{display:table-row}.grow{flex-grow:1}.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}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.invert{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,)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--inkloom-site-ui:"Google Sans Flex Variable","Noto Sans SC Variable","PingFang SC",sans-serif;--inkloom-site-heading:var(--inkloom-site-ui);--inkloom-site-body:var(--inkloom-site-ui);--inkloom-site-mono:"LXGW WenKai Mono GB Screen",monospace;--font-site-ui:var(--inkloom-site-ui);--font-site-body:var(--inkloom-site-ui);--font-site-heading:var(--inkloom-site-ui);--font-site-mono:var(--inkloom-site-mono)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:var(--inkloom-site-ui);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;font-weight:650}button:disabled{cursor:default}::selection{background:var(--m3e-sys-color-primary-container)}:focus-visible{outline:3px solid var(--m3e-sys-color-primary);outline-offset:5px}.inkloom-app{background:var(--m3e-sys-color-surface);min-height:100vh;color:var(--m3e-sys-color-on-surface);--sl-color-text:var(--m3e-sys-color-on-surface);--sl-color-text-accent:var(--m3e-sys-color-primary);--sl-color-bg:var(--m3e-sys-color-surface);--sl-color-bg-nav:var(--m3e-sys-color-surface-container-low);--sl-color-hairline:var(--m3e-sys-color-outline-variant);--sl-color-gray-2:var(--m3e-sys-color-on-surface);--sl-color-gray-3:var(--m3e-sys-color-on-surface-variant);--sl-color-gray-5:var(--m3e-sys-color-outline-variant);--sl-color-gray-6:var(--m3e-sys-color-surface-container);--sl-color-white:var(--m3e-sys-color-on-surface);--sl-color-black:var(--m3e-sys-color-surface)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--m3e-sys-color-primary);color:var(--m3e-sys-color-on-primary);border-radius:16px;padding:12px 22px;position:fixed;top:8px;left:100px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-topbar{z-index:40;background:var(--m3e-sys-color-surface);gap:25px;height:84px;padding:0 36px 0 22px;position:sticky;top:0}.app-topbar,.brand{align-items:center;display:flex}.brand{white-space:nowrap;gap:11px}.brand>svg{color:var(--m3e-sys-color-primary)}.brand>span{letter-spacing:-1.3px;font-size:26px;font-weight:750}.brand-caption{color:var(--m3e-sys-color-on-surface-variant);font-size:12px}.topbar-actions{gap:14px;margin-left:auto}.search-link,.topbar-actions{align-items:center;display:flex}.search-link{background:var(--m3e-sys-color-surface-container);color:var(--m3e-sys-color-on-surface-variant);border-radius:100px;gap:12px;padding:12px 18px;font-size:13px}.search-link kbd{opacity:.6;margin-left:45px}.theme-control{position:relative}.theme-trigger{background:var(--m3e-sys-color-surface-container);min-width:135px;height:44px;color:var(--m3e-sys-color-on-surface);letter-spacing:-.01em;white-space:nowrap;transition:border-radius var(--m3e-sys-motion-expressive-fast-spatial-duration,.35s) var(--m3e-sys-motion-expressive-fast-spatial-easing,ease),background-color .18s;border:0;border-radius:100px;align-items:center;gap:9px;padding:6px 13px 6px 6px;font-family:inherit;font-size:12.5px;font-weight:650;display:inline-flex}.theme-trigger:hover{background:var(--m3e-sys-color-surface-container-high)}.theme-trigger[data-open=true]{border-radius:100px 100px 16px 16px}.theme-trigger:active{border-radius:16px}.theme-trigger:focus-visible{outline:3px solid var(--m3e-sys-color-primary);outline-offset:3px}.theme-trigger-icon{background:var(--m3e-sys-color-primary-container);width:32px;height:32px;color:var(--m3e-sys-color-on-primary-container);transition:border-radius var(--m3e-sys-motion-expressive-fast-spatial-duration,.35s) var(--m3e-sys-motion-expressive-fast-spatial-easing,ease),transform .3s;border-radius:50%;flex:none;place-items:center;display:grid}.theme-trigger:hover .theme-trigger-icon{border-radius:12px;transform:rotate(-8deg)}.theme-trigger[data-mode=light] .theme-trigger-icon{color:#572a19;background:#ffdccb}.theme-trigger[data-mode=dark] .theme-trigger-icon{color:#23365b;background:#dbe5ff}.theme-trigger-icon svg{animation:theme-icon-in .42s cubic-bezier(.2,0,0,1)}.theme-trigger-label{text-align:left;white-space:nowrap;flex:1}.theme-trigger-chevron{opacity:.55;transition:transform var(--m3e-sys-motion-expressive-fast-spatial-duration,.35s) var(--m3e-sys-motion-expressive-fast-spatial-easing,ease)}.theme-trigger[data-open=true] .theme-trigger-chevron{transform:rotate(180deg)}.theme-menu{border-radius:26px;min-inline-size:184px;padding-block:8px}.theme-menu .m3e-menu__item{border-radius:18px;margin-inline:6px}.theme-menu .m3e-menu__item-icon[data-m3e-position=trailing]{color:var(--m3e-sys-color-primary)}@keyframes theme-icon-in{0%{opacity:0;transform:scale(.55)rotate(-45deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.theme-trigger,.theme-trigger-chevron,.theme-trigger-icon{transition:none}.theme-trigger-icon svg{animation:none}}.account-button{background:var(--m3e-sys-color-tertiary-container);width:44px;height:44px;color:var(--m3e-sys-color-on-tertiary-container);border-radius:50%;place-items:center;display:grid}.app-layout{grid-template-columns:96px minmax(0,1fr);display:grid}.app-rail{background:var(--m3e-sys-color-surface);flex-direction:column;align-items:center;height:calc(100dvh - 84px);padding:16px 0 24px;display:flex;position:sticky;top:84px}.app-rail nav{flex:1}.source-link{color:var(--m3e-sys-color-on-surface-variant);justify-items:center;gap:5px;font-size:11px;display:grid}.app-main{outline:none;min-width:0}.page-width{max-width:1432px;margin:0 auto;padding:38px 60px 32px}.mobile-navigation,.mobile-only{display:none}.eyebrow,.muted{color:var(--m3e-sys-color-on-surface-variant)}.eyebrow{letter-spacing:.06em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.tiny-dot{background:var(--m3e-sys-color-primary);border-radius:50%;width:7px;height:7px}.home-hero{grid-template-columns:1.13fr 1fr;align-items:center;gap:40px;min-height:530px;padding:26px 0 50px;display:grid}.hero-copy h1{letter-spacing:-.055em;margin:22px 0 24px;font-size:clamp(44px,4.6vw,70px);font-weight:750;line-height:1.23}.hero-copy h1 em,.page-heading h1 em{color:var(--m3e-sys-color-primary);font-style:normal}.hero-copy>p{color:var(--m3e-sys-color-on-surface-variant);font-size:17px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0 22px;display:flex}.action-link{min-height:56px;transition:border-radius var(--m3e-sys-motion-expressive-fast-spatial-duration,.35s) var(--m3e-sys-motion-expressive-fast-spatial-easing,ease),background .18s;white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:14px;padding:16px 26px;font-size:15px;font-weight:650;display:inline-flex}.action-link:active{border-radius:16px}.action-link.primary{background:var(--m3e-sys-color-primary);color:var(--m3e-sys-color-on-primary)}.action-link.tonal{background:var(--m3e-sys-color-secondary-container);color:var(--m3e-sys-color-on-secondary-container)}.action-link:hover{filter:brightness(.96)}.hero-copy .hero-footnote{flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.hero-footnote>span{opacity:.55;background:currentColor;border-radius:50%;width:3px;height:3px}.hero-art{background:var(--m3e-sys-color-primary-container);color:var(--m3e-sys-color-on-primary-container);transition:transform var(--m3e-sys-motion-expressive-default-spatial-duration,.5s) var(--m3e-sys-motion-expressive-default-spatial-easing,ease);border-radius:48px 48px 100px;padding:26px 28px 22px;display:block;transform:rotate(-2deg)}.hero-art:hover{transform:rotate(0)}.art-heading{justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}.art-heading svg{width:40px;height:40px;color:var(--m3e-sys-color-primary)}.knowledge-loom{height:280px;margin:0 -8px;position:relative}.loom-lines{fill:none;width:100%;height:100%;stroke:var(--m3e-sys-color-primary);stroke-width:1.3px;opacity:.55;position:absolute;inset:0}.loom-center{color:var(--m3e-sys-color-primary);place-items:center;display:grid;position:absolute;inset:28% 26% 14%}.loom-center>svg:first-child{width:100%;height:100%;position:absolute;inset:0;transform:rotate(13deg)}.loom-center>svg:last-child{z-index:1;color:var(--m3e-sys-color-on-primary)}.loom-node{z-index:2;border-radius:22px;align-items:center;gap:10px;padding:14px 17px;font-size:21px;font-weight:650;display:flex;position:absolute;box-shadow:0 1px #00000004}.loom-node.condition{background:var(--m3e-sys-color-surface-container-lowest);top:20px;left:2%;transform:rotate(-6deg)}.loom-node.person{color:#293e18;background:#d9edc0;bottom:7px;left:6%;transform:rotate(5deg)}.loom-node.result{color:#572a19;background:#ffdccb;top:47%;right:-1%;transform:rotate(5deg)}.loom-star{width:38px;height:38px;color:var(--m3e-sys-color-primary);position:absolute;top:8%;right:2%}.art-footer{border-top:1px solid;justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.art-footer{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}}.art-footer{margin-top:12px;padding-top:16px;font-size:12px;font-weight:650}.play-dot{background:var(--m3e-sys-color-on-primary-container);width:40px;height:40px;color:var(--m3e-sys-color-primary-container);border-radius:50%;place-items:center;display:grid}.home-section{margin:35px 0 70px}.section-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.section-intro .eyebrow{margin-bottom:12px}.section-intro h2{font-size:30px;line-height:1.4}.text-link{align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.section-flower,.text-link{color:var(--m3e-sys-color-primary)}.section-flower{width:52px;height:52px}.tone-purple{--tone:var(--m3e-sys-color-primary-container);--on-tone:var(--m3e-sys-color-on-primary-container)}.tone-green{--tone:#d9edc0;--on-tone:#293e18}.tone-peach{--tone:#ffdccb;--on-tone:#572a19}.tone-blue{--tone:#dbe5ff;--on-tone:#23365b}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.subject-tile{background:var(--m3e-sys-color-surface-container-low);min-height:104px;transition:background .18s,border-radius var(--m3e-sys-motion-expressive-fast-spatial-duration,.35s) var(--m3e-sys-motion-expressive-fast-spatial-easing,ease);border-radius:20px;align-items:center;gap:15px;padding:22px 20px;display:flex}.subject-tile:hover{background:var(--m3e-sys-color-surface-container-high);border-radius:32px}.subject-symbol{background:var(--tone);width:52px;height:52px;color:var(--on-tone);border-radius:18px;flex-shrink:0;place-items:center;transition:transform .3s;display:grid}.subject-tile:hover .subject-symbol{border-radius:50%;transform:rotate(-8deg)}.subject-name{gap:7px;min-width:0;display:grid}.subject-name strong{font-size:15px;font-weight:650}.subject-name small{color:var(--m3e-sys-color-on-surface-variant);font-size:11px}.subject-arrow{opacity:.5;margin-left:auto}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.featured-card.m3e-card{background:var(--m3e-sys-color-surface-container-low);border-radius:24px;overflow:hidden}.featured-image{aspect-ratio:16/9;background:var(--tone);border-radius:18px;margin:8px;display:block;position:relative;overflow:hidden}.featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.featured-image:hover img{transform:scale(1.035)}.preview-play{background:var(--m3e-sys-color-surface-container-lowest);width:42px;height:42px;color:var(--m3e-sys-color-primary);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.featured-copy{padding:18px 23px 24px}.subject-label{color:var(--m3e-sys-color-primary);margin-bottom:12px;font-size:11px;font-weight:650;display:inline-block}.featured-copy h3{letter-spacing:-.02em;font-size:19px;line-height:1.5}.featured-copy p{color:var(--m3e-sys-color-on-surface-variant);margin:12px 0 24px;font-size:13px;line-height:1.8}.learning-callout{background:var(--m3e-sys-color-secondary-container);color:var(--m3e-sys-color-on-secondary-container);border-radius:32px 32px 64px;align-items:center;gap:26px;margin-top:20px;padding:35px 38px;display:flex}.callout-shape{flex-shrink:0;place-items:center;width:96px;height:96px;display:grid;position:relative}.callout-shape>svg:first-child{width:100%;height:100%;color:var(--m3e-sys-color-on-secondary-container);opacity:.1;position:absolute;inset:0}.callout-shape>svg:last-child{position:relative}.learning-callout h2{font-size:27px;line-height:1.4}.learning-callout p{margin-top:10px;font-size:13px;line-height:1.8}.learning-callout .action-link{margin-left:auto}.app-footer{color:var(--m3e-sys-color-on-surface-variant);justify-content:space-between;gap:15px;padding:40px 0 10px;font-size:11px}.app-footer,.app-footer a{align-items:center;display:flex}.app-footer a{gap:6px}.continue-card.m3e-card{background:var(--m3e-sys-color-tertiary-container);border-radius:28px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:65px;padding:24px 28px;display:flex}.continue-icon{background:var(--m3e-sys-color-surface);border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.continue-card h2{margin-top:6px;font-size:18px}.continue-card .muted{font-size:11px}.continue-card .action-link{margin-left:auto}.continue-progress{align-items:center;gap:20px;width:100%;font-size:11px;display:flex}.continue-progress>div{flex:1}.page-heading{justify-content:space-between;align-items:center;gap:24px;padding:20px 0 42px;display:flex}.page-heading h1{letter-spacing:-.05em;margin:16px 0 18px;font-size:clamp(36px,4vw,54px);font-weight:700;line-height:1.3}.page-heading p{color:var(--m3e-sys-color-on-surface-variant);max-width:560px;font-size:14px;line-height:1.9}.page-heading-shape{width:130px;height:130px;color:var(--m3e-sys-color-primary-container);transform:rotate(-12deg)}.library-layout{grid-template-columns:210px minmax(0,1fr);gap:40px;padding-top:16px;display:grid}.subject-sidebar{align-self:start;position:sticky;top:110px}.subject-sidebar h2{color:var(--m3e-sys-color-on-surface-variant);padding:0 16px 20px;font-size:12px;font-weight:600}.subject-filter-list{gap:4px;display:grid}.subject-filter{min-height:48px;color:var(--m3e-sys-color-on-surface-variant);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 15px;font-size:12px;transition:border-radius .25s,background .2s;display:flex}.subject-filter[aria-pressed=true]{background:var(--m3e-sys-color-secondary-container);color:var(--m3e-sys-color-on-secondary-container);border-radius:28px;font-weight:700}.subject-filter:hover{background:var(--m3e-sys-color-surface-container)}.subject-filter small{margin-left:auto;font-size:10px}.library-results{min-width:0}.library-results>.m3e-text-field{width:100%;margin-bottom:15px}.mobile-subject-picker{display:none}.results-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.results-toolbar>div:first-child{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.results-toolbar h2{font-size:21px}.results-toolbar [role=status]{color:var(--m3e-sys-color-on-surface-variant);font-size:11px}.results-toolbar>.m3e-text-field{max-width:250px}.active-filters{margin-bottom:15px}.lesson-list{gap:6px;display:grid}.lesson-row{background:var(--m3e-sys-color-surface-container-low);border-radius:16px;align-items:center;gap:18px;padding:20px 22px;transition:background .18s;display:flex}.lesson-row:hover{background:var(--m3e-sys-color-surface-container-high)}.result-icon{background:var(--tone);width:44px;height:44px;color:var(--on-tone);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.result-copy{flex:1;min-width:0}.result-copy small{color:var(--m3e-sys-color-on-surface-variant);font-size:10px}.result-copy small span{opacity:.5;margin:0 5px}.result-copy h3{letter-spacing:-.01em;margin:5px 0 3px;font-size:16px;line-height:1.6}.result-copy p{color:var(--m3e-sys-color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.7;display:-webkit-box;overflow:hidden}.result-arrow{color:var(--m3e-sys-color-primary)}.load-more{justify-items:center;gap:20px;padding:28px 0;display:grid}.load-more small{color:var(--m3e-sys-color-on-surface-variant);font-size:11px}.empty-state{text-align:center;background:var(--m3e-sys-color-surface-container-low);border-radius:24px;justify-items:center;gap:18px;padding:64px 25px;display:grid}.empty-state>svg{color:var(--m3e-sys-color-primary)}.empty-state h3{font-size:22px}.empty-state p{font-size:13px;line-height:1.8}.breadcrumbs,.empty-state p{color:var(--m3e-sys-color-on-surface-variant)}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;font-size:11px;display:flex}.breadcrumbs a:hover{text-decoration:underline}.lesson-heading{margin-bottom:28px}.lesson-heading h1{margin:14px 0;font-size:clamp(28px,3.5vw,43px);line-height:1.5}.lesson-heading p{color:var(--m3e-sys-color-on-surface-variant);max-width:750px;font-size:14px;line-height:1.9}.subject-tag{background:var(--tone);color:var(--on-tone);border-radius:12px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:inline-flex}.lesson-actions{align-items:center;gap:8px;margin-top:23px;display:flex}.animation-viewport{width:100%;min-width:0}.lesson-players{gap:32px;display:grid}.player-loading{background:var(--m3e-sys-color-surface-container-low);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:370px;display:flex}.player-loading p{color:var(--m3e-sys-color-on-surface-variant);font-size:13px}.legacy-hyperframes{aspect-ratio:16/9;border:0;border-radius:16px;width:100%}.lesson-study-grid{grid-template-columns:1.3fr 1fr;gap:32px;margin:35px 0;display:grid}.section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.section-title h2{font-size:23px}.section-title .eyebrow{margin-bottom:10px}.local-label{white-space:nowrap;color:var(--m3e-sys-color-on-surface-variant);font-size:10px}textarea{resize:vertical;border:1px solid var(--m3e-sys-color-outline-variant);background:var(--m3e-sys-color-surface-container-low);width:100%;color:var(--m3e-sys-color-on-surface);border-radius:16px;padding:18px;font-size:14px;line-height:1.9}textarea::placeholder{color:var(--m3e-sys-color-on-surface-variant);opacity:.65}.lesson-notes>small{margin-top:12px;font-size:10px;display:block}.lesson-flashcard{background:var(--m3e-sys-color-secondary-container);color:var(--m3e-sys-color-on-secondary-container);border-radius:28px;padding:26px 28px}.lesson-flashcard h2{margin:12px 0;font-size:23px;line-height:1.6}.lesson-flashcard p{margin-bottom:23px;font-size:13px;line-height:1.8}.lesson-flashcard form{gap:15px;display:grid}.field-label{margin-bottom:-8px;font-size:13px;font-weight:600}.action-message{color:var(--m3e-sys-color-primary);min-height:18px;margin-top:20px;font-size:12px}.embed-content,.embedded-lesson{padding:0}.embedded-lesson .remotion-deck{margin:0}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:5px 0 55px;display:grid}.stat-card.m3e-card{background:var(--tone);color:var(--on-tone);border-radius:24px;grid-template-columns:1fr auto;gap:12px;padding:25px 28px;display:grid}.stat-card strong{grid-area:1/2/3;align-self:center;font-size:42px;font-weight:650;line-height:1}.stat-card span{font-size:12px}.stat-card>div{grid-column:1/-1;margin-top:8px}.dashboard-section{margin-bottom:60px}.filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.note-excerpts{gap:15px;margin:30px 0;display:grid}.note-excerpt.m3e-card{border-radius:20px;padding:24px}.note-excerpt>a{color:var(--m3e-sys-color-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:650;display:flex}.note-excerpt p{white-space:pre-wrap;margin-top:15px;font-size:13px;line-height:1.9}.review-section{background:var(--m3e-sys-color-surface-container-low);border-radius:32px;grid-template-columns:1fr 1.5fr;gap:40px;padding:35px;display:grid}.review-section>div>h2{margin:14px 0;font-size:27px;line-height:1.5}.review-section>div>p{color:var(--m3e-sys-color-on-surface-variant);font-size:13px;line-height:1.9}.review-card.m3e-card,.review-empty.m3e-card{background:var(--m3e-sys-color-surface);border-radius:24px;padding:30px}.review-card h3{margin-bottom:30px;font-size:24px;line-height:1.7}.card-answer{white-space:pre-wrap;border-top:1px solid var(--m3e-sys-color-outline-variant);margin-bottom:15px;padding:20px 0;font-size:15px;line-height:1.9}.review-actions{flex-wrap:wrap;gap:10px;display:flex}.review-empty>svg{color:var(--m3e-sys-color-primary)}.review-empty h3{margin:18px 0 12px;font-size:22px}.review-empty p{color:var(--m3e-sys-color-on-surface-variant);margin-bottom:25px;font-size:13px;line-height:1.8}.account-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.account-panel.m3e-card{background:var(--m3e-sys-color-surface-container-low);border-radius:28px;padding:30px}.account-panel h2{margin-bottom:16px;font-size:24px}.account-panel p{color:var(--m3e-sys-color-on-surface-variant);margin-bottom:20px;font-size:13px;line-height:1.9}.account-panel form{gap:20px;display:grid}.account-panel .backup-actions{flex-wrap:wrap;gap:12px;display:flex}.storage-warning{background:var(--m3e-sys-color-error-container);color:var(--m3e-sys-color-on-error-container);padding:14px 25px;font-size:13px}.storage-warning a{margin-left:15px;text-decoration:underline}.not-found{text-align:center;align-content:center;justify-items:center;gap:25px;min-height:70vh;padding:32px;display:grid}.not-found h1{font-size:42px}.not-found p{color:var(--m3e-sys-color-on-surface-variant);line-height:1.9}.remotion-deck button,.remotion-deck label{font-family:var(--inkloom-site-ui)}.demo-gallery{margin-top:20px!important}.demo-gallery__caption{font-family:var(--inkloom-site-ui)!important}@media (min-width:1600px){.page-width{padding-left:80px;padding-right:80px}.home-hero{gap:75px}}@media (max-width:1199px){.page-width{padding:24px 32px}.home-hero{gap:30px}.hero-copy h1{font-size:49px}.hero-art{padding:23px}.knowledge-loom{height:255px}.loom-node{padding:12px;font-size:17px}.subject-tile{gap:12px;padding:18px 15px}.subject-arrow{display:none}.subject-symbol{width:44px;height:44px}.subject-name strong{font-size:13px}.subject-name small{font-size:10px}.subject-grid{gap:8px}.library-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.featured-copy{padding:16px}.featured-copy h3{font-size:17px}.learning-callout{gap:20px;padding:28px}.learning-callout h2{font-size:23px}.callout-shape{width:75px;height:75px}}@media (max-width:899px){.brand-caption{display:none}.app-topbar{height:76px;padding:0 24px}.app-layout{grid-template-columns:80px minmax(0,1fr)}.app-rail{height:calc(100dvh - 76px);top:76px}.page-width{padding:24px}.home-hero{grid-template-columns:1fr;gap:40px;max-width:650px;margin:auto}.hero-copy h1{font-size:58px}.hero-art{width:100%;max-width:550px;margin:0 auto}.knowledge-loom{height:310px}.loom-node{padding:14px 18px;font-size:22px}.home-section{margin-top:45px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid{grid-template-columns:1fr}.featured-card.m3e-card{grid-template-columns:1fr 1fr;align-items:center;display:grid}.featured-image{margin:10px}.learning-callout{flex-wrap:wrap}.learning-callout .action-link{margin-left:95px}.page-heading h1{font-size:40px}.page-heading-shape{width:95px;height:95px}.library-layout{grid-template-columns:1fr}.subject-sidebar{display:none}.mobile-subject-picker{margin:15px 0;display:block}.mobile-subject-picker>.m3e-text-field{width:100%}.lesson-study-grid{grid-template-columns:1fr}.dashboard-stats{gap:10px}.stat-card.m3e-card{padding:20px}.stat-card strong{font-size:32px}.review-section{gap:25px}.account-grid,.review-section{grid-template-columns:1fr}.search-link kbd{margin-left:10px}}@media (max-width:599px){.app-topbar{gap:10px;height:72px;padding:0 16px}.brand{gap:9px}.brand>span{font-size:23px}.brand>svg{width:31px;height:31px}.topbar-actions{gap:7px}.search-link{justify-content:center;width:40px;height:40px;padding:0}.search-link kbd,.search-link span{display:none}.theme-control{width:auto}.theme-trigger{justify-content:center;width:40px;min-width:40px;height:40px;padding:0}.theme-trigger-chevron,.theme-trigger-label{display:none}.theme-trigger-icon{width:30px;height:30px}.theme-trigger[data-open=true]{border-radius:50%}.theme-trigger:hover .theme-trigger-icon{border-radius:50%;transform:none}.account-button{width:38px;height:38px}.app-layout{display:block}.app-rail{display:none}.app-main{padding-bottom:92px}.mobile-navigation{z-index:50;background:var(--m3e-sys-color-surface-container);padding-bottom:env(safe-area-inset-bottom);display:block;position:fixed;inset:auto 0 0}.mobile-navigation nav{width:100%}.page-width{padding:22px 18px 25px}.home-hero{gap:43px;padding:20px 0 30px}.eyebrow{font-size:10px}.hero-copy h1{margin:18px 0 22px;font-size:43px;line-height:1.32}.hero-copy>p{font-size:14px;line-height:1.95}.hero-actions{gap:10px;margin:25px 0 20px}.action-link{gap:10px;min-height:52px;padding:14px 21px;font-size:13px}.hero-copy .hero-footnote{letter-spacing:0;gap:8px;font-size:9px}.hero-art{border-radius:32px 32px 70px;padding:22px 24px 20px;transform:rotate(-2deg)}.art-heading{font-size:15px}.art-heading svg{width:35px;height:35px}.knowledge-loom{height:250px;margin:0 -12px}.loom-node{border-radius:18px;gap:7px;padding:13px 14px;font-size:18px}.loom-node>svg{width:24px}.loom-center{inset:28% 23% 12%}.loom-center>svg:last-child{width:56px}.loom-node.result{right:-2%}.loom-node.condition{left:0}.loom-star{width:30px;height:30px}.art-footer{font-size:10px}.section-intro{gap:10px;margin-bottom:22px}.section-intro h2{font-size:23px}.section-intro .eyebrow{margin-bottom:10px}.text-link{white-space:nowrap;gap:5px;font-size:11px}.home-section{margin:35px 0 48px}.subject-grid{gap:8px}.subject-tile{gap:11px;min-height:98px;padding:18px 12px}.subject-symbol{border-radius:13px;width:36px;height:40px}.subject-symbol svg{width:22px}.subject-name strong{font-size:12px;line-height:1.6}.subject-name small{font-size:9px}.featured-grid{gap:20px}.featured-card.m3e-card{border-radius:24px;display:block}.featured-image{border-radius:18px;margin:8px}.featured-copy{padding:17px 22px 23px}.featured-copy h3{font-size:19px}.featured-copy p{margin:12px 0 20px;font-size:12px}.section-flower{width:43px;height:43px}.learning-callout{border-radius:28px 28px 55px;align-items:center;gap:17px;padding:27px 24px}.callout-shape{width:59px;height:69px}.callout-shape>svg:last-child{width:30px}.learning-callout>div{flex:1}.learning-callout h2{font-size:21px}.learning-callout p{font-size:11px;line-height:1.9}.learning-callout .action-link{margin:8px 0 0 76px}.mobile-only{display:block}.app-footer{flex-direction:column;align-items:flex-start;gap:14px;padding-top:30px;font-size:10px}.continue-card.m3e-card{gap:14px;margin:15px 0 40px;padding:20px}.continue-card h2{font-size:15px}.continue-card .action-link{margin:4px 0 0 auto}.continue-progress{gap:12px}.continue-progress span{font-size:10px}.page-heading{gap:12px;padding:22px 0 32px}.page-heading h1{margin:15px 0 18px;font-size:35px;line-height:1.4}.page-heading p{font-size:12px}.page-heading-shape{align-self:flex-start;width:60px;height:60px;margin-top:35px}.library-layout{gap:0;padding-top:8px}.results-toolbar{align-items:center;gap:12px}.results-toolbar h2{font-size:19px}.results-toolbar>div:first-child{gap:7px}.results-toolbar>.m3e-text-field{width:185px;min-width:0}.results-toolbar [role=status]{font-size:9px}.lesson-row{gap:12px;padding:18px 13px}.result-icon{border-radius:13px;width:36px;height:40px}.result-icon svg{width:20px}.result-copy h3{font-size:14px;line-height:1.65}.result-copy small{font-size:9px}.result-copy p{font-size:10px}.result-arrow{width:16px}.breadcrumbs{margin-bottom:22px;font-size:10px}.lesson-heading h1{font-size:28px;line-height:1.55}.lesson-heading p{font-size:12px}.lesson-actions{flex-wrap:wrap;gap:4px}.lesson-actions .m3e-button{font-size:12px}.lesson-page.page-width{padding:18px 12px 25px}.lesson-heading,.lesson-page .breadcrumbs{margin-left:6px;margin-right:6px}.lesson-study-grid{gap:28px;margin:15px 6px}.lesson-flashcard{padding:24px}.lesson-flashcard h2{font-size:21px}.section-title h2{font-size:22px}.player-loading{min-height:250px}.dashboard-stats{gap:8px;margin-bottom:35px}.stat-card.m3e-card{flex-direction:column;align-items:flex-start;gap:13px;padding:18px 13px;display:flex}.stat-card strong{align-self:flex-start;font-size:35px}.stat-card span{font-size:10px}.stat-card>div{width:100%}.dashboard-stats .m3e-linear-progress{display:none}.dashboard-section{margin-bottom:35px}.review-section{border-radius:28px;gap:20px;padding:24px 20px}.review-section>div>h2{font-size:23px}.review-card.m3e-card,.review-empty.m3e-card{padding:24px 20px}.review-card h3{font-size:22px}.review-actions{gap:10px}.account-panel.m3e-card{padding:25px 22px}.empty-state{padding:45px 20px}.empty-state h3{font-size:21px}.embed-content,.embedded-lesson{padding:0}.storage-warning{padding:15px;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.library-page .m3e-select{height:46px!important;min-height:46px;width:min(280px,100%)}.library-page .m3e-select .m3e-text-field__field{display:flex;align-items:center;height:46px!important;min-height:46px;padding:0 4px 0 14px;overflow:hidden;border-radius:999px;background:var(--m3e-sys-color-surface-container);transition:border-radius .28s cubic-bezier(.2,0,0,1),background-color .18s ease}.library-page .m3e-select .m3e-text-field__input{flex:1;width:auto;min-width:0;height:46px;padding:0 34px 0 6px;overflow:hidden;color:var(--m3e-sys-color-on-surface);font-size:13px;font-weight:650;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.library-page .m3e-select .m3e-text-field__label{position:static;order:-1;flex:none;width:auto;height:auto;margin:0 6px 0 0;overflow:visible;clip-path:none;color:var(--m3e-sys-color-on-surface-variant);font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.library-page .m3e-select .m3e-text-field__indicator{display:none}.library-page .m3e-select .m3e-text-field__icon[data-m3e-position=trailing]{right:4px;display:grid;width:34px;height:46px;place-items:center;color:var(--m3e-sys-color-on-surface-variant);transition:transform .28s cubic-bezier(.2,0,0,1),color .18s ease}.library-page .m3e-select .m3e-select__chevron{width:18px;height:18px}.library-page .m3e-select:hover .m3e-text-field__field{background:var(--m3e-sys-color-surface-container-high)}.library-page .m3e-select:has(input[aria-expanded=true]) .m3e-text-field__field{border-radius:18px;background:var(--m3e-sys-color-primary-container)}.library-page .m3e-select:has(input[aria-expanded=true]) .m3e-text-field__input,.library-page .m3e-select:has(input[aria-expanded=true]) .m3e-text-field__label{color:var(--m3e-sys-color-on-primary-container)}.library-page .m3e-select:has(input[aria-expanded=true]) .m3e-text-field__icon{color:var(--m3e-sys-color-on-primary-container);transform:rotate(180deg)}.library-page .m3e-select:has(input:focus-visible) .m3e-text-field__field{outline:3px solid var(--m3e-sys-color-primary);outline-offset:2px}.m3e-select__listbox{width:max-content!important;min-width:min(260px,calc(100vw - 16px))!important;max-width:min(340px,calc(100vw - 16px))!important;max-height:min(60vh,520px);max-height:min(60dvh,520px);padding:8px!important;overflow-y:auto;overscroll-behavior:contain;border:1px solid color-mix(in srgb,var(--m3e-sys-color-outline-variant) 55%,transparent);border-radius:26px!important;background:var(--m3e-sys-color-surface-container)!important;box-shadow:0 12px 36px color-mix(in srgb,#000 16%,transparent),0 2px 8px color-mix(in srgb,#000 8%,transparent);scrollbar-color:var(--m3e-sys-color-outline-variant) transparent;scrollbar-width:thin}.m3e-select__listbox .m3e-select__option{display:flex;align-items:center;gap:10px;min-height:44px;height:auto;margin:2px 0;padding:10px 14px;border-radius:16px;color:var(--m3e-sys-color-on-surface);cursor:pointer;font-size:13px;font-weight:600;line-height:1.5;transition:background-color .18s ease,border-radius .28s cubic-bezier(.2,0,0,1)}.m3e-select__listbox .m3e-select__option:hover,.m3e-select__listbox .m3e-select__option[data-m3e-active=true]{background:var(--m3e-sys-color-surface-container-high)}.m3e-select__listbox .m3e-select__option[aria-selected=true],.m3e-select__listbox .m3e-select__option[data-m3e-checked=true]{background:var(--m3e-sys-color-primary-container);color:var(--m3e-sys-color-on-primary-container);font-weight:700}.m3e-select__listbox .m3e-select__option[data-m3e-checked=true]:after{content:"✓";flex:none;margin-left:auto;font-size:15px;font-weight:700}.m3e-select__listbox .m3e-select__option:active{border-radius:12px}.m3e-select__listbox .m3e-select__option[aria-disabled=true]{cursor:not-allowed;opacity:.45}@media (max-width:960px){.m3e-select__listbox{right:8px!important;left:auto!important}}@media (max-width:599px){.library-page .m3e-select{width:100%}.m3e-select__listbox{max-height:min(42dvh,360px)}}