:root{--primary-color:#125f31;--secondary-color:#f6d724;--accent-color:#e74c3c;--text-color:#333;--light-text:#fff;--light-bg:#f9f9f9;--dark-bg:#000;--border-color:#ddd;--shadow:none;--transition:all .3s ease}[data-theme=dark]{--text-color:#e0e0e0;--light-bg:#1a1a1a;--dark-bg:#2d2d2d;--border-color:#444;--shadow:none}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--light-bg);flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;display:flex}body.home-page{isolation:isolate;min-height:100dvh;position:relative}body.home-page:before{content:"";z-index:-1;pointer-events:none;filter:blur(4px);background-image:url(/images/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:-28px;transform:scale(1.04)}body.has-dot-wave{isolation:isolate;background-color:var(--light-bg);position:relative;overflow-x:hidden}.dot-wave-layer{z-index:-1;pointer-events:none;position:fixed;inset:0}.dot-wave-canvas{width:100%;height:100%;display:block}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 20px}a{color:var(--primary-color);transition:var(--transition);text-decoration:none}a:hover{color:var(--secondary-color)}ul{list-style:none}img{max-width:100%;height:auto}.btn{background-color:var(--primary-color);color:var(--light-text);transition:var(--transition);cursor:pointer;border:none;border-radius:2px;padding:10px 20px;font-weight:600;display:inline-block}.btn:hover{background-color:var(--secondary-color);color:var(--text-color)}body>header{color:var(--primary-color);z-index:100;background:0 0;padding:6px 0;position:sticky;top:0}header .container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9f9f96b;border:1px solid #ffffff52;border-radius:2px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:6px 8px;display:grid;box-shadow:inset 0 1px #ffffff59}[data-theme=dark] header .container{background:#1414147a;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0f}.header-left{justify-self:start;align-items:center;gap:10px;display:flex}.header-brand{box-sizing:border-box;height:36px;color:var(--primary-color);align-items:center;gap:10px;padding:0 12px 0 8px;text-decoration:none;display:flex}.header-logo{width:auto;max-width:32px;height:32px}header h1{margin:0;font-size:1.4rem;line-height:1}.header-center{z-index:110;justify-self:center;position:relative}.header-right{grid-column:3;justify-self:end;align-items:center;gap:10px;display:flex}.header-auth-item>astro-island{display:contents}.header-auth-item:has(.header-auth:empty){display:none}.theme-toggle-host{align-items:center;display:inline-flex}.header-fullscreen-btn{color:var(--primary-color);box-sizing:border-box;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:inherit;line-height:0;display:inline-flex}.header-fullscreen-btn[hidden]{display:none}.header-fullscreen-btn:focus-visible{outline:2px solid var(--secondary-color);outline-offset:-2px}.header-fullscreen-btn .header-fullscreen-icon-exit,.header-fullscreen-btn[data-fullscreen=true] .header-fullscreen-icon-enter{display:none}.header-fullscreen-btn[data-fullscreen=true] .header-fullscreen-icon-exit{display:inline-flex}.header-auth{align-items:center;gap:8px;min-height:36px;display:inline-flex}.header-auth-user-btn{box-sizing:border-box;border-radius:2px;width:36px;height:36px;padding:0}.header-auth-avatar{border-radius:2px!important;width:36px!important;height:36px!important}.header-auth-btn{color:var(--primary-color);box-sizing:border-box;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#ffffffb8;border:1px solid #ffffff73;border-radius:2px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-family:inherit;font-size:.85rem;font-weight:600;line-height:1;transition:background .15s,color .15s;display:inline-flex}.header-auth-btn:hover:not(:disabled){border-color:var(--secondary-color);background:var(--secondary-color);color:#2f343a}.header-auth-btn:disabled{opacity:.45;color:color-mix(in srgb, var(--text-color) 55%, transparent);cursor:not-allowed;pointer-events:none}.header-auth-btn:disabled[aria-busy=true]{opacity:.65;cursor:wait;pointer-events:none}[data-theme=dark] .header-auth-btn{color:var(--light-text);background:#00000094;border-color:#ffffff1f}[data-theme=dark] .header-auth-btn:hover:not(:disabled){border-color:var(--secondary-color);background:var(--secondary-color);color:#2f343a}[data-theme=dark] .header-auth-btn:disabled{color:color-mix(in srgb, var(--light-text) 45%, transparent)}.whiteboard-toggle{color:var(--primary-color);box-sizing:border-box;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:2px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}a.whiteboard-toggle:hover{text-decoration:none}[data-theme=dark] .whiteboard-toggle{color:var(--light-text);background:#00000094;border-color:#ffffff1f}.whiteboard-toggle:hover,.header-center.is-open .whiteboard-toggle,[data-theme=dark] .whiteboard-toggle:hover,[data-theme=dark] .header-center.is-open .whiteboard-toggle{border-color:var(--secondary-color);background:var(--secondary-color);color:#2f343a}.whiteboard-toggle:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.whiteboard-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:top;opacity:0;visibility:hidden;pointer-events:none;z-index:120;background:#fffffff5;border:1px solid #125f312e;border-radius:2px;width:min(260px,100vw - 24px);padding:10px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(-6px)scale(.96);box-shadow:0 8px 24px #00000024}.whiteboard-menu--manage{flex-direction:column;width:min(420px,100vw - 24px);max-height:min(72vh,640px);padding:18px;display:flex;overflow:hidden}.whiteboard-menu--manage.is-sharing{width:min(800px,100vw - 24px)}@media (width>=901px){.whiteboard-menu--manage.is-sharing{width:min(800px,100vw - 48px);padding:22px}.whiteboard-menu--manage.is-sharing .whiteboard-manage-layout{flex:auto;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:stretch;gap:0;min-height:0;display:grid}.whiteboard-menu--manage.is-sharing .whiteboard-manage-primary,.whiteboard-menu--manage.is-sharing .whiteboard-manage-sharing{flex-direction:column;min-width:0;min-height:0;display:flex}.whiteboard-menu--manage.is-sharing .whiteboard-manage-primary{padding-right:22px}.whiteboard-menu--manage.is-sharing .whiteboard-manage-sharing{border-left:1px solid #125f3129;gap:0;padding-left:22px}.whiteboard-menu--manage.is-sharing .whiteboard-people-list{flex:auto;max-height:min(320px,42vh)}.whiteboard-menu--manage.is-sharing .whiteboard-people-row{grid-template-columns:34px minmax(0,1fr) 134px}.whiteboard-menu--manage.is-sharing .whiteboard-manage-col--people{min-height:0;max-height:min(440px,52vh);overflow:hidden}[data-theme=dark] .whiteboard-menu--manage.is-sharing .whiteboard-manage-sharing{border-left-color:#ffffff1f}}.whiteboard-manage-layout{flex-direction:column;flex:auto;gap:20px;min-width:0;min-height:0;display:flex}.whiteboard-manage-primary,.whiteboard-manage-sharing{flex-direction:column;min-width:0;min-height:0;display:flex}.whiteboard-manage-header{border-bottom:1px solid #125f3129;grid-template-columns:minmax(110px,1fr) minmax(0,auto) minmax(110px,1fr);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:18px;display:grid}.whiteboard-manage-library{color:var(--primary-color);white-space:nowrap;justify-self:start;padding:5px 0;font-size:.95rem;font-weight:700;text-decoration:none}.whiteboard-manage-library:hover{text-decoration:underline}.whiteboard-manage-library-icon{line-height:0;display:inline-flex}.whiteboard-manage-library-icon svg{width:1em;height:1em}[data-theme=dark] .whiteboard-manage-library{color:var(--secondary-color)}[data-theme=dark] .whiteboard-manage-header,[data-theme=dark] .whiteboard-manage-code-block{border-color:#ffffff1f}.whiteboard-manage-name-wrap{text-align:center;justify-self:center;min-width:0}.whiteboard-manage-header-spacer{min-width:0}.whiteboard-manage-title-ro,.whiteboard-manage-title-btn{font:inherit;color:var(--text-color);max-width:100%;margin:0;font-size:1.08rem;font-weight:700}[data-theme=dark] .whiteboard-manage-title-ro,[data-theme=dark] .whiteboard-manage-title-btn{color:var(--light-text)}.whiteboard-manage-title-btn{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;max-width:100%;padding:0;display:flex}.whiteboard-manage-title-btn [data-wb-title-text]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whiteboard-manage-pencil{opacity:.7;flex-shrink:0;display:inline-flex}.whiteboard-manage-pencil svg{width:.85em;height:.85em}.whiteboard-manage-name .whiteboard-join-input{width:100%;min-height:38px;font-size:.95rem}.whiteboard-manage-code-block{border-bottom:1px solid #125f3129;width:100%;padding-bottom:18px;position:relative}.whiteboard-manage-code-block[hidden],.whiteboard-manage-name-edit[hidden]{display:none!important}.whiteboard-manage-code-block .whiteboard-join-label{white-space:nowrap;margin:0;font-size:.95rem;font-weight:700}.whiteboard-manage-code-block .whiteboard-share-code{width:auto;min-width:8.75em;min-height:32px;padding:4px 9px;font-size:.86rem}.whiteboard-share-copies{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.whiteboard-share-copy-btn{white-space:nowrap;justify-content:center;gap:7px;width:100%;margin:0;padding-inline:8px}.whiteboard-manage-col{min-width:0}.whiteboard-manage-col--features[hidden]{display:none!important}.whiteboard-manage-col--features{padding-top:4px}.whiteboard-manage-col--people{flex-direction:column;gap:10px;min-height:0;display:flex}.whiteboard-manage-col>.whiteboard-join-label{margin:0;font-size:1.05rem;font-weight:700}.whiteboard-feature-row{margin:0;display:block;position:relative}.whiteboard-feature-row .whiteboard-people-target{max-width:none}.whiteboard-manage-block{flex-direction:column;gap:6px;display:flex}.whiteboard-manage-share-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.whiteboard-manage-share-head .whiteboard-join-label{margin-bottom:0}.whiteboard-people-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.whiteboard-people-heading .whiteboard-join-label{margin-bottom:0;font-size:.95rem;font-weight:700}.whiteboard-people-count{color:#125f31b8;font-size:.76rem}[data-theme=dark] .whiteboard-people-count{color:#ffffff9e}.whiteboard-people-follow-me{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.whiteboard-people-target{width:100%;max-width:none;margin-top:12px;display:grid}.whiteboard-people-target[hidden]{display:none!important}.whiteboard-people-target-select{width:100%;max-width:none;font:inherit;color:var(--primary-color);background:0 0;border:1px solid #125f3147;border-radius:2px;min-height:34px;padding:4px 8px;font-size:.88rem;font-weight:600}[data-theme=dark] .whiteboard-people-target-select{color:var(--light-text);background:#ffffff0f;border-color:#fff3}.whiteboard-share-toolbar-wrap{position:relative}.whiteboard-share-toolbar{flex-wrap:wrap;align-items:stretch;gap:6px;display:flex}.whiteboard-share-code-wrap{flex:88px;align-items:stretch;min-width:72px;display:flex;position:relative}.whiteboard-share-toast{z-index:2;text-align:center;white-space:pre-line;pointer-events:none;background:var(--primary-color);color:#fff;border-radius:2px;margin:0;padding:4px 8px;font-size:.72rem;font-weight:600;line-height:1.3;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000002e}[data-theme=dark] .whiteboard-share-toast{color:var(--secondary-color);background:#1a1a1af5;border:1px solid #ffffff29;box-shadow:0 1px 3px #00000059}.whiteboard-share-code{cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;font-family:inherit;font-weight:700;display:inline-flex}.whiteboard-share-code:disabled{cursor:not-allowed}.whiteboard-share-code-value{min-width:0}.whiteboard-share-code-icon{opacity:.72;flex-shrink:0;width:.85em;height:.85em}.whiteboard-share-toolbar .whiteboard-join-btn{flex:none}.whiteboard-switch{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.whiteboard-switch-label{color:var(--primary-color);font-size:.92rem;font-weight:600}[data-theme=dark] .whiteboard-switch-label{color:var(--light-text)}.whiteboard-switch input{opacity:0;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.whiteboard-switch.ui-switch-row input{opacity:1;clip:auto;width:42px;height:24px;position:static;overflow:visible}.whiteboard-switch-track{box-sizing:border-box;background:#125f3138;border:1px solid #125f3147;border-radius:999px;width:40px;height:24px;transition:background .15s;position:relative}.whiteboard-switch-track:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .15s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0003}.whiteboard-switch input:checked+.whiteboard-switch-track{background:var(--primary-color);border-color:var(--primary-color)}.whiteboard-switch input:checked+.whiteboard-switch-track:after{transform:translate(16px)}[data-theme=dark] .whiteboard-switch-track{background:#ffffff24;border-color:#fff3}[data-theme=dark] .whiteboard-switch input:checked+.whiteboard-switch-track{background:var(--primary-color);border-color:var(--primary-color)}.whiteboard-share-expiry{margin:0}.whiteboard-join-input--code{font-variant-numeric:tabular-nums;letter-spacing:.06em}.whiteboard-join-input:disabled,.whiteboard-join-btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.whiteboard-people-head{color:#125f31b8;text-transform:uppercase;letter-spacing:.03em;grid-template-columns:minmax(0,1fr) 72px 78px;align-items:center;gap:6px;font-size:.7rem;font-weight:600;display:grid}[data-theme=dark] .whiteboard-people-head{color:#ffffff8c}.whiteboard-people-list{flex-direction:column;gap:8px;min-height:0;max-height:min(280px,40vh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.whiteboard-people-row{background:#ffffff75;border:1px solid #125f312e;border-radius:2px;grid-template-columns:34px minmax(0,1fr) 134px;align-items:center;gap:10px;min-height:52px;padding:7px;display:grid}[data-theme=dark] .whiteboard-people-row{background:#ffffff09;border-color:#ffffff1f}.whiteboard-people-name{min-width:0;color:var(--text-color,#1a1a1a);white-space:normal;overflow-wrap:anywhere;font-size:.98rem;font-weight:500;line-height:1.3}[data-theme=dark] .whiteboard-people-name{color:var(--light-text)}.whiteboard-people-role-menu{min-width:0;position:relative}.whiteboard-people-role-menu summary{list-style:none}.whiteboard-people-role-menu summary::-webkit-details-marker{display:none}.whiteboard-people-role-trigger,.whiteboard-people-role-static{width:100%;min-height:34px;color:var(--primary-color);cursor:pointer;background:#fff9;border:1px solid #125f3147;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:.84rem;font-weight:600;display:flex}.whiteboard-people-role-static{cursor:default;justify-content:flex-start}.whiteboard-people-role-current,.whiteboard-people-role-option,.whiteboard-people-role-static{align-items:center}.whiteboard-people-role-current,.whiteboard-people-role-option{gap:8px;display:flex}.whiteboard-people-role-current svg,.whiteboard-people-role-option svg,.whiteboard-people-role-static svg{flex:none;width:1em;height:1em}.whiteboard-people-role-chevron{transition:transform .15s;display:inline-flex}.whiteboard-people-role-menu[open] .whiteboard-people-role-chevron{transform:rotate(180deg)}.whiteboard-people-role-options{background:#fff;border:1px solid #125f3138;border-radius:2px;gap:2px;margin-top:4px;padding:4px;display:grid}.whiteboard-people-role-option{width:100%;min-height:34px;color:var(--text-color);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;padding:5px 8px;font-size:.84rem;font-weight:600}.whiteboard-people-role-option:hover,.whiteboard-people-role-option[aria-selected=true]{background:#125f3117}[data-theme=dark] .whiteboard-people-role-trigger,[data-theme=dark] .whiteboard-people-role-static{color:var(--light-text);background:#ffffff0f;border-color:#fff3}[data-theme=dark] .whiteboard-people-role-options{background:#1a1a1a;border-color:#ffffff29}[data-theme=dark] .whiteboard-people-role-option{color:var(--light-text)}[data-theme=dark] .whiteboard-people-role-option:hover,[data-theme=dark] .whiteboard-people-role-option[aria-selected=true]{background:#ffffff17}.whiteboard-people-eye{appearance:none;width:34px;height:34px;color:var(--primary-color);cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}.whiteboard-people-eye svg{width:1.2em;height:1.2em}.whiteboard-people-eye:hover:not(:disabled){background:#125f3114}.whiteboard-people-eye[aria-pressed=true]{color:var(--primary-color)}.whiteboard-people-eye:disabled,.whiteboard-people-eye.is-locked{opacity:.4;cursor:not-allowed}[data-theme=dark] .whiteboard-people-eye{color:var(--light-text)}[data-theme=dark] .whiteboard-people-eye:hover:not(:disabled){color:var(--secondary-color);background:#ffffff14}.whiteboard-people-follow{appearance:none;color:var(--primary-color);font:inherit;cursor:pointer;background:0 0;border:1px solid #125f3147;border-radius:2px;padding:3px 4px;font-size:.7rem;font-weight:600;line-height:1.2}.whiteboard-people-follow:hover:not(:disabled){background:#125f3114}.whiteboard-people-follow[aria-pressed=true]{border-color:var(--primary-color);background:#125f311f}.whiteboard-people-follow:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .whiteboard-people-follow{color:var(--light-text);border-color:#fff3}[data-theme=dark] .whiteboard-people-follow:hover:not(:disabled){color:var(--secondary-color);background:#ffffff14}.whiteboard-people-edit{justify-self:end}.whiteboard-people-empty{margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.whiteboard-menu-action--secondary{color:var(--primary-color);background:0 0;border:1px solid #125f3147}.whiteboard-menu-action--secondary:hover{color:var(--primary-color);background:#125f3114}[data-theme=dark] .whiteboard-menu-action--secondary{color:var(--light-text);border-color:#ffffff29}[data-theme=dark] .whiteboard-menu-action--secondary:hover{color:var(--secondary-color);background:#ffffff14}.header-center.is-open .whiteboard-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}[data-theme=dark] .whiteboard-menu{background:#141816f5;border-color:#ffffff1f;box-shadow:0 8px 24px #0006}.whiteboard-menu-action{box-sizing:border-box;background:var(--primary-color);width:100%;height:34px;color:var(--light-text);border-radius:2px;justify-content:center;align-items:center;padding:0 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.whiteboard-menu-action:hover{color:var(--secondary-color);background:#0e4c28}.whiteboard-menu-divider{background:#125f3129;height:1px;margin:10px 0}[data-theme=dark] .whiteboard-menu-divider{background:#ffffff1f}.whiteboard-join-label{color:var(--primary-color);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}[data-theme=dark] .whiteboard-join-label{color:var(--light-text)}.whiteboard-join-row{align-items:stretch;gap:6px;display:flex}.whiteboard-join-input{min-width:0;height:32px;color:var(--text-color);box-sizing:border-box;background:#ffffffe6;border:1px solid #125f3147;border-radius:2px;flex:1;padding:0 10px;font-size:.85rem}[data-theme=dark] .whiteboard-join-input{color:var(--light-text);background:#1a1a1ad9;border-color:#ffffff29}.whiteboard-join-input:focus{outline:2px solid var(--secondary-color);outline-offset:0}.whiteboard-join-btn{border:1px solid var(--primary-color);background:var(--secondary-color);height:32px;color:var(--primary-color);cursor:pointer;border-radius:2px;flex-shrink:0;padding:0 12px;font-size:.85rem;font-weight:700}.whiteboard-join-btn:hover{filter:brightness(.97)}.whiteboard-join-btn--secondary{color:var(--primary-color);background:0 0;border-color:#125f3159}.whiteboard-join-btn--secondary:hover{filter:none;background:#125f3114}[data-theme=dark] .whiteboard-join-btn--secondary{color:var(--light-text);border-color:#ffffff38}[data-theme=dark] .whiteboard-join-btn--secondary:hover{color:var(--secondary-color);background:#ffffff14}.whiteboard-join-hint{color:var(--primary-color);margin:6px 0 0;font-size:.72rem;line-height:1.3}[data-theme=dark] .whiteboard-join-hint{color:var(--secondary-color)}nav,nav ul{align-items:center;height:36px;display:flex}nav ul{gap:10px}nav ul li{align-items:center;height:36px;margin:0;display:flex}.header-nav-link.ui-button{height:36px;min-height:0}.header-chip-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.header-chip-icon svg{width:1em;height:1em}.header-brand,.header-nav-link.ui-button,.header-fullscreen-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:2px}[data-theme=dark] .header-brand,[data-theme=dark] .header-nav-link.ui-button,[data-theme=dark] .header-fullscreen-btn{color:var(--light-text);background:#00000094;border-color:#ffffff1f}.header-brand:hover,.header-nav-link.ui-button:hover,.header-fullscreen-btn:hover,[data-theme=dark] .header-brand:hover,[data-theme=dark] .header-nav-link.ui-button:hover,[data-theme=dark] .header-fullscreen-btn:hover{border-color:var(--secondary-color);background:var(--secondary-color)}.header-brand:hover,.header-brand:hover h1,.header-nav-link.ui-button:hover,.header-fullscreen-btn:hover,[data-theme=dark] .header-brand:hover,[data-theme=dark] .header-brand:hover h1,[data-theme=dark] .header-nav-link.ui-button:hover,[data-theme=dark] .header-fullscreen-btn:hover{color:#2f343a}header .ui-button:hover{transform:none}header .header-right nav .ui-button:hover{border-color:var(--secondary-color);background:var(--secondary-color);color:#2f343a}.hero,.games-hero{background-color:var(--dark-bg);color:var(--light-text);text-align:center;padding:60px 0}.hero h2,.games-hero h2{margin-bottom:15px;font-size:2.5rem}.hero p,.games-hero p{max-width:700px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:1.2rem}.hero .btn{font-size:1.1rem}.features{padding:60px 0}.features .container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{background-color:var(--light-bg);border:1px solid var(--border-color);text-align:center;transition:var(--transition);border-radius:2px;padding:30px}[data-theme=dark] .feature-card{background-color:var(--dark-bg)}.feature-card:hover{border-color:var(--primary-color)}.feature-card i{color:var(--primary-color);margin-bottom:20px;font-size:2.5rem}.feature-card h3{margin-bottom:15px;font-size:1.5rem}.games-section{padding:40px 0 60px}.filter-container{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.search-grade-row{align-items:flex-end;gap:20px;display:flex}.search-bar{flex:200px;min-width:200px;position:relative}.search-bar .search-icon{color:var(--text-color);opacity:.5;pointer-events:none;width:.9rem;height:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-bar input{border:1px solid var(--border-color);background-color:var(--light-bg);width:100%;color:var(--text-color);transition:var(--transition);border-radius:999px;outline:none;padding:10px 15px 10px 40px;font-size:1rem}[data-theme=dark] .search-bar input{background-color:var(--dark-bg)}.search-bar input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #125f3126}.filter-group{border-top:1px solid var(--border-color);flex-direction:column;gap:6px;padding-top:8px;display:flex}.filter-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);opacity:.55;font-size:.75rem;font-weight:700}.filter-group-inline{border-top:none;flex-shrink:0;padding-top:0}.filter-chips-row{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{cursor:pointer;border:1.5px solid var(--border-color);background-color:var(--light-bg);color:var(--text-color);transition:var(--transition);-webkit-user-select:none;user-select:none;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-block}[data-theme=dark] .filter-chip{background-color:var(--dark-bg)}.filter-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}@media (width>=1280px){.games-grid{grid-template-columns:repeat(4,1fr)}}.game-card{border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.game-card:hover{border-color:var(--primary-color)}.game-card-image{aspect-ratio:16/9;background-color:#eee;background-position:50%;background-size:cover}.game-card-content{flex-direction:column;flex:1;padding:0;display:flex}.game-card-content h4{color:var(--primary-color);text-align:center;margin:0;padding:12px 14px;font-size:1.2rem;line-height:1.25}[data-theme=dark] .game-card-content h4{color:var(--light-text)}.game-card-badge-columns{grid-template-columns:1fr 1fr;display:grid}.game-card-badge-column{padding:10px 12px}.game-card-badge-column+.game-card-badge-column{border-left:1px solid var(--border-color)}.game-card-badge-label{color:#666;letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-bottom:7px;font-size:.68rem;font-weight:700;line-height:1.2}[data-theme=dark] .game-card-badge-label{color:var(--light-text)}.game-card-description{width:100%}.game-card-description p{color:var(--text-color);text-align:center;padding:0 14px 12px;font-size:.9rem;line-height:1.35}.chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.chip-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.game-card-badge-column .chip-row{justify-content:center}.game-card-badge-column .chip,.chip-secondary{font-size:.65rem}.chip-grade{color:var(--text-color)}.loading-container,.carousel-slide.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner{border:4px solid #0000001a;border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:15px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.google-search-row{padding:clamp(10px,2vw,30px) 0 clamp(4px,.6vw,10px)}.google-search-bars{justify-content:center;gap:clamp(8px,1.2vw,20px);display:flex}.google-search-bars-row2{margin-top:clamp(4px,.6vw,10px)}.google-search-bar{border:clamp(3px, .3vw, 5px) solid var(--border-color);background-color:var(--light-bg);transition:var(--transition);border-radius:999px;flex:1;align-items:center;max-width:420px;display:flex;overflow:hidden}[data-theme=dark] .google-search-bar{background-color:var(--dark-bg)}.google-search-bar:hover{border-color:var(--secondary-color);box-shadow:0 0 0 3px #f6d72426}.google-search-bar:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #125f311f}.google-search-icon{object-fit:contain;flex-shrink:0;width:clamp(18px,1.5vw,24px);height:clamp(18px,1.5vw,24px);margin-left:clamp(10px,1vw,16px)}.google-search-icon-zoom{transform:scale(1.8)}[data-theme=dark] .google-search-icon{filter:none}.google-search-input{color:var(--text-color);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:clamp(6px,.7vw,12px) clamp(8px,.8vw,12px);font-size:clamp(.8rem,.85vw,.95rem)}.google-search-input::placeholder{color:var(--text-color);opacity:.45}.google-search-clear{cursor:pointer;opacity:.4;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:flex}.google-search-clear:hover{opacity:.8}.google-search-clear img{width:16px;height:16px;color:var(--text-color)}[data-theme=dark] .google-search-clear img{filter:brightness(0)invert()}.google-search-btn{background-color:var(--primary-color);cursor:pointer;transition:var(--transition);color:#fff;border:none;border-radius:0 999px 999px 0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;margin:clamp(-5px,-.3vw,-3px) clamp(-5px,-.3vw,-3px) clamp(-5px,-.3vw,-3px) 0;padding:clamp(6px,.7vw,12px) clamp(10px,1vw,16px) clamp(6px,.7vw,12px) clamp(6px,.6vw,10px);display:flex}.google-search-btn:hover{background-color:var(--secondary-color);color:#2f343a}.google-search-btn img{object-fit:contain;filter:brightness(0)invert();width:clamp(18px,1.8vw,28px);height:clamp(18px,1.8vw,28px)}.google-search-btn svg{width:clamp(18px,1.4vw,24px);height:clamp(18px,1.4vw,24px)}.google-search-btn:hover img{filter:none}.app-gallery{padding:clamp(12px,2.5vw,40px) 0}.app-row-header{color:var(--primary-color);text-align:center;margin-bottom:clamp(8px,1vw,16px);font-size:clamp(1rem,1.1vw,1.4rem)}.app-row{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:clamp(10px,2.5vw,40px);display:flex}.app-subgroup{gap:clamp(6px,1vw,16px);display:flex}.app-split-row{justify-content:center;align-items:flex-start;gap:clamp(16px,3.5vw,60px);display:flex}.app-group{flex-direction:column;align-items:center;display:flex}.app-group .app-row-header{text-align:center}.app-item{border:2px solid var(--border-color);text-align:center;width:clamp(75px,8vw,140px);transition:var(--transition);color:var(--text-color);border-radius:2px;flex-direction:column;align-items:center;gap:clamp(4px,.6vw,10px);padding:clamp(8px,1.2vw,20px);display:flex}body.home-page .app-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f9f9f980}[data-theme=dark] .app-item{background-color:var(--dark-bg)}[data-theme=dark] body.home-page .app-item{background-color:#2d2d2d80}.app-item:hover{border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.app-icon-wrapper{border-radius:12px;flex-shrink:0;width:clamp(36px,4vw,64px);height:clamp(36px,4vw,64px);overflow:hidden}.app-item img{object-fit:contain;width:100%;height:100%;display:block}.app-item img.app-icon-crop{object-fit:cover}.app-item img.app-icon-zoom-in{object-fit:cover;transform:scale(1.3)}.app-item img.app-icon-zoom-out{object-fit:cover;transform:scale(.85)}.app-item span{font-size:clamp(.65rem,.8vw,.85rem);font-weight:600;line-height:1.3}.home-nav{justify-content:center;align-items:center;gap:40px;min-height:calc(100vh - 160px);display:flex}.home-nav-btn{border:3px solid var(--border-color);background-color:var(--light-bg);width:200px;height:200px;color:var(--text-color);transition:var(--transition);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-decoration:none;display:flex}[data-theme=dark] .home-nav-btn{background-color:var(--dark-bg)}.home-nav-btn:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.home-nav-btn i{color:var(--primary-color);font-size:3rem}.home-nav-btn span{font-size:1.4rem;font-weight:600}main{flex-direction:column;flex:1;display:flex}.page-nav-container{flex:1;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.page-nav-btn{border:2px solid var(--border-color);background-color:var(--light-bg);color:var(--primary-color);transition:var(--transition);border-radius:999px;align-items:center;gap:10px;padding:12px 28px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex}[data-theme=dark] .page-nav-btn{background-color:var(--dark-bg)}.page-nav-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.page-nav-btn i,.page-nav-btn-icon{color:var(--primary-color);justify-content:center;align-items:center;font-size:1.2rem;line-height:0;display:inline-flex}.page-nav-btn-icon svg{width:1.2em;height:1.2em}footer{color:#fff;text-align:center;background-color:#0000;margin:auto clamp(8px,1.2vw,20px) clamp(8px,1.2vw,20px);padding:clamp(8px,1.2vw,20px) 0}@media (width<=900px){header .container{flex-direction:column;gap:4px;display:flex}header h1{font-size:1.1rem}.header-left{align-self:center}.header-brand{height:28px;padding:0 10px 0 6px}.header-logo{height:24px}.header-center{justify-self:center}.whiteboard-toggle{height:28px;padding:0 10px;font-size:.85rem}.whiteboard-menu{width:min(240px,100vw - 24px)}.whiteboard-menu--manage{width:min(340px,100vw - 24px)}.whiteboard-menu--manage.is-sharing{width:min(520px,100vw - 24px)}.whiteboard-manage-header{grid-template-columns:auto minmax(0,1fr)}.whiteboard-manage-name-wrap{justify-self:end;max-width:100%}.whiteboard-manage-header-spacer{display:none}.header-right{flex-direction:row;justify-content:center;justify-self:center;align-items:center;gap:8px}.header-auth-btn{height:28px;padding:0 8px;font-size:.75rem}.header-auth-user-btn{width:28px;height:28px}.header-auth-avatar{width:28px!important;height:28px!important}nav,nav ul,nav ul li{height:28px}nav ul{gap:8px;margin:0}nav ul li{margin:0}.header-nav-link.ui-button{height:28px;padding:0 8px;font-size:.85rem}header .theme-toggle.ui-segmented{width:84px;height:28px;font-size:.75rem}.header-fullscreen-btn{width:28px;height:28px}.google-search-row{padding:12px 0 6px}.google-search-row .container{flex-direction:column;gap:8px;display:flex}.google-search-bars{flex-direction:column;align-items:stretch;gap:8px}.google-search-bars-row2{margin-top:0}.google-search-bar{border-width:3px;max-width:100%}.google-search-input{padding:8px 10px;font-size:.85rem}.google-search-btn{margin:-3px -3px -3px 0;padding:8px 12px 8px 8px}.google-search-btn img{width:22px;height:22px}.app-gallery{padding:16px 0}.app-row-header{margin-bottom:8px;font-size:1.1rem}.app-row,.app-subgroup{flex-wrap:wrap;justify-content:center;gap:8px}.app-split-row{flex-direction:column;align-items:center;gap:16px}.app-item{gap:6px;width:90px;padding:10px}.app-icon-wrapper{border-radius:8px;width:44px;height:44px}.app-item span{font-size:.72rem}.search-grade-row{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.hero h2,.games-hero h2{font-size:2rem}.hero p,.games-hero p{font-size:1rem}.features .container{grid-template-columns:1fr}footer{margin:10px;padding:12px 0;font-size:.8rem}}@media (width<=520px){.whiteboard-share-copies{grid-template-columns:1fr}.whiteboard-people-row{grid-template-columns:34px minmax(0,1fr) 124px;gap:7px}}@media (width>=769px) and (width<=900px){body.home-page{overflow:hidden auto}header .container{flex-direction:row;grid-template-columns:1fr auto 1fr;gap:6px;display:grid}header h1{font-size:1.05rem}.header-left{gap:6px}.header-logo{max-width:24px;height:24px}.header-brand{justify-self:start;gap:6px;padding:0 8px 0 5px}.header-right{justify-content:flex-end;justify-self:end}nav ul{gap:6px}header .header-right nav .ui-button--small{gap:5px;height:28px;min-height:28px;padding:0 7px;font-size:.75rem}header .whiteboard-toggle,header .header-fullscreen-btn,header .header-auth-btn{height:28px;min-height:28px}header .whiteboard-toggle{gap:5px;padding:0 8px;font-size:.8rem}header .header-auth-btn{gap:5px;padding:0 7px;font-size:.72rem}.google-search-row .container{gap:0}.google-search-bars{flex-flow:wrap;justify-content:center;align-items:center;gap:8px}.google-search-bar{min-width:0;max-width:100%}.google-search-bars-row2{margin-top:clamp(4px,.6vw,10px)}}@media (width<=480px){.games-grid{grid-template-columns:1fr}.filter-container{flex-direction:column;align-items:flex-start}.filter-container label{margin-bottom:5px}}@media (width>=901px){body.home-page{--home-tile:clamp(88px, min(9vw, 20vh), 140px);--home-icon:calc(var(--home-tile) * .48);--home-gap:clamp(5px, .7vw, 14px);--home-row-gap:clamp(12px, 2vw, 42px);--home-search-font:clamp(.86rem, min(1vw, 2.5vh), 1rem);min-height:100dvh;overflow:hidden auto}.home-page main{flex:1;justify-content:space-evenly;min-height:0}.home-page main .container{max-width:none}.home-page .google-search-row{padding:clamp(8px,1.8vh,18px) 0 clamp(4px,.8vh,8px)}.home-page .google-search-row .container{padding:0 clamp(14px,2vw,32px)}.home-page .google-search-bars{gap:var(--home-gap)}.home-page .google-search-bars-row2{margin-top:clamp(4px,.8vh,8px)}.home-page .google-search-icon{width:clamp(20px,3.5vh,26px);height:clamp(20px,3.5vh,26px)}.home-page .google-search-input{font-size:var(--home-search-font);padding:clamp(6px,1.2vh,12px) clamp(8px,.8vw,12px)}.home-page .google-search-btn{padding:clamp(6px,1.2vh,12px) clamp(10px,1vw,16px) clamp(6px,1.2vh,12px) clamp(7px,.7vw,10px)}.home-page .google-search-btn img{width:clamp(21px,3.8vh,28px);height:clamp(21px,3.8vh,28px)}.home-page .app-gallery{padding:clamp(5px,1.3vh,14px) 0}.home-page .app-row-header{margin-bottom:clamp(5px,1vh,14px);font-size:clamp(1.05rem,min(1.4vw,3vh),1.4rem);line-height:1.15}.home-page .app-row{gap:var(--home-row-gap)}.home-page .app-subgroup{gap:var(--home-gap)}.home-page .app-split-row{gap:var(--home-row-gap)}.home-page .app-item{width:var(--home-tile);gap:clamp(4px,.8vh,9px);padding:clamp(8px,1.5vh,18px)}.home-page .app-icon-wrapper{width:var(--home-icon);height:var(--home-icon)}.home-page .app-item span{font-size:clamp(.78rem,min(1vw,2.2vh),.95rem)}.home-page .page-nav-container{flex:none;min-height:clamp(40px,7vh,70px);margin-bottom:0}.home-page .page-nav-btn{padding:clamp(7px,1.4vh,12px) clamp(20px,2vw,28px);font-size:clamp(.95rem,min(1.2vw,2.5vh),1.1rem)}.home-page footer{flex:none;margin:clamp(6px,1vh,14px) clamp(8px,1.2vw,20px);padding:clamp(6px,1.2vh,14px) 0;font-size:clamp(.78rem,min(1vw,2vh),1rem)}}.game-card-image img{object-fit:cover;width:100%;height:100%;display:block}.game-card-image{position:relative;overflow:hidden}.game-card-image img{position:absolute;inset:0}body.forms-page,body.help-page{min-height:100dvh}.container.form-shell,body.forms-page main .container.form-shell,body.help-page main .container.form-shell{width:100%;max-width:1600px}.forms-hub{flex:1;align-items:center;padding:clamp(12px,2vw,28px) 0;display:flex}.help-hub{flex-direction:column;flex:1;padding:clamp(12px,2vw,28px) 0 clamp(24px,3vw,40px);display:flex}.help-hub-intro{margin-bottom:clamp(18px,2.4vw,28px)}.help-hub-title{color:var(--primary-color);margin:0 0 6px;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.15}.help-hub-lede{opacity:.78;max-width:42em;margin:0;font-size:.95rem;line-height:1.45}.classroom-codes-section{justify-content:center;margin-bottom:clamp(18px,2.5vw,30px);display:flex}.classroom-codes-badge{min-height:64px;color:var(--text-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-color);text-align:center;transition:var(--transition);background:#f9f9f9b8;border-radius:999px;justify-content:center;align-items:center;gap:clamp(10px,1.2vw,14px);padding:10px clamp(20px,3vw,34px);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.classroom-codes-badge img{object-fit:contain;width:clamp(38px,4vw,48px);height:clamp(38px,4vw,48px)}[data-theme=dark] .classroom-codes-badge{background:#2d2d2db8}.classroom-codes-badge:hover{border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px)}.classroom-codes-badge:focus-visible{outline:3px solid var(--secondary-color);outline-offset:3px}.classroom-codes-group{width:100%}.classroom-codes-group-title{color:var(--primary-color);margin:0 0 clamp(10px,1.4vw,16px);font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.2}[data-theme=dark] .classroom-codes-group-title{color:var(--light-text)}.classroom-codes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);display:grid}.classroom-code-button{min-height:72px;color:var(--text-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-color);text-align:center;transition:var(--transition);background:#f9f9f9b8;border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-size:clamp(.9rem,1.15vw,1.05rem);font-weight:700;line-height:1.2;text-decoration:none;display:flex}.classroom-code-button img{object-fit:contain;flex-shrink:0;width:38px;height:38px}[data-theme=dark] .classroom-code-button{background:#2d2d2db8}.classroom-code-button:hover{border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px)}.classroom-code-button:focus-visible{outline:3px solid var(--secondary-color);outline-offset:3px}.help-catalog-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.help-catalog-heading{flex:16rem}.help-section{margin-bottom:clamp(22px,3vw,36px)}.help-section:last-child{margin-bottom:0}.help-section-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:clamp(10px,1.4vw,16px);display:flex}.help-section-title{color:var(--primary-color);margin:0;font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.2}[data-theme=dark] .help-section-title{color:var(--light-text)}.help-view-all{white-space:nowrap;flex-shrink:0}.help-empty{opacity:.7;margin:0;font-size:.95rem}.forms-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);width:100%;display:grid}.forms-tile{text-align:center;min-height:clamp(120px,16vh,160px);color:var(--text-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-color);transition:var(--transition);background:#f9f9f994;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:clamp(12px,1.5vw,20px) 12px;font-size:clamp(.85rem,1.1vw,1.05rem);font-weight:700;text-decoration:none;display:flex}.ui-card--tile.forms-tile{min-height:clamp(120px,16vh,160px)}.forms-tile .ui-card-icon{background:0 0;width:auto;height:auto}[data-theme=dark] .forms-tile{background:#2d2d2d94}.forms-tile:hover{border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px)}.forms-tile-icon{color:var(--primary-color);line-height:0;display:inline-flex}.forms-tile-icon svg{width:clamp(40px,5vw,52px);height:clamp(40px,5vw,52px)}.forms-tile-label{max-width:12em;line-height:1.25}.forms-stub{text-align:center;flex:1;justify-content:center;align-items:center;padding:clamp(24px,4vw,48px) 20px;display:flex}.forms-stub h2{color:var(--primary-color);margin-bottom:8px;font-size:clamp(1.35rem,2.2vw,1.85rem)}.forms-stub p{opacity:.75;margin-bottom:20px}.form-page,.guide-page{flex:1;align-items:flex-start;padding:clamp(12px,2.5vw,36px) 0;display:flex}.guide-layout{flex-direction:column;gap:clamp(12px,1.8vw,18px);display:flex}.form-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border-color);background:#f9f9f9b8;border-radius:2px;width:100%;padding:clamp(16px,2.5vw,28px)}[data-theme=dark] .form-panel{background:#2d2d2db8}.guide-title-card{margin-bottom:0;position:static}.guide-title-card h2{color:var(--primary-color);margin:0;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.15}.guide-body-card{margin-top:0}.form-panel-header{margin-bottom:clamp(10px,1.4vw,14px)}.form-panel-header h2{color:var(--primary-color);font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.15}.guide-kicker{letter-spacing:.04em;text-transform:uppercase;opacity:.65;margin:0 0 4px;font-size:.8rem;font-weight:700}.guide-description{opacity:.78;margin:8px 0 0;font-size:.95rem;line-height:1.4}.guide-body{color:var(--text-color);font-size:.98rem;line-height:1.55}.guide-body h2{color:var(--primary-color);margin:1.35em 0 .45em;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.25}.guide-body h2:first-child{margin-top:0}.guide-body p,.guide-body ul,.guide-body ol{margin:0 0 .85em}.guide-body ul,.guide-body ol{padding-left:1.25rem}.guide-body li{margin-bottom:.3em}.guide-body a{color:var(--primary-color);font-weight:600}.guide-body a:hover{color:var(--secondary-color)}.guide-body strong{font-weight:700}.guide-body .guide-media{max-width:100%;margin:.35em 0 1.1em}.guide-body .guide-media img{border:1px solid color-mix(in srgb, var(--primary-color) 18%, transparent);background:#fff;border-radius:2px;width:100%;max-width:600px;height:auto;display:block}.guide-body .guide-media--phone img{max-width:280px}.guide-body .guide-inline-icon{vertical-align:-.15em;width:1.05em;height:1.05em;margin:0 .1em;display:inline-block}.guide-body sup.guide-fn,.guide-body sup{vertical-align:super;font-size:.7em;line-height:0}.guide-body sup a{font-weight:700;text-decoration:none}.guide-sources{border-top:2px solid var(--border-color);margin-top:clamp(18px,2.5vw,28px);padding-top:clamp(12px,1.8vw,18px)}.guide-sources h3{color:var(--primary-color);text-align:center;margin:0 0 12px;font-size:1.05rem}.guide-source-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guide-source-chips>li{margin:0;scroll-margin-top:1rem}.guide-source-chip{border:1px solid color-mix(in srgb, var(--text-color) 12%, transparent);background:color-mix(in srgb, var(--text-color) 7%, transparent);max-width:min(100%,22rem);color:var(--text-color);border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:.82rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}a.guide-source-chip:hover{background:color-mix(in srgb, var(--primary-color) 12%, transparent);border-color:color-mix(in srgb, var(--primary-color) 28%, transparent);color:var(--primary-color)}.guide-source-favicon{object-fit:cover;background:color-mix(in srgb, var(--text-color) 10%, transparent);border-radius:50%;flex-shrink:0;width:16px;height:16px}.guide-source-favicon--fallback{background:radial-gradient(circle at 50% 50%, transparent 38%, color-mix(in srgb, var(--text-color) 35%, transparent) 40% 52%, transparent 54%), color-mix(in srgb, var(--text-color) 12%, transparent);display:inline-block}.guide-source-chip-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.guide-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(16px,2vw,24px);display:flex}.form-intro{color:var(--text-color);margin-bottom:clamp(14px,2vw,22px);font-size:.95rem;line-height:1.45}.form-intro p{margin:0 0 8px}.form-intro ul{margin:0 0 10px;padding-left:1.25rem;list-style-type:disc;list-style-position:outside}.form-intro li{margin-bottom:4px}.form-intro-note{opacity:.85;font-size:.9rem}.form-back-link{color:var(--primary-color);white-space:nowrap;text-underline-offset:3px;font-size:.9rem;font-weight:600;text-decoration:underline}.form-back-link:hover{color:var(--secondary-color)}.tech-form{flex-direction:column;gap:clamp(12px,1.6vw,18px);display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-color);font-weight:700}.form-field-hint{opacity:.72;margin:0;font-size:.85rem;line-height:1.35}.form-field input,.form-field textarea{border:2px solid var(--border-color);width:100%;color:var(--text-color);font:inherit;transition:var(--transition);background:#ffffffd9;border-radius:2px;padding:10px 12px}[data-theme=dark] .form-field input,[data-theme=dark] .form-field textarea{background:#1a1a1ad9}.form-field input:focus,.form-field textarea:focus{border-color:var(--primary-color);outline:none}.form-field textarea{resize:vertical;min-height:96px}.form-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.ui-button.form-submit{min-width:120px;padding:10px 22px}@media (width<=768px){.classroom-codes-badge{width:min(100%,360px)}.classroom-codes-grid,.forms-grid{grid-template-columns:1fr}.forms-tile{min-height:88px}}@media (height<=800px) and (width>=901px){.form-page,.guide-page{padding:8px 0}.form-panel{padding:14px 18px}.form-panel-header{margin-bottom:12px}.tech-form{gap:10px}.form-field textarea{min-height:72px}.forms-hub,.help-hub{padding:8px 0}.classroom-codes-section{margin-bottom:14px}.classroom-codes-badge{min-height:54px;padding-block:7px}.classroom-codes-badge img{width:36px;height:36px}.forms-tile{min-height:96px}.forms-tile-icon svg{width:36px;height:36px}}:root{--notification-success:#125f31;--notification-warning:#f6d724;--notification-info:#5dade2;--notification-error:#f28c8c;--notification-white:#fff;--notification-black:#000;--notification-surface:var(--notification-white);--notification-ink:var(--notification-black);--notification-muted:#62686d;--notification-border:#125f3138;--notification-shadow:0 12px 30px #1d342624}[data-theme=dark]{--notification-surface:var(--notification-black);--notification-ink:var(--notification-white);--notification-muted:#d7d0c2;--notification-border:#ffffff24;--notification-shadow:0 14px 34px #00000057}.notification-center{z-index:220;align-items:center;display:inline-flex;position:relative}.notification-trigger,.notification-clear,.notification-dismiss,.toast-close{font:inherit;cursor:pointer}.notification-trigger{width:36px;height:36px;color:var(--primary-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-theme=dark] .notification-trigger{color:var(--light-text);background:#00000094;border-color:#ffffff1f}.notification-trigger:hover,.notification-center.is-open .notification-trigger{color:var(--notification-black);border-color:var(--secondary-color);background:var(--secondary-color)}.notification-trigger-icon,.notification-trigger-icon svg{width:18px;height:18px}.notification-badge{border:2px solid var(--notification-white);min-width:17px;height:17px;color:var(--notification-white);background:var(--notification-success);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.62rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-5px}[data-theme=dark] .notification-badge{border-color:var(--notification-black)}.notification-panel[hidden],.notification-badge[hidden],.notification-list[hidden]{display:none}.notification-panel{border:2px solid var(--notification-border);width:min(400px,100vw - 32px);max-height:min(560px,100dvh - 90px);color:var(--notification-ink);background:var(--notification-surface);box-shadow:var(--notification-shadow);border-radius:2px;position:absolute;top:calc(100% + 12px);right:-70px;overflow:auto}.notification-panel-head{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--notification-ink) 16%, transparent);background:var(--notification-surface);justify-content:space-between;align-items:center;gap:14px;padding:17px 16px;display:flex;position:sticky;top:0}.notification-panel-head h2{color:var(--notification-ink);margin:0;font-size:1.08rem;line-height:1.1}.notification-clear{border:1px solid color-mix(in srgb, var(--notification-ink) 22%, transparent);height:30px;color:var(--notification-ink);background:0 0;border-radius:2px;align-items:center;gap:6px;padding:0 9px;font-size:.75rem;font-weight:800;display:inline-flex}.notification-clear:hover:not(:disabled){color:var(--notification-black);border-color:var(--notification-error);background:var(--notification-error)}.notification-clear:disabled{cursor:default;opacity:.4}.notification-clear svg{width:14px;height:14px}.notification-list{margin:0;padding:0}.notification-item{--toast-accent:var(--notification-info);border-bottom:1px solid color-mix(in srgb, var(--notification-ink) 12%, transparent);grid-template-columns:34px minmax(0,1fr) 28px;gap:11px;padding:15px 14px;display:grid}.notification-item.is-success,.toast.is-success{--toast-accent:var(--notification-success)}.notification-item.is-warning,.toast.is-warning{--toast-accent:var(--notification-warning)}.notification-item.is-info,.toast.is-info{--toast-accent:var(--notification-info)}.notification-item.is-error,.toast.is-error{--toast-accent:var(--notification-error)}.toast.is-loading{--toast-accent:var(--notification-info)}.notification-item.is-unread{background:color-mix(in srgb, var(--toast-accent) 8%, transparent)}.notification-item-icon,.toast-icon{color:var(--notification-black);background:var(--toast-accent);border-radius:2px;flex:none;justify-content:center;align-items:center;display:inline-flex}.notification-item.is-success .notification-item-icon,.toast.is-success .toast-icon{color:var(--notification-white)}.notification-item-icon{width:34px;height:34px}.notification-item-icon svg{width:18px;height:18px}.notification-item-copy,.toast-copy{min-width:0}.notification-item-title,.toast-title{color:var(--notification-ink);margin:0;font-size:.92rem;font-weight:800;line-height:1.25}.notification-item-subtitle,.toast-subtitle{color:var(--notification-ink);opacity:.72;margin:3px 0 0;font-size:.76rem;font-weight:700;line-height:1.3}.notification-item-description,.toast-description{color:var(--notification-ink);opacity:.86;margin:6px 0 0;font-size:.79rem;line-height:1.4}.notification-item-time{color:var(--notification-muted);margin-top:7px;font-size:.68rem;display:block}.toast-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.toast-action{min-height:30px}.notification-dismiss,.toast-close{width:28px;height:28px;color:var(--notification-ink);opacity:.58;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}.notification-dismiss:hover,.toast-close:hover{background:color-mix(in srgb, var(--toast-accent) 16%, transparent);opacity:1}.notification-dismiss svg,.toast-close svg{width:16px;height:16px}.notification-empty{color:var(--notification-muted);text-align:center;margin:0;padding:34px 20px;font-size:.82rem}.notification-trigger:focus-visible,.notification-clear:focus-visible,.notification-dismiss:focus-visible,.toast-action:focus-visible,.toast-close:focus-visible{outline:2px solid var(--secondary-color);outline-offset:1px}.toast-region{z-index:1000;pointer-events:none;flex-direction:column;gap:10px;width:min(400px,100vw - 24px);display:flex;position:fixed;top:62px;right:16px}.toast{--toast-accent:var(--notification-info);border:1px solid color-mix(in srgb, var(--toast-accent) 55%, var(--notification-ink));border-left:6px solid var(--toast-accent);color:var(--notification-ink);background:var(--notification-surface);pointer-events:auto;border-radius:2px;grid-template-columns:42px minmax(0,1fr) 30px;align-items:start;gap:12px;padding:14px 12px 14px 14px;display:grid;overflow:hidden;box-shadow:0 8px 22px #212d262e}.toast-icon{width:42px;height:42px}.toast-icon svg{width:21px;height:21px}.toast.is-loading .toast-icon svg{animation:.8s linear infinite toast-loader-spin}@keyframes toast-loader-spin{to{transform:rotate(360deg)}}@media (width<=900px){.notification-trigger{width:28px;height:28px}.notification-panel{position:fixed;top:104px;right:12px}.toast-region{top:108px;right:12px}}@media (prefers-reduced-motion:no-preference){.toast{animation:.16s ease-out toast-enter}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.toast.is-loading .toast-icon svg{animation-duration:1.6s}}