.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #a9b7a9;border-radius:30px;background:transparent;color:var(--forest);padding:8px 13px;cursor:pointer;font:600 12px 'Segoe UI',Arial,sans-serif;white-space:nowrap;margin-left:12px}.theme-toggle:focus-visible{outline:3px solid var(--forest);outline-offset:4px}.moon-icon{width:19px;height:19px;border:2px solid currentColor;border-radius:48% 55% 45% 50%;box-shadow:inset 6px -3px 0 0 currentColor;transform:rotate(-20deg)}.night-sky{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:0;transition:opacity 1.6s ease .35s}.night-sky i{position:absolute;width:30px;height:30px;background:#e4c88d;mask:url('/assets/drawn-star.svg') center/contain no-repeat;opacity:0;transform:scale(.5) rotate(-12deg);transition:opacity 1.5s ease,transform 2s ease;transition-delay:calc(var(--n)*90ms)}.night-sky i:nth-child(3n){background:#cbbce6;width:23px;height:23px}.night-sky i:nth-child(3n + 1){background:#edb39c}.night-sky i:nth-child(4n){width:38px;height:38px}.night-sky i:nth-child(1){left:3%;top:15%}.night-sky i:nth-child(2){left:18%;top:13%}.night-sky i:nth-child(3){left:38%;top:8%}.night-sky i:nth-child(4){left:65%;top:15%}.night-sky i:nth-child(5){left:91%;top:17%}.night-sky i:nth-child(6){left:96%;top:42%}.night-sky i:nth-child(7){left:2%;top:49%}.night-sky i:nth-child(8){left:7%;top:79%}.night-sky i:nth-child(9){left:32%;top:88%}.night-sky i:nth-child(10){left:56%;top:92%}.night-sky i:nth-child(11){left:83%;top:84%}.night-sky i:nth-child(12){left:95%;top:70%}.header,main,.footer,.language-fallback{position:relative;z-index:1}.theme-ready body,.theme-ready .day-section,.theme-ready .preview,.theme-ready .preview aside,.theme-ready .demo-stats>div,.theme-ready .class-row,.theme-ready .floating-note,.theme-ready .moment-visual,.theme-ready .paper-strip,.theme-ready .message,.theme-ready .initial,.theme-ready select,.theme-ready .button,.theme-ready .avatar,.theme-ready .preview aside>.active{transition:background-color 1.8s ease,color 1.6s ease,border-color 1.6s ease,box-shadow 1.8s ease}.theme-ready h1,.theme-ready h2,.theme-ready h3,.theme-ready p,.theme-ready a,.theme-ready span,.theme-ready b,.theme-ready small,.theme-ready label,.theme-ready summary{transition:color 1.6s ease}.theme-ready .wash{transition:opacity 1.8s ease}.theme-ready .paint:after{transition:background-color 1.8s ease}
html[data-theme=night]{color-scheme:dark;--paper:#202936;--forest:#eee8da;--muted:#c1c9cb;--line:#46505e;--sage:#7d9b8c;--peach:#d7a58f;--lavender:#b9a7d3}html[data-theme=night] .night-sky{opacity:1}html[data-theme=night] .night-sky i{opacity:.67;transform:scale(1) rotate(8deg)}html[data-theme=night] body:before{opacity:.09}html[data-theme=night] .day-section{background:#25303d}html[data-theme=night] .preview{background:#2d3945;border-color:#3c4854;box-shadow:0 15px 45px #10182035}html[data-theme=night] .preview aside{background:#374b46}html[data-theme=night] .preview aside>.active,html[data-theme=night] .avatar{background:#52685c}html[data-theme=night] .demo-stats>div{background:#34434d;border-color:#50606a}html[data-theme=night] .peach{background:#594344}html[data-theme=night] .sage{background:#3d534c}html[data-theme=night] .lavender{background:#4c465f}html[data-theme=night] .floating-note,html[data-theme=night] .paper-strip,html[data-theme=night] .message,html[data-theme=night] .initial{background:#33414c;border-color:#65706e;color:#eee8da}html[data-theme=night] .button{background:#d6bda1;color:#202936}html[data-theme=night] .button:hover{background:#ecd4b9}html[data-theme=night] .wash{opacity:.15}html[data-theme=night] .paint:after{background:#a17d8055}html[data-theme=night] .handnote,html[data-theme=night] .idea h2 span{color:#bacfb9}html[data-theme=night] .star,html[data-theme=night] .little-sun{color:#e4c88d}html[data-theme=night] .scene-label{color:#c1c9cb}html[data-theme=night] .floating-note>span{color:#edb39c}html[data-theme=night] .theme-toggle{background:#3c4854;border-color:#8d9b9b}html[data-theme=night] .skip{background:#33414c}
@media(max-width:1100px){.header{flex-wrap:wrap;gap:14px}.header nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:12px}.language-picker{margin-left:auto}.theme-toggle{margin-left:0}}@media(max-width:760px){.theme-toggle{font-size:11px;padding:8px 10px;gap:5px}.language-picker select{max-width:105px;padding-right:8px}.header{gap:9px}.header nav{justify-content:space-between}.night-sky i{width:20px;height:20px}.night-sky i:nth-child(4n){width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){html.theme-ready *,html.theme-ready *:before,html.theme-ready *:after,.night-sky,.night-sky i{transition:none!important;animation:none!important}}