@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight: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}}}@layer theme{:root,:host{--font-sans:"DM Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-800:#016630;--color-green-900:#0d542b;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-800:#1e2939;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-800:lab(37.4616% -36.7971 22.9692);--color-green-900:lab(30.797% -29.6927 17.382);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-800:lab(16.1051% -1.18239 -11.7533)}}}@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}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#101628;background:#f4f6fb;margin:0;font-family:DM Sans,sans-serif}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ffe400}}@layer components{.site-shell{max-width:1800px;min-height:100vh;margin:0 auto;padding:0 clamp(18px,4.4vw,76px)}.topline{border-bottom:1px solid #dfe4ef;justify-content:space-between;align-items:center;height:82px;display:flex}.brand{letter-spacing:-.08em;align-items:center;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;display:flex}.brand-mark{color:#0e68f5;margin-right:9px;font-size:27px;line-height:0}.brand-dot{color:#0e68f5}.topline-note,.eyebrow,.footer{letter-spacing:.18em;font-size:10px;font-weight:800}.topline-note{color:#737d92}.intro{padding:54px 0 42px;position:relative}.eyebrow{color:#0e68f5;align-items:center;gap:12px;display:flex}.eyebrow-line{background:currentColor;width:26px;height:1px}.eyebrow-index{color:#9ea8b9;margin-left:auto}.intro h1{letter-spacing:-.07em;margin:23px 0 15px;font-family:Manrope,sans-serif;font-size:clamp(37px,5vw,76px);font-weight:800;line-height:1.07}.intro h1 em{color:#0e68f5;font-style:normal}.intro p{color:#626d82;max-width:650px;margin:0;font-size:clamp(14px,1.45vw,18px);line-height:1.6}.cinema{background:#fff;border:1px solid #e4e8f0;margin-bottom:24px;padding:10px 10px 0;box-shadow:0 22px 70px #243b681a}.film{isolation:isolate;aspect-ratio:16/9;color:#fff;background:radial-gradient(circle at 55% 40%,#3297ff 0,#0e68f5 55%,#0647b7 100%);width:100%;transition:background 1.4s;position:relative;overflow:hidden}.film-dark{background:radial-gradient(circle at 50% 42%,#142a70 0,#0a1643 40%,#030818 100%)}.stage-blackout{background:#020307}.film-grain{z-index:15;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");position:absolute;inset:0}.film-orbit{pointer-events:none;border:1px solid #fff3;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:69%;top:-43%;left:17%}.orbit-two{aspect-ratio:1;width:50%;top:-25%;left:27%}.film-side-label{z-index:3;letter-spacing:.25em;opacity:.75;justify-content:space-between;font-size:clamp(7px,.8vw,11px);font-weight:800;display:flex;position:absolute;top:5%;left:3.5%;right:3.5%}.phone-wrap{z-index:4;width:27%;height:88%;transition:transform .8s;position:absolute;top:7%;left:50%;transform:translate(-50%)}.stage-overload .phone-wrap{transform:translate(-50%)rotate(-5deg)scale(1.03)}.phone-shadow{filter:blur(22px);opacity:.38;background:#001b5d;border-radius:50%;height:10%;position:absolute;bottom:-3%;left:7%;right:7%}.phone{background:#122139;border:.35vw solid #182842;border-radius:min(4.5vw,55px);width:100%;height:100%;padding:2.1%;position:relative;box-shadow:0 1.3vw 3vw #010b3352,inset 0 0 0 1px #ffffff59}.phone-screen{color:#142038;background:#f4f7fb;border-radius:min(3.8vw,47px);width:100%;height:100%;position:relative;overflow:hidden}.phone-calls .phone-screen{color:#fff;background:radial-gradient(circle at 45% 12%,#8dcdff,#1d66cd 65%,#143d86)}.phone-home .phone-screen{background:linear-gradient(150deg,#dbeaff 0,#a1c8fd 48%,#8baaf3 100%)}.statusbar{z-index:7;justify-content:space-between;align-items:center;font-size:clamp(7px,.75vw,12px);font-weight:800;display:flex;position:absolute;top:3%;left:9%;right:8%}.dynamic-island{z-index:8;background:#111625;border-radius:30px;width:26%;height:3.6%;position:absolute;top:2%;left:37%}.home-indicator{z-index:8;opacity:.7;background:#152039;border-radius:20px;width:26%;height:.7%;position:absolute;bottom:1.5%;left:37%}.phone-calls .home-indicator{background:#fff}.lockscreen{background:linear-gradient(160deg,#0000 42%,#00125366);height:100%;padding:18% 6% 6%}.lock-date{text-align:center;letter-spacing:.1em;font-size:clamp(6px,.7vw,10px);font-weight:700}.lock-time{text-align:center;letter-spacing:-.08em;font-family:Manrope,sans-serif;font-size:clamp(39px,5vw,82px);font-weight:700;line-height:1.15}.call-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff38;border-radius:1vw;align-items:center;gap:4%;margin-top:18%;padding:5%;animation:.45s both arrive;display:flex;box-shadow:0 12px 30px #001e5a2e}.call-avatar{aspect-ratio:1;background:#3edf9d;border-radius:50%;flex:0 0 19%;place-items:center;display:grid}.call-card small,.teacher-note small,.diary-card>small{letter-spacing:.08em;opacity:.8;font-size:clamp(5px,.56vw,9px);font-weight:800;display:block}.call-card strong{margin-top:3px;font-size:clamp(10px,1.2vw,20px);display:block}.call-pulse{aspect-ratio:1;background:#b4ffca;border-radius:50%;width:.8vw;margin-left:auto;animation:1.5s infinite pulse;box-shadow:0 0 0 .5vw #b4ffca38}.lock-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff2b;border-radius:.75vw;align-items:center;gap:4%;margin-top:4%;padding:4%;font-size:clamp(6px,.72vw,12px);animation:.5s both arrive;display:flex}.lock-notification b{opacity:.7;margin-left:auto;font-size:.6em;font-weight:500}.lock-notification.second{animation-delay:.3s}.lock-bottom{text-align:center;opacity:.8;font-size:clamp(6px,.6vw,10px);position:absolute;bottom:6%;left:0;right:0}.homescreen{height:100%;padding:22% 7% 6%}.home-title{letter-spacing:-.06em;font-family:Manrope,sans-serif;font-size:clamp(16px,1.8vw,30px);font-weight:800}.home-title span{color:#f0b500}.home-date{color:#47688e;margin-top:2%;font-size:clamp(6px,.8vw,12px)}.app-grid{grid-template-columns:repeat(3,1fr);gap:8% 5%;margin-top:15%;display:grid}.app-item{text-align:center}.app-icon{aspect-ratio:1;color:#fff;border-radius:23%;place-items:center;width:68%;margin:auto;display:grid;position:relative;box-shadow:0 .4vw .8vw #14346d29}.app-icon span{font-size:clamp(15px,2.1vw,35px);font-weight:800}.app-badge{color:#fff;background:#ff4d5c;border:1px solid #fff;border-radius:20px;place-items:center;min-width:32%;height:32%;padding:0 2px;font-size:clamp(6px,.7vw,11px);animation:.4s both pop;display:grid;position:absolute;top:-9%;right:-12%}.app-item small{margin-top:8%;font-size:clamp(5px,.6vw,10px);font-weight:600;display:block}.home-toast{background:#fffc;border-radius:.9vw;align-items:center;gap:4%;margin-top:10%;padding:4%;display:flex;box-shadow:0 10px 22px #0d418d21}.home-toast div{flex:1}.home-toast strong,.home-toast span{font-size:clamp(5px,.7vw,11px);display:block}.home-toast span{color:#6f7f97}.mesh-app{color:#0c5ecf;background:#fff;border-radius:.9vw;align-items:center;gap:7%;width:79%;padding:4%;font-size:clamp(8px,1vw,16px);font-weight:800;display:flex;position:absolute;bottom:9%;left:10%;box-shadow:0 5px 20px #0b2b5e24}.mesh-app b{color:#fff;aspect-ratio:1;text-align:center;background:#ef4b5f;border-radius:50%;width:1.35em;margin-left:auto}.diary-screen,.chats-screen{height:100%;padding:18% 6% 7%}.app-head{justify-content:space-between;align-items:center;font-size:clamp(9px,1vw,16px);font-weight:800;display:flex}.mini-back{font-size:1.8em;font-weight:400;line-height:.4}.diary-greeting{color:#66738c;margin-top:11%;font-size:clamp(10px,1vw,16px)}.diary-greeting strong{color:#111d36;letter-spacing:-.04em;font-family:Manrope,sans-serif;font-size:clamp(14px,1.5vw,25px)}.diary-tabbar{color:#8592a8;justify-content:space-between;margin:11% 0 6%;font-size:clamp(5px,.63vw,10px);display:flex}.diary-tabbar b{color:#0e68f5;border-bottom:2px solid;padding-bottom:5px}.diary-card{background:#fff;border-radius:1vw;padding:5%;box-shadow:0 5px 22px #2e446b14}.diary-card>small{color:#8b96a8}.lesson{border-bottom:1px solid #eef0f4;align-items:center;gap:5%;padding:6% 0;display:flex}.lesson:last-child{border-bottom:0;padding-bottom:0}.lesson>span{color:#9eabc1;font-size:clamp(6px,.7vw,10px)}.lesson div{flex:1}.lesson strong,.lesson small{font-size:clamp(7px,.8vw,13px);display:block}.lesson small{color:#9ba7ba}.lesson b{aspect-ratio:1;color:#20a755;background:#e0f8e7;border-radius:.4vw;place-items:center;width:1.8em;font-size:clamp(8px,1.05vw,16px);display:grid}.teacher-note{background:#dceafa;border-radius:.8vw;align-items:center;gap:4%;margin-top:5%;padding:5%;display:flex}.teacher-note.pale{background:#eaf0fb}.teacher-icon{aspect-ratio:1;color:#fff;background:#0e68f5;border-radius:.6vw;place-items:center;width:20%;display:grid}.teacher-note strong{margin-top:2px;font-size:clamp(6px,.77vw,12px);line-height:1.2;display:block}.teacher-note small{color:#50709e}.chats-heading{align-items:center;gap:5%;margin-top:13%;font-family:Manrope,sans-serif;font-size:clamp(18px,2vw,34px);font-weight:800;display:flex}.chats-heading b{aspect-ratio:1;color:#0e68f5;background:#e7efff;border-radius:50%;place-items:center;width:1.7em;font:800 clamp(8px,.8vw,13px) DM Sans,sans-serif;display:grid}.chat-tabs{color:#0e68f5;margin:6% 0 5%;font-size:clamp(6px,.75vw,12px);font-weight:800}.chat-tabs span{color:#9aa6b7;margin-left:6%;font-weight:500}.chat-list{background:#fff;border-radius:1vw;overflow:hidden}.chat-row{border-bottom:1px solid #edf0f5;align-items:center;gap:4%;padding:4%;display:flex}.chat-row.current{background:#eef5ff}.chat-avatar{aspect-ratio:1;color:#0e68f5;background:#dfebff;border-radius:50%;place-items:center;width:17%;font-size:clamp(7px,.8vw,13px);font-weight:800;display:grid}.chat-row:nth-child(2) .chat-avatar{color:#8065b6;background:#e5ddfc}.chat-row:nth-child(3) .chat-avatar{color:#dc7653;background:#fbe7de}.chat-row div:nth-child(2){flex:1;min-width:0}.chat-row strong,.chat-row small{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(6px,.75vw,12px);display:block;overflow:hidden}.chat-row small{color:#8290a5;font-size:clamp(5px,.64vw,10px)}.chat-row b{aspect-ratio:1;color:#fff;background:#0e68f5;border-radius:50%;place-items:center;width:1.6em;font-size:clamp(6px,.66vw,10px);display:grid}.chat-conversation{margin-top:7%}.bubble{background:#dfeafd;border-radius:.8vw .8vw .8vw 0;width:80%;padding:4%;font-size:clamp(6px,.72vw,12px);line-height:1.3}.bubble.alternate{background:#c2f2d7;border-radius:.8vw .8vw 0;margin:5% 0 0 auto}.reaction{background:#fff;border-radius:1vw;width:fit-content;margin:-2% 0 0 5%;padding:1% 3%;font-size:clamp(6px,.7vw,11px);box-shadow:0 2px 8px #d6dfed}.floating-word{z-index:2;color:#ffffff2b;pointer-events:none;font-family:Manrope,sans-serif;font-weight:800;position:absolute}.word-one{font-size:clamp(30px,6vw,90px);top:31%;left:7%;transform:rotate(-14deg)}.word-two{max-width:18%;font-size:clamp(15px,2.6vw,42px);line-height:1.05;top:43%;right:6%;transform:rotate(12deg)}.scene-caption{z-index:6;align-items:center;gap:1.4vw;display:flex;position:absolute;bottom:6%;left:3.5%}.scene-num{letter-spacing:-.08em;opacity:.32;font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,64px);font-weight:800}.scene-caption small{letter-spacing:.18em;opacity:.72;font-size:clamp(6px,.8vw,12px);font-weight:800;display:block}.scene-caption strong{letter-spacing:-.04em;max-width:24vw;margin-top:.35em;font-family:Manrope,sans-serif;font-size:clamp(11px,1.45vw,22px);line-height:1.13;display:block}.alert-field{z-index:5;pointer-events:none;position:absolute;inset:0}.flying-alert{color:#192746;background:#ffffffed;border:1px solid #ffffff4d;border-radius:.8vw;align-items:center;gap:.7vw;width:22%;padding:.7vw;animation:3s ease-in-out infinite alternate drift;display:flex;position:absolute;box-shadow:0 .7vw 2vw #01041440}.flying-alert strong,.flying-alert small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.flying-alert strong{font-size:clamp(5px,.7vw,11px)}.flying-alert small{color:#737f96;font-size:clamp(4px,.55vw,9px)}.flying-alert b{color:#f45860;margin-left:auto;font-size:clamp(7px,.8vw,12px)}.alert-symbol{aspect-ratio:1;color:#0e68f5;background:#e2edff;border-radius:.35vw;flex:0 0 16%;place-items:center;font-weight:800;display:grid}.flying-alert-0{top:17%;left:5%;transform:rotate(-8deg)}.flying-alert-1{animation-delay:-.4s;top:13%;right:4%;transform:rotate(6deg)}.flying-alert-2{animation-delay:-.9s;top:33%;left:2%;transform:rotate(4deg)}.flying-alert-3{animation-delay:-1.1s;top:34%;right:5%;transform:rotate(-7deg)}.flying-alert-4{animation-delay:-1.5s;top:54%;left:7%;transform:rotate(-4deg)}.flying-alert-5{animation-delay:-2s;top:60%;right:3%;transform:rotate(8deg)}.flying-alert-6{animation-delay:-.3s;top:3%;left:33%;transform:rotate(5deg)}.flying-alert-7{animation-delay:-.8s;top:73%;left:22%;transform:rotate(-5deg)}.flying-alert-8{animation-delay:-1.3s;top:75%;right:17%;transform:rotate(6deg)}.flying-alert-9{animation-delay:-2.1s;top:45%;left:20%;transform:rotate(9deg)}.flying-alert-10{animation-delay:-.7s;top:46%;right:16%;transform:rotate(-9deg)}.flying-alert-11{animation-delay:-1.8s;top:8%;right:28%;transform:rotate(-4deg)}.flying-alert-12{animation-delay:-2.2s;bottom:7%;right:2%;transform:rotate(7deg)}.blackout{z-index:9;background:#020307;animation:4s both blacken;position:absolute;inset:0}.blackout-line{background:#95acff;width:22%;height:1px;animation:4s both linefade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #6e84ff}.start-overlay,.pause-overlay,.end-overlay{z-index:20;color:#fff;text-align:left;border:0;display:flex;position:absolute;inset:0}.start-overlay{background:linear-gradient(90deg,#032569f0 0%,#0449a3ba 47%,#03419b24 100%);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:7% 9%}.start-kicker{letter-spacing:.24em;font-size:clamp(8px,.85vw,13px);font-weight:800}.start-title{letter-spacing:-.09em;margin:2.7% 0 4%;font-family:Manrope,sans-serif;font-size:clamp(58px,10vw,160px);font-weight:800;line-height:.9}.start-title i{color:#ffe400;font-style:normal}.start-period{color:#ffe400}.start-cta{letter-spacing:.07em;border-top:1px solid #ffffff80;align-items:center;gap:1.5vw;width:35%;padding-top:3%;font-size:clamp(9px,1.1vw,17px);font-weight:800;display:flex}.start-cta>svg{margin-left:auto}.start-cta small{opacity:.7;letter-spacing:.13em;margin-top:5px;font-size:.65em;font-weight:600;display:block}.play-disc{aspect-ratio:1;color:#123a7d;background:#ffe400;border-radius:50%;flex:0 0 3.6vw;place-items:center;width:3.6vw;min-width:35px;transition:transform .25s;display:grid}.start-overlay:hover .play-disc{transform:scale(1.12)}.pause-overlay{letter-spacing:.2em;background:#0106166b;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:800}.end-overlay{text-align:center;background:#020307;flex-direction:column;justify-content:center;align-items:center;gap:25px}.end-overlay>span:first-child{letter-spacing:-.08em;font-family:Manrope,sans-serif;font-size:clamp(54px,9vw,130px);font-weight:800}.end-overlay>span:last-child{letter-spacing:.15em;color:#ffe400;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.player-controls{align-items:center;gap:17px;height:68px;padding:0 18px;display:flex}.control-main,.control-icon{color:#142039;background:0 0;border:0;flex:none;place-items:center;display:grid}.control-main{color:#fff;background:#0e68f5;border-radius:50%;width:38px;height:38px}.control-icon{width:30px;height:30px}.time-label{font-variant-numeric:tabular-nums;color:#394a65;font-size:12px;font-weight:800}.timeline{appearance:none;background:linear-gradient(90deg,#0e68f5 var(--progress),#dfe6f1 var(--progress));cursor:pointer;border-radius:10px;flex:1;min-width:20px;height:5px}.timeline::-webkit-slider-thumb{appearance:none;background:#0e68f5;border-radius:50%;width:13px;height:13px}.timeline::-moz-range-thumb{background:#0e68f5;border:0;border-radius:50%;width:13px;height:13px}.sound-note{color:#647188;margin:0;padding:0 18px 15px;font-size:12px}.download-note{color:#647188;margin:0;padding:0 18px 17px;font-size:12px;line-height:1.5}.download-button{color:#fff;white-space:nowrap;background:#0e68f5;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:145px;min-height:36px;padding:0 13px;font-size:11px;font-weight:800;display:flex}.download-button:disabled{opacity:.7;cursor:wait}.film-recording{z-index:1000;aspect-ratio:auto;width:100vw;height:100vh;position:fixed;inset:0}.film-recording .start-overlay,.film-recording .pause-overlay,.film-recording .end-overlay{display:none}.footer{color:#929eb2;justify-content:space-between;gap:15px;padding:16px 0 34px;display:flex}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.01ms!important;animation-duration:.01ms!important}@keyframes arrive{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{50%{box-shadow:0 0 0 .9vw #b4ffca0a}}@keyframes pop{0%{transform:scale(.2)}to{transform:scale(1)}}@keyframes drift{to{translate:0 -1vw}}@keyframes blacken{0%{opacity:0}to{opacity:1}}@keyframes linefade{0%{opacity:1;scale:1}to{opacity:0;scale:0}}@media (max-width:800px){.topline{height:64px}.topline-note{display:none}.intro{padding:42px 0 32px}.intro h1{letter-spacing:-.06em}.cinema{padding:5px 5px 0}.film{aspect-ratio:4/5}.phone-wrap{width:58%;height:76%;top:11%}.phone{border-width:3px;border-radius:35px;padding:3px}.phone-screen{border-radius:30px}.film-side-label{top:3%}.scene-caption{bottom:3%}.scene-caption strong{max-width:43vw;font-size:13px}.scene-caption small{font-size:7px}.floating-word{opacity:.55}.word-one{top:24%;left:3%}.word-two{top:32%;right:2%}.statusbar{font-size:9px}.lock-date{font-size:8px}.lock-time{font-size:58px}.call-card{border-radius:10px}.call-card small,.teacher-note small,.diary-card>small{font-size:6px}.call-card strong{font-size:14px}.lock-notification{border-radius:8px;font-size:8px}.lock-bottom{font-size:7px}.home-title{font-size:22px}.home-date{font-size:9px}.app-icon span{font-size:24px}.app-item small,.app-badge{font-size:8px}.home-toast{border-radius:8px}.home-toast strong,.home-toast span{font-size:8px}.mesh-app{border-radius:8px;font-size:12px}.app-head,.diary-greeting{font-size:12px}.diary-greeting strong{font-size:18px}.diary-tabbar{font-size:8px}.diary-card{border-radius:10px}.lesson strong,.lesson small{font-size:9px}.lesson>span{font-size:8px}.lesson b{font-size:12px}.teacher-note{border-radius:8px}.teacher-note strong{font-size:9px}.chats-heading{font-size:25px}.chat-tabs,.chat-row strong{font-size:9px}.chat-row small,.chat-row b{font-size:7px}.chat-avatar{font-size:10px}.bubble{border-radius:7px;font-size:9px}.reaction{font-size:8px}.flying-alert{border-radius:7px;width:30%;padding:5px}.flying-alert strong{font-size:7px}.flying-alert small{font-size:6px}.start-overlay{background:linear-gradient(90deg,#032569f2,#0449a39e);padding:8%}.start-title{font-size:clamp(57px,14vw,100px)}.start-cta{gap:14px;width:77%;font-size:11px}.play-disc{width:42px}.player-controls{flex-wrap:wrap;gap:10px;height:auto;min-height:58px;padding:9px 8px}.download-button{min-width:100%}.film-recording{aspect-ratio:auto}.footer{font-size:8px;line-height:1.6}}@media (max-width:480px){.intro h1{font-size:36px}.film{aspect-ratio:3/4}.phone-wrap{width:61%}.footer span:last-child{display:none}.player-controls{gap:7px}.control-icon{width:25px}.duration{display:none}}}@layer utilities{.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}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--g-color-line-generic\)\]{border-color:var(--g-color-line-generic)}.bg-\[var\(--g-color-base-float\)\]{background-color:var(--g-color-base-float)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-100{background-color:var(--color-green-100)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[var\(--g-color-text-danger\)\]{color:var(--g-color-text-danger)}.text-\[var\(--g-color-text-link\)\]{color:var(--g-color-text-link)}.text-\[var\(--g-color-text-primary\)\]{color:var(--g-color-text-primary)}.text-\[var\(--g-color-text-secondary\)\]{color:var(--g-color-text-secondary)}.text-gray-800{color:var(--color-gray-800)}.text-green-800{color:var(--color-green-800)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--g-color-line-brand\)\]:focus{--tw-ring-color:var(--g-color-line-brand)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-green-200{color:var(--color-green-200)}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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}@keyframes pulse{50%{opacity:.5}}