.teacher-auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.teacher-auth-modal-card{width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 20px 45px #0003,0 0 0 1px #0000000d;overflow:hidden;font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.header-badge-title{display:flex;align-items:center;gap:12px}.auth-header-icon{font-size:2rem;background:#f1f5f9;border-radius:14px;padding:4px 8px}.auth-title{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.auth-subtext{font-size:.8rem;color:#64748b;font-weight:500}.auth-close-btn{background:transparent;border:none;font-size:1.1rem;color:#94a3b8;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s ease}.auth-close-btn:hover{background:#e2e8f0;color:#0f172a}.auth-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.auth-profile-box{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.profile-header-line{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding-bottom:10px;margin-bottom:4px}.profile-identity{display:flex;align-items:center;gap:10px}.profile-avatar-large{font-size:28px}.profile-title-name{font-size:1rem;font-weight:800;color:#0f172a;display:block}.profile-sub-school{font-size:.8rem;color:#64748b;display:block}.btn-edit-profile-trigger{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:5px 10px;font-size:.8rem;font-weight:700;color:#334155;cursor:pointer;transition:all .15s ease}.btn-edit-profile-trigger:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.profile-edit-form{display:flex;flex-direction:column;gap:12px}.edit-field{display:flex;flex-direction:column;gap:4px}.edit-field label{font-size:.8rem;font-weight:700;color:#475569}.edit-field input,.edit-field select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.88rem;font-family:inherit;background:#fff;color:#0f172a;outline:none}.edit-field input:focus,.edit-field select:focus{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.emoji-picker-row{display:flex;gap:8px;flex-wrap:wrap}.emoji-btn{font-size:20px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.emoji-btn:hover{background:#f8fafc;border-color:#94a3b8;transform:scale(1.08)}.emoji-btn.selected{border-color:#16a34a;background:#f0fdf4;box-shadow:0 0 0 2px #16a34a40}.edit-actions-row{display:flex;align-items:center;gap:10px;margin-top:6px}.btn-save-profile{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-save-profile:hover{background:#15803d}.btn-cancel-profile{background:transparent;color:#64748b;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-cancel-profile:hover{background:#e2e8f0;color:#1e293b}.profile-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.profile-label{color:#64748b;font-weight:600}.profile-value{color:#0f172a}.provider-tag{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #cbd5e1;padding:3px 8px;border-radius:6px;font-size:.76rem;font-weight:600;color:#1e293b}.google-icon{font-weight:900;color:#4285f4}.auth-section{display:flex;flex-direction:column;gap:10px}.auth-section-header{display:flex;align-items:center;justify-content:space-between}.section-title-row{display:flex;align-items:center;gap:8px}.section-icon{font-size:1.1rem}.auth-section-title{font-size:.88rem;font-weight:800;color:#1e293b}.auth-switch-label{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.auth-switch-label input{opacity:0;width:0;height:0}.auth-switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#cbd5e1;transition:.2s;border-radius:24px}.auth-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%;box-shadow:0 2px 4px #0003}.auth-switch-label input:checked+.auth-switch-slider{background-color:#16a34a}.auth-switch-label input:checked+.auth-switch-slider:before{transform:translate(20px)}.google-classroom-content{display:flex;flex-direction:column;gap:10px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:14px}.gc-status-banner{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#15803d}.gc-status-banner .status-dot{color:#22c55e;font-size:.85rem}.privacy-guarantee-card{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.privacy-guarantee-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.privacy-badge{font-size:.72rem;font-weight:800;color:#166534;letter-spacing:.03em}.ferpa-pill{font-size:.68rem;font-weight:700;color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:9999px;padding:2px 8px}.privacy-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.privacy-checklist li{display:flex;align-items:flex-start;gap:8px;font-size:.74rem;color:#1e293b;line-height:1.4}.privacy-check{font-size:.78rem;font-weight:900;color:#16a34a;flex-shrink:0;margin-top:1px}.gc-roster-label{font-size:.78rem;font-weight:700;color:#334155;margin-top:4px}.gc-courses-list{display:flex;flex-direction:column;gap:8px}.gc-course-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;gap:12px}.course-info{display:flex;flex-direction:column;gap:3px;flex:1}.course-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-name{font-size:.84rem;color:#0f172a}.platform-pill{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:9999px;letter-spacing:.02em}.platform-pill.google_classroom{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.platform-pill.microsoft_teams{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}.course-meta{font-size:.72rem;color:#64748b}.btn-sync-roster{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:7px 12px;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-sync-roster:hover{background:#15803d;transform:translateY(-1px)}.btn-sync-roster:disabled{opacity:.6;cursor:not-allowed}.auth-helper-note{font-size:.7rem;color:#475569;margin:0;line-height:1.35}.gc-disconnected-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:14px;text-align:center;font-size:.8rem;color:#64748b}.demo-accounts-grid{display:flex;flex-direction:column;gap:8px}.demo-account-pill{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 14px;cursor:pointer;text-align:left;transition:all .15s ease}.demo-account-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.demo-account-pill.is-active-account{background:#f0fdf4;border-color:#86efac}.demo-avatar{font-size:1.5rem}.demo-details{flex:1;display:flex;flex-direction:column;gap:2px}.demo-title-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-details strong{font-size:.86rem;color:#0f172a}.acc-platform-badge{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:6px}.acc-platform-badge.google{background:#e0f2fe;color:#0284c7}.acc-platform-badge.microsoft_365{background:#ede9fe;color:#6d28d9}.demo-details span{font-size:.74rem;color:#64748b}.active-check{font-size:.75rem;font-weight:800;color:#16a34a;background:#dcfce7;padding:3px 8px;border-radius:9999px}.btn-toggle-config{background:transparent;border:none;font-size:.78rem;font-weight:700;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:6px 0}.btn-toggle-config:hover{color:#0f172a}.oauth-config-drawer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.oauth-desc{font-size:.72rem;color:#64748b;margin:0;line-height:1.35}.oauth-desc code{background:#e2e8f0;padding:2px 4px;border-radius:4px;font-family:monospace}.oauth-field-block{display:flex;flex-direction:column;gap:4px}.oauth-field-label{font-size:.72rem;font-weight:700;color:#334155}.oauth-input-row{display:flex;gap:6px}.oauth-client-input{flex:1;border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px;font-size:.75rem;font-family:monospace}.oauth-client-input:focus{outline:none;border-color:#16a34a}.btn-save-oauth{background:#1e293b;color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:.75rem;font-weight:700;cursor:pointer}.auth-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.btn-sign-out{background:transparent;border:1px solid #fca5a5;color:#dc2626;border-radius:8px;padding:8px 14px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-sign-out:hover{background:#fef2f2;border-color:#ef4444}.btn-done{background:#1e293b;color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-done:hover{background:#0f172a}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.login-modal-card{width:100%;max-width:460px;background:#fff;border-radius:24px;box-shadow:0 25px 60px #00000040,0 0 0 1px #0000000d;overflow:hidden;font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.login-hero-header{background:linear-gradient(180deg,#f0fdf4,#dcfce7);padding:28px 24px 20px;text-align:center;border-bottom:1px solid #bbf7d0}.login-critter-avatar{margin:0 auto 12px}.login-brand-logo{max-height:48px;width:auto;object-fit:contain}.login-heading{margin:0 0 4px;font-size:1.35rem;font-weight:800;color:#14532d}.login-subheading{margin:0;font-size:.82rem;color:#166534;line-height:1.35}.login-actions-container{padding:24px;display:flex;flex-direction:column;gap:14px}.instant-access-box{background:#f0fdf4;border:2px solid #86efac;border-radius:16px;padding:4px}.btn-instant-teacher-access{width:100%;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:12px;padding:14px 18px;cursor:pointer;box-shadow:0 4px 12px #16a34a4d;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left}.btn-instant-teacher-access:hover{background:linear-gradient(135deg,#22c55e,#16a34a);transform:translateY(-2px);box-shadow:0 6px 18px #16a34a66}.btn-instant-teacher-access .btn-icon{font-size:1.7rem}.btn-text-block{display:flex;flex-direction:column}.btn-text-block strong{font-size:.98rem;font-weight:800;letter-spacing:.01em}.btn-text-block span{font-size:.74rem;opacity:.9}.login-divider{display:flex;align-items:center;text-align:center;color:#94a3b8;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:2px 0}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.login-divider span{padding:0 10px}.teacher-profiles-list{display:flex;flex-direction:column;gap:8px}.profile-select-btn{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:10px 14px;cursor:pointer;text-align:left;transition:all .15s ease}.profile-select-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(2px)}.profile-emoji{font-size:1.4rem}.profile-text{flex:1;display:flex;flex-direction:column;gap:2px}.profile-text strong{font-size:.88rem;color:#0f172a}.profile-text span{font-size:.72rem;color:#64748b}.profile-arrow{color:#94a3b8;font-size:1rem;font-weight:800}.sso-buttons-stack{display:flex;flex-direction:column;gap:8px}.btn-google-sso{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;padding:11px 16px;color:#1e293b;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-google-sso:hover{background:#f8fafc;border-color:#94a3b8}.google-icon-g{font-family:system-ui,sans-serif;font-weight:900;color:#4285f4;font-size:1.1rem}.btn-microsoft-sso{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;padding:11px 16px;color:#1e293b;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-microsoft-sso:hover{background:#f8fafc;border-color:#94a3b8}.ms-icon-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:16px;height:16px}.ms-sq{width:7px;height:7px;border-radius:1px}.ms-red{background-color:#f25022}.ms-green{background-color:#7fba00}.ms-blue{background-color:#00a4ef}.ms-yellow{background-color:#ffb900}.login-compliance-note{text-align:center;font-size:.68rem;color:#64748b;padding-top:4px}.beta-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#14261abf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.beta-modal-dialog{background:#fff8e9;border:2px solid #52754B;border-radius:24px;box-shadow:0 24px 60px #12261866;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1);color:#263d32;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.beta-modal-header{background:#fafdf6;border-bottom:1.5px solid #A3B887;padding:20px 26px 18px;position:relative}.header-badge-row{margin-bottom:8px}.beta-cohort-badge{display:inline-block;padding:4px 12px;background:#ebf5e7;border:1px solid #52754B;border-radius:9999px;font-size:11.5px;font-weight:800;color:#263d32;text-transform:uppercase;letter-spacing:.04em}.beta-modal-title{margin:0 0 6px;font-size:22px;font-weight:900;color:#263d32;letter-spacing:-.01em}.beta-modal-lead{margin:0;font-size:13.5px;color:#52754b;line-height:1.5}.beta-close-btn{position:absolute;top:18px;right:20px;background:transparent;border:none;font-size:20px;color:#52754b;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.beta-close-btn:hover{background:#ebf5e7;color:#263d32}.beta-modal-body{padding:22px 26px;overflow-y:auto;flex:1}.beta-notice-banner{display:flex;gap:10px;padding:10px 14px;background:#ebf5e7;border:1px solid #A3B887;border-radius:12px;margin-bottom:18px;font-size:12px;line-height:1.5;color:#263d32}.notice-icon{font-size:16px;flex-shrink:0}.beta-notice-banner p{margin:0}.beta-error-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fee2e2;border:1px solid #F87171;border-radius:10px;margin-bottom:16px;font-size:13px;font-weight:700;color:#991b1b}.form-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.form-group.full-width{grid-column:span 2}.form-label{font-size:12.5px;font-weight:800;color:#263d32}.required-star{color:#b87755}.optional-tag{font-size:11px;font-weight:600;color:#64748b}.form-input,.form-select{padding:9px 12px;background:#fff;border:1.5px solid #A3B887;border-radius:10px;font-size:13.5px;color:#263d32;outline:none;transition:all .15s ease;font-family:inherit}.form-input:focus,.form-select:focus{border-color:#52754b;box-shadow:0 0 0 3px #52754b2e}.checkboxes-section{display:flex;flex-direction:column;gap:12px;background:#fff;border:1.5px solid #A3B887;border-radius:14px;padding:14px 16px;margin-bottom:22px}.checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox-input{margin-top:3px;cursor:pointer;accent-color:#52754B;width:16px;height:16px;flex-shrink:0}.checkbox-label{font-size:12px;line-height:1.45;color:#37533b}.form-submit-row{display:flex;align-items:center;justify-content:flex-end;gap:12px}.btn-submit-application{padding:11px 24px;background:linear-gradient(135deg,#52754b,#3b5736);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #52754b47;transition:all .2s ease}.btn-submit-application:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #52754b61}.btn-submit-application:disabled{opacity:.65;cursor:not-allowed}.btn-cancel-application{padding:10px 18px;background:transparent;border:1.5px solid #A3B887;border-radius:12px;color:#52754b;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-cancel-application:hover{background:#ebf5e7;color:#263d32}.beta-confirmation-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 10px;gap:14px}.confirmation-icon-bubble{font-size:54px;line-height:1}.confirmation-headline{margin:0;font-size:24px;font-weight:900;color:#263d32}.confirmation-id-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ebf5e7;border:1.5px solid #52754B;border-radius:9999px;font-size:13px;color:#263d32}.confirmation-id-pill strong{font-family:monospace;font-size:15px;letter-spacing:.05em;color:#3b5736}.confirmation-text{margin:0;font-size:14px;color:#37533b;max-width:520px;line-height:1.55}.confirmation-steps-box{background:#fff;border:1.5px solid #A3B887;border-radius:16px;padding:18px 22px;text-align:left;width:100%;margin-top:6px}.confirmation-steps-box h4{margin:0 0 10px;font-size:13.5px;font-weight:800;color:#263d32}.confirmation-steps-box ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:#52754b;line-height:1.5}.confirmation-actions{margin-top:10px}.btn-confirm-done{padding:10px 24px;background:#52754b;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:all .15s ease}.btn-confirm-done:hover{background:#3b5736}@media(max-width:600px){.form-grid-two-col{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-submit-row{flex-direction:column-reverse}.btn-submit-application,.btn-cancel-application{width:100%;justify-content:center}}.teacher-login-page{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#182c22,#22382b,#15261d);font-family:Fredoka,Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a2e23;padding:24px 16px;box-sizing:border-box;overflow-x:hidden}.login-woodland-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:1}.ambient-sprout{position:absolute;opacity:.18;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));-webkit-user-select:none;user-select:none}.sprout-1{top:8%;left:6%;font-size:54px;transform:rotate(-12deg)}.sprout-2{bottom:12%;right:8%;font-size:48px;transform:rotate(18deg)}.sprout-3{top:18%;right:12%;font-size:36px}.login-shell{position:relative;z-index:2;width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px}.login-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 4px}.back-website-btn{display:inline-flex;align-items:center;gap:6px;color:#e2ead9;text-decoration:none;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);transition:all .2s ease}.back-website-btn:hover{background:#ffffff29;color:#fff;transform:translate(-2px)}.beta-status-badge{display:inline-flex;align-items:center;gap:6px;color:#f8df8b;font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 12px;border-radius:999px;background:#e9ab4f26;border:1px solid rgba(233,171,79,.35)}.beta-dot{font-size:10px;animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.login-card{background:#fffdf8;border-radius:24px;padding:32px 28px;box-shadow:0 24px 60px #08160e73,0 2px 6px #00000014;border:1px solid #E1E8D9;box-sizing:border-box}.login-card-hero{text-align:center;margin-bottom:24px}.login-logo-halo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:#ebf2e5;border:2px solid #D6E4CC;box-shadow:0 4px 14px #2b5e381f;margin-bottom:14px}.login-card-logo{width:52px;height:auto;object-fit:contain}.login-card-title{margin:0 0 6px;font-size:26px;font-weight:800;color:#1a2e23;letter-spacing:-.02em}.login-card-subtitle{margin:0;font-size:14px;line-height:1.45;color:#55685c;font-weight:500}.login-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.4;margin-bottom:18px;box-sizing:border-box}.alert-error{background:#fdf2f2;border:1px solid #F5C6C6;color:#9b2c2c}.alert-info{background:#f0fdf4;border:1px solid #BBF7D0;color:#166534}.alert-whitelist{background:#fffbeb;border:1.5px solid #FCD34D;color:#92400e;flex-direction:row}.whitelist-banner-content{flex:1;display:flex;flex-direction:column;gap:8px}.whitelist-header{display:flex;align-items:center;gap:6px;font-size:14px}.whitelist-desc{margin:0;font-size:12px;line-height:1.45;color:#78350f}.btn-apply-whitelist{align-self:flex-start;margin-top:4px;padding:6px 12px;border-radius:8px;border:none;background:#d97706;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-apply-whitelist:hover{background:#b45309}.alert-icon{flex-shrink:0;font-size:16px}.alert-text{flex:1}.alert-dismiss{background:transparent;border:none;color:inherit;font-size:14px;cursor:pointer;padding:0 2px;line-height:1;opacity:.6}.alert-dismiss:hover{opacity:1}.sso-section{display:flex;flex-direction:column;gap:10px}.btn-sso{display:flex;align-items:center;width:100%;padding:10px 14px;border-radius:14px;background:#fff;border:1.5px solid #D6E0D2;box-shadow:0 2px 6px #0000000a;cursor:pointer;text-align:left;transition:all .2s ease;gap:12px}.btn-sso:hover:not(:disabled){border-color:#2b5e38;background:#f9fbf8;box-shadow:0 4px 12px #2b5e381f;transform:translateY(-1px)}.btn-sso:disabled{opacity:.6;cursor:not-allowed}.sso-icon{flex-shrink:0}.ms-quad-grid{display:grid;grid-template-columns:repeat(2,9px);grid-gap:2px;width:20px;height:20px;align-content:center;justify-content:center}.ms-tile{width:9px;height:9px}.tile-red{background-color:#f25022}.tile-green{background-color:#7fba00}.tile-blue{background-color:#00a4ef}.tile-yellow{background-color:#ffb900}.sso-text{display:flex;flex-direction:column}.sso-text strong{font-size:14px;font-weight:700;color:#1a2e23;line-height:1.25}.sso-text small{font-size:11px;color:#6c7d73;font-weight:500}.login-divider{display:flex;align-items:center;text-align:center;margin:20px 0 16px;color:#8c9e93;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid #E1E8DC}.login-divider span{padding:0 12px}.email-login-form{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.field-label-row{display:flex;align-items:center;justify-content:space-between}.form-field label{font-size:13px;font-weight:700;color:#2c3e33}.btn-link-action{background:transparent;border:none;padding:0;font-size:12px;font-weight:600;color:#2b5e38;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.btn-link-action:hover{color:#164022}.input-frame{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #D5E0D2;border-radius:12px;padding:0 12px;transition:all .2s ease}.input-frame:focus-within{border-color:#2b5e38;box-shadow:0 0 0 3px #2b5e3826}.input-adornment{font-size:15px;margin-right:8px;-webkit-user-select:none;user-select:none;opacity:.8}.input-frame input{flex:1;border:none;outline:none;padding:12px 0;font-size:14px;font-family:inherit;color:#1a2e23;background:transparent;box-sizing:border-box}.input-frame input::placeholder{color:#9caea3}.btn-toggle-password{background:transparent;border:none;padding:4px;cursor:pointer;font-size:14px;opacity:.7;transition:opacity .15s ease}.btn-toggle-password:hover{opacity:1}.btn-submit-login{display:flex;align-items:center;justify-content:center;width:100%;padding:13px 20px;border-radius:14px;border:none;background:linear-gradient(180deg,#326b40,#255432);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #25543247;transition:all .2s ease;margin-top:4px}.btn-submit-login:hover:not(:disabled){background:linear-gradient(180deg,#3a7d4b,#2b5e38);box-shadow:0 6px 18px #25543261;transform:translateY(-1px)}.btn-submit-login:disabled{opacity:.65;cursor:not-allowed;transform:none}.reset-password-drawer{display:flex;flex-direction:column;gap:16px}.btn-back-to-login{background:transparent;border:none;padding:0;color:#2b5e38;font-size:13px;font-weight:700;cursor:pointer;margin-bottom:8px;display:inline-block;text-align:left}.reset-password-drawer h3{margin:0 0 6px;font-size:20px;font-weight:800;color:#1a2e23}.reset-password-drawer p{margin:0;font-size:13px;color:#55685c;line-height:1.45}.reset-form{display:flex;flex-direction:column;gap:14px}.reset-success-box{text-align:center;padding:18px;background:#f0fdf4;border-radius:16px;border:1px solid #BBF7D0}.success-icon{font-size:36px;display:block;margin-bottom:8px}.reset-success-box h4{margin:0 0 6px;font-size:16px;font-weight:800;color:#166534}.reset-success-box p{font-size:13px;color:#374151;margin-bottom:14px}.login-card-footer{margin-top:24px;padding-top:20px;border-top:1px solid #E1E8DC;display:flex;flex-direction:column;gap:14px}.beta-gate-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#fbf7ee;border:1.5px solid #F0DFB7}.callout-text{display:flex;flex-direction:column;gap:2px}.callout-text strong{font-size:13px;font-weight:800;color:#7a5314}.callout-text span{font-size:11px;color:#8c6b2e;line-height:1.3}.btn-apply-beta-callout{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;border:none;background:linear-gradient(180deg,#e9ab4f,#d49332);color:#fff;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #d493324d;transition:all .18s ease;flex-shrink:0}.btn-apply-beta-callout:hover{background:linear-gradient(180deg,#f0b761,#df9e3c);transform:translateY(-1px)}.sandbox-demo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 2px}.demo-label{font-size:12px;color:#6c7d73;font-weight:500}.btn-instant-sandbox{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:4px 6px;font-size:12px;font-weight:700;color:#2b5e38;cursor:pointer;border-radius:6px;transition:all .15s ease}.btn-instant-sandbox:hover{background:#ebf2e5;color:#194024}.demo-arrow{font-size:13px;transition:transform .15s ease}.btn-instant-sandbox:hover .demo-arrow{transform:translate(3px)}.login-ferpa-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:#77887e;line-height:1.35;padding:6px 2px 0}.shield-icon{flex-shrink:0;font-size:13px}@media(max-width:520px){.teacher-login-page{padding:16px 12px}.login-card{padding:24px 18px;border-radius:20px}.login-card-title{font-size:22px}.beta-gate-callout{flex-direction:column;align-items:stretch;text-align:left}.btn-apply-beta-callout{justify-content:center}.sandbox-demo-row{flex-direction:column;align-items:flex-start;gap:4px}}.home-preview-wrapper{min-height:100vh;background-color:var(--color-parchment);display:flex;align-items:center;justify-content:center;padding:32px 18px 48px;font-family:var(--font-ui);color:var(--color-forest-ink)}.home-preview-container{width:100%;max-width:780px;display:flex;flex-direction:column;align-items:center;gap:24px}.home-brand-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.home-logo-frame{max-width:440px;display:flex;justify-content:center}.home-main-logo{width:100%;height:auto;max-height:220px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(38,61,50,.12))}.home-brand-subtext{font-size:16px;font-weight:700;color:var(--color-forest-ink-muted);max-width:460px;line-height:1.45}.home-launch-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%}.home-launch-card{background-color:var(--color-parchment-surface);border:1.5px solid var(--color-parchment-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-cozy-card);padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:transform .15s ease,box-shadow .15s ease}.home-launch-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-cozy-float);border-color:var(--color-meadow-sage)}.card-top-icon{font-size:38px;line-height:1}.card-text-block{display:flex;flex-direction:column;gap:6px;flex:1}.card-headline{font-size:20px;font-weight:800;color:var(--color-forest-ink);letter-spacing:-.3px}.card-tagline{font-size:13.5px;color:var(--color-forest-ink-muted);line-height:1.45}.card-launch-action{width:100%;padding:12px;font-size:15px}.arrow-glyph{font-size:16px;transition:transform .15s ease}.card-launch-action:hover .arrow-glyph{transform:translate(2px,-2px)}.home-dual-action-row{width:100%;display:flex;justify-content:center}.dual-launch-special-btn{padding:14px 28px;font-size:16px;box-shadow:var(--shadow-btn-honey)}.home-quick-guide-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.quick-guide-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background-color:var(--color-meadow-sage-light);border:1px solid var(--color-meadow-sage-border);border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;color:var(--color-forest-ink)}.pill-step{width:18px;height:18px;border-radius:50%;background-color:var(--color-moss-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.home-dev-drawer{width:100%;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.dev-drawer-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;font-size:12px;font-weight:700;color:var(--color-forest-ink-faint);cursor:pointer;padding:6px 12px;border-radius:var(--radius-pill);transition:all .15s ease}.dev-drawer-toggle:hover{color:var(--color-forest-ink);background-color:var(--color-parchment-border)}.dev-drawer-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;background-color:var(--color-parchment-surface);border:1px solid var(--color-parchment-border);padding:10px 16px;border-radius:var(--radius-md)}.dev-tool-link{font-size:12.5px;font-weight:700;color:var(--color-forest-ink);text-decoration:none;padding:4px 10px;border-radius:var(--radius-sm);background-color:var(--color-parchment);border:1px solid var(--color-parchment-border);transition:all .12s ease}.dev-tool-link:hover{background-color:var(--color-meadow-sage-light);border-color:var(--color-moss-green)}@media(max-width:600px){.home-launch-cards-grid{grid-template-columns:1fr;gap:14px}.home-main-logo{max-height:170px}.home-quick-guide-row{flex-direction:column;align-items:stretch}}.home-top-account-bar{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:-10px}.home-back-website-link{font-size:13px;font-weight:700;color:#2d6a4f;text-decoration:none;padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-meadow-sage-light);border:1px solid var(--color-meadow-sage-border);transition:all .15s ease}.home-back-website-link:hover{background:#2d6a4f;color:#fff;border-color:#1b4332}.home-account-pill{display:inline-flex;align-items:center;gap:10px;background:var(--color-parchment-surface);border:1.5px solid var(--color-meadow-sage);border-radius:var(--radius-pill);padding:6px 14px;box-shadow:0 4px 12px #0000000a}.home-account-pill .account-avatar{font-size:1.25rem}.home-account-pill .account-info{display:flex;flex-direction:column;line-height:1.2}.home-account-pill .account-name{font-size:13px;font-weight:800;color:var(--color-forest-ink)}.home-account-pill .account-school{font-size:11px;color:#64748b}.gc-connected-pill{background:#f0fdf4;color:#15803d;font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px;border:1px solid #bbf7d0}.btn-switch-account{background:transparent;border:1px solid #cbd5e1;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;color:#475569;cursor:pointer;transition:all .15s ease}.btn-switch-account:hover{background:#f1f5f9;color:#0f172a}.btn-signout-account{background:transparent;border:1px solid #fecaca;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;color:#b91c1c;cursor:pointer;transition:all .15s ease}.btn-signout-account:hover{background:#fef2f2;border-color:#f87171;color:#991b1b}.home-guest-banner{display:flex;align-items:center;gap:12px;background:#fefce8;border:1px solid #fef08a;border-radius:var(--radius-pill);padding:6px 14px;font-size:12px;color:#854d0e}.btn-home-signin{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-home-signin:hover{background:#15803d}.egg-creature-container{position:absolute;width:calc(100% * 320 / 192);height:calc(100% * 320 / 192);left:calc(-100% * 64 / 192);top:calc(-100% * 128 / 192);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:19;opacity:1;transition:opacity 1.8s ease,transform .2s ease;will-change:opacity,transform;transform:scale(var(--egg-scale, 1.25));transform-origin:50% 97.5%}.egg-creature-container.phase-idle,.egg-creature-container.phase-wobble{z-index:25}.egg-creature-container.shell-fading{opacity:0;pointer-events:none}.egg-sprite-canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transform-origin:center bottom}.bed-prop-container{position:relative;display:inline-block;width:100%;height:100%;max-width:100%;aspect-ratio:1024 / 465;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bed-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.bed-layer-back{z-index:10}.bed-layer-front{z-index:25;transition:opacity .6s ease-in-out}.bed-prop-container.is-empty .bed-layer-front{opacity:0}.bed-prop-container.is-occupied .bed-layer-front{opacity:1}.bed-occupant-slot{position:absolute;left:18%;top:20%;width:64%;height:60%;z-index:20;display:flex;align-items:center;justify-content:center}.bed-occupant-slot .critter-wrapper{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important}.bed-occupant-slot .mosskin-ground-shadow,.bed-occupant-slot .pixel-ground-shadow{opacity:0!important;visibility:hidden!important}.bed-prop-container.is-mini{width:min(340px,92vw);height:auto;aspect-ratio:1024 / 465}.prop-box-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1e2a21a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out;pointer-events:auto!important}.prop-box-modal{background:#fcfdfb;border-radius:20px;border:1.5px solid rgba(147,168,144,.35);box-shadow:0 16px 40px #0003;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);pointer-events:auto!important;position:relative;z-index:100000}.prop-box-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px 14px;border-bottom:1px solid rgba(147,168,144,.2)}.header-title-group{display:flex;align-items:center;gap:12px}.prop-box-icon{font-size:28px}.prop-box-title{margin:0;font-size:19px;font-weight:800;color:#2d3e2c;font-family:var(--font-family-display, inherit)}.prop-box-subtitle{margin:3px 0 0;font-size:12px;color:#6c7d6b}.prop-box-close-btn{background:none;border:none;font-size:18px;color:#8c9e8b;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .15s ease}.prop-box-close-btn:hover{background:#0000000d;color:#2d3e2c}.prop-box-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 22px;background:#f4f7f3;border-bottom:1px solid rgba(147,168,144,.2);gap:10px}.prop-box-tabs{display:flex;gap:6px}.prop-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:12px;border:1px solid transparent;background:transparent;font-size:13px;font-weight:700;color:#556b54;cursor:pointer;transition:all .15s ease}.prop-tab-btn:hover{background:#93a89026;color:#2d3e2c}.prop-tab-btn.is-active{background:#fff;border-color:#93a89059;color:#2d3e2c;box-shadow:0 2px 6px #0000000d}.prop-random-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f9e79f,#f7dc6f);color:#7d6608;border:1px solid #F1C40F;border-radius:12px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.prop-random-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #f1c40f4d}.prop-box-sections-container{flex:1;overflow-y:auto;padding:16px 22px;display:flex;flex-direction:column;gap:22px}.prop-box-section{display:flex;flex-direction:column;gap:10px}.prop-box-section.locked-section{padding-top:14px;border-top:1.5px dashed rgba(147,168,144,.35)}.section-title-bar{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 4px}.section-heading{margin:0;font-size:14px;font-weight:800;color:#2d3e2c;display:flex;align-items:center;gap:6px}.section-subheading{font-size:11px;color:#6c7d6b}.prop-box-empty-hint{padding:18px;text-align:center;font-size:12px;color:#728371;background:#f4f7f3;border-radius:12px}.prop-box-student-view{flex:1;overflow-y:auto;padding:16px 22px;min-height:200px}.prop-box-empty-student{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;gap:8px}.empty-student-icon{font-size:36px}.empty-student-title{margin:0;font-size:16px;font-weight:800;color:#2d3e2c}.empty-student-desc{margin:0;font-size:12px;color:#6c7d6b;max-width:320px;line-height:1.4}.assigned-prize-tag{font-size:10px;font-weight:800;color:#d97706;background:#fef3c7;border:1px solid #FCD34D;border-radius:8px;padding:6px 10px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.prop-box-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.prop-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1.5px solid rgba(147,168,144,.25);border-radius:16px;transition:all .2s ease;cursor:pointer;position:relative}.prop-card.is-unlocked:hover{transform:translateY(-2px);border-color:#7da47b;box-shadow:0 6px 16px #7da47b2e}.prop-card.is-locked{opacity:.65;background:#f9faf8;cursor:not-allowed}.prop-card-art{width:72px;height:72px;flex-shrink:0;background:#edf3ec;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000000d}.prop-card-img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2d3e2ca6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff}.lock-icon{font-size:14px}.lock-tier-label{font-size:9px;font-weight:800;text-transform:uppercase}.prop-card-info{flex:1;min-width:0}.prop-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.prop-card-name{margin:0;font-size:14px;font-weight:700;color:#2d3e2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-category-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:#e8efe7;color:#4c654a;text-transform:uppercase}.prop-card-desc{margin:3px 0 6px;font-size:11px;color:#728371;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prop-card-rating{display:flex;align-items:center}.rating-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;font-size:11px;font-weight:700}.rating-pill.rating-loved{background:#fff7d1;color:#b7791f}.rating-pill.rating-liked{background:#e6fffa;color:#234e52}.rating-pill.rating-tolerated{background:#edf2f7;color:#4a5568}.rating-pill.rating-disliked{background:#fff5f5;color:#c53030}.rating-pill.rating-unknown{background:#f1f4f0;color:#7a8e78;font-weight:500;font-size:10px}.prop-locked-hint{margin-top:4px}.goal-active-hint{display:inline-block;font-size:10px;font-weight:700;color:#1d4ed8;background:#eff6ff;border:1px solid #BFDBFE;padding:2px 7px;border-radius:6px}.goal-available-hint{display:inline-block;font-size:10px;font-weight:700;color:#b45309;background:#fef3c7;border:1px solid #FCD34D;padding:2px 7px;border-radius:6px}.prop-card-actions{display:flex;align-items:center;flex-shrink:0}.prop-action-cta-btn{border-radius:10px;padding:6px 14px;font-size:12px;font-weight:800;cursor:pointer;transition:all .15s ease;white-space:nowrap}.give-action-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;box-shadow:0 2px 6px #22c55e4d}.give-action-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 10px #22c55e66}.unlock-award-btn{background:#fffbeb;color:#b45309;border:1.5px solid #FCD34D}.unlock-award-btn:hover{background:#fde68a;color:#92400e;border-color:#f59e0b}.prop-box-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;background:#f4f7f3;border-top:1px solid rgba(147,168,144,.2);gap:12px}.footer-progress-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#1e293b}.footer-pbis-badge{font-size:11px;color:#166534;background:#dcfce7;border:1px solid #86EFAC;padding:4px 10px;border-radius:9999px;font-weight:600}.unlock-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200000;padding:16px}.unlock-dialog-card{width:420px;max-width:100%;background:#fff;border-radius:20px;padding:24px;text-align:center;box-shadow:0 25px 60px #00000073;animation:propModalScale .2s cubic-bezier(.16,1,.3,1) forwards;z-index:200001}.dialog-icon{margin-bottom:12px;display:flex;justify-content:center;align-items:center}.dialog-icon-img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.dialog-title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 8px}.dialog-text{font-size:13px;color:#475569;line-height:1.4;margin:0 0 14px}.dialog-notice{background:#fef3c7;border:1px solid #FCD34D;border-radius:10px;padding:8px 12px;font-size:11px;color:#92400e;margin-bottom:18px;text-align:left}.dialog-actions{display:flex;gap:10px;justify-content:center}.dialog-cancel-btn{padding:8px 18px;border-radius:10px;border:1.5px solid #CBD5E1;background:#fff;font-family:inherit;font-size:13px;font-weight:700;color:#64748b;cursor:pointer}.dialog-confirm-btn{padding:8px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 3px 8px #f59e0b59}.mini-habitat-container{width:100vw;height:100vh;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;background-position:center bottom;background-size:cover;background-repeat:no-repeat;overflow:hidden;position:relative;font-family:var(--font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);transition:background-image .3s ease,background-color .3s ease;-webkit-user-select:none;user-select:none}.mini-habitat-container.is-glass-mode{background-color:#f3f8f394!important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.65)}.mini-habitat-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;position:relative;z-index:10}.mini-habitat-badge{display:inline-flex;align-items:center;gap:4px;background-color:#ffffffe6;color:var(--color-sage-dark, #3E4F3C);border:1px solid rgba(147,168,144,.4);border-radius:var(--radius-full, 9999px);padding:3px 8px;font-size:10px;font-weight:700;font-family:var(--font-family-display, inherit);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px #0000000f}.mini-top-right-actions{display:flex;align-items:center;gap:5px}.mini-glass-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background-color:#ffffffe0;border:1px solid rgba(147,168,144,.4);font-size:13px;cursor:pointer;box-shadow:0 1px 4px #0000000d;transition:all .15s ease}.mini-glass-toggle-btn:hover{background-color:#fff;transform:scale(1.06)}.mini-glass-toggle-btn.is-active{background-color:#e8f5e9;border-color:#81c784}.mini-return-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background-color:#ffffffe0;color:var(--color-sage-dark, #3E4F3C);border:1px solid rgba(147,168,144,.4);font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 1px 4px #0000000d;transition:all .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mini-return-btn:hover{background-color:#fff;transform:scale(1.06)}.mini-stage{flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2;padding-bottom:2px}.mini-critter-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mini-habitat-container .critter-wrapper{width:min(180px,66vw);height:min(160px,58vh);max-width:200px;max-height:180px;margin-bottom:0}.mini-habitat-container .mosskin-ground-shadow{width:140px;max-width:72%;height:14px;bottom:4px}.mini-reward-dock{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px 8px;background:#ffffffd1;border-top:1px solid rgba(147,168,144,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.mini-dock-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 6px;background:#fff;border:1px solid rgba(147,168,144,.35);border-radius:10px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000000d}.mini-dock-btn:hover{background:#f4f8f4;border-color:#7da47b;transform:translateY(-1px)}.mini-dock-btn:active{transform:translateY(1px)}.dock-btn-icon{font-size:16px;line-height:1.1}.dock-btn-label{font-size:9px;font-weight:700;color:#3e4f3c;font-family:var(--font-family-display, inherit)}.mini-dock-btn.dock-box-btn{flex:0 0 32px;padding:4px}.mini-dock-btn.dock-wake-btn{flex:1;flex-direction:row;gap:6px;background:linear-gradient(135deg,#fff9db,#fff3bf);border-color:#f59f00;padding:8px 12px}.dock-wake-btn .dock-btn-label{font-size:11px;color:#d9480f}.mini-reward-toast{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#1e2a21d9;color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:9999px;box-shadow:0 4px 12px #0003;white-space:nowrap;animation:miniToastFade 1.8s ease forwards;pointer-events:none;z-index:30}@keyframes miniToastFade{0%{opacity:0;transform:translate(-50%,-6px) scale(.9)}15%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.9)}}.timer-display-widget{display:inline-flex;align-items:center;gap:12px;background:#fff8e9f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(82,117,75,.35);border-radius:18px;padding:8px 16px;box-shadow:0 6px 20px #263d321f;color:#263d32;font-family:Nunito,system-ui,sans-serif;-webkit-user-select:none;user-select:none;animation:timerEnter .35s cubic-bezier(.18,.89,.32,1.28);transition:all .25s ease}@keyframes timerEnter{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.timer-ring-container{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.timer-svg-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring-bg{stroke:#52754b26}.timer-ring-progress{stroke:#52754b;transition:stroke-dashoffset .3s linear,stroke .4s ease}.timer-ring-progress.is-warning{stroke:#e9ab4f}.timer-ring-progress.is-urgent{stroke:#b87755;animation:urgentPulse 1s ease-in-out infinite alternate}@keyframes urgentPulse{0%{stroke-width:3.5}to{stroke-width:4.8}}.timer-ring-icon{position:absolute;font-size:16px;display:flex;align-items:center;justify-content:center}.timer-info-content{display:flex;flex-direction:column;gap:2px}.timer-title-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#52754b}.timer-digits-display{font-family:var(--font-digital, "Share Tech Mono", monospace);font-size:30px;font-weight:700;line-height:1;color:#263d32;letter-spacing:.5px}.timer-digits-display.is-warning{color:#b87755}.timer-display-widget.is-paused{border-color:#e9ab4f99;opacity:.88}.timer-display-widget.is-paused .timer-digits-display{animation:pausedBlink 1.2s ease-in-out infinite alternate}@keyframes pausedBlink{0%{opacity:.45}to{opacity:1}}.timer-display-widget.is-completed{background:#fff8e9fa;border:2px solid #E9AB4F;box-shadow:0 8px 24px #e9ab4f4d,0 0 14px #e9ab4f33;animation:celebrationBounce .6s ease infinite alternate}@keyframes celebrationBounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.completed-banner{display:flex;align-items:center;gap:8px}.completed-title{font-family:Pixelify Sans,monospace;font-size:20px;font-weight:800;color:#b87755;letter-spacing:.5px}.picker-display-overlay{display:flex;flex-direction:column;align-items:center;width:100%;-webkit-user-select:none;user-select:none;animation:pickerPopIn .35s cubic-bezier(.18,.89,.32,1.28)}@keyframes pickerPopIn{0%{opacity:0;transform:translateY(-16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.picker-name-card{position:relative;background:#fff8e9f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid #E9AB4F;border-radius:20px;padding:18px 28px;box-shadow:0 10px 32px #263d3233,0 0 16px #e9ab4f40;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:min(340px,80vw);max-width:min(520px,90vw)}.picker-card-tag{display:inline-flex;align-items:center;gap:6px;background:#e9ab4f33;border:1px solid rgba(233,171,79,.5);border-radius:9999px;padding:3px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#8e5434}.picker-student-name{font-family:Nunito,system-ui,sans-serif;font-size:38px;font-weight:900;color:#263d32;margin:4px 0;line-height:1.1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.picker-card-footer{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#52754b}.picker-close-btn{position:absolute;top:10px;right:12px;background:none;border:none;font-size:16px;color:#7a9184;cursor:pointer;padding:4px 6px;border-radius:50%;line-height:1;transition:all .15s ease}.picker-close-btn:hover{background:#52754b26;color:#263d32}.picker-groups-board{position:relative;background:#fff8e9f7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:2.5px solid #52754B;border-radius:22px;padding:16px 24px;box-shadow:0 16px 48px #263d3247,0 0 0 1px #ffffffb3 inset;display:flex;flex-direction:column;gap:12px;width:100%;max-width:min(1200px,94vw);max-height:48vh;box-sizing:border-box;overflow-y:auto}.groups-board-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(82,117,75,.2);padding-bottom:10px}.groups-board-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;color:#263d32;margin:0}.groups-activity-name{color:#52754b;font-weight:800}.groups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;width:100%;box-sizing:border-box;align-items:stretch}.group-pill-card{background:#fff;border:1.5px solid rgba(82,117,75,.32);border-radius:14px;padding:12px 14px;box-shadow:0 3px 10px #263d320f;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;min-width:0;transition:transform .18s ease,box-shadow .18s ease}.group-pill-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #263d321f;border-color:#52754b}.group-name-tag{font-size:12px;font-weight:800;text-transform:uppercase;color:#334a2f;letter-spacing:.5px;border-bottom:1px dashed rgba(82,117,75,.25);padding-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-member-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.group-member-item{font-size:15px;font-weight:800;color:#263d32;display:flex;align-items:center;gap:6px;line-height:1.2}.member-bullet{font-size:11px}.goals-display-container{position:relative;display:flex;flex-direction:column;pointer-events:auto;z-index:25}.goals-display-card{width:250px;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(134,239,172,.65);border-radius:16px;padding:10px 12px;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;font-family:var(--font-family-display, inherit);transition:transform .2s ease,box-shadow .2s ease}.goals-display-card:hover{box-shadow:0 10px 28px #00000029}.goals-card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;border-bottom:1.5px solid rgba(226,232,240,.8)}.goals-header-trophy{font-size:15px;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.goals-header-title{font-size:13px;font-weight:800;color:#1e293b;letter-spacing:-.01em;flex:1}.goals-count-badge{font-size:10px;font-weight:800;background:#dcfce7;color:#166534;padding:2px 7px;border-radius:9999px;border:1px solid #86EFAC}.goals-list{display:flex;flex-direction:column;gap:8px}.goal-item{display:flex;flex-direction:column;gap:3px;background:#f8fafcd9;border:1px solid rgba(226,232,240,.9);border-radius:10px;padding:6px 8px;transition:all .2s ease}.goal-item.is-completed{background:#f0fdf4f2;border-color:#86efac}.goal-item-top{display:flex;align-items:center;gap:6px}.goal-icon{font-size:13px;flex-shrink:0}.goal-title{font-size:11px;font-weight:700;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.goal-tally{font-size:11px;font-weight:900;color:#15803d;font-variant-numeric:tabular-nums;flex-shrink:0}.goal-progress-track{width:100%;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden;position:relative}.goal-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:9999px;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 6px #22c55e66}.goal-item.is-completed .goal-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 8px #f59e0b99}.goal-reward-chip{display:flex;align-items:center;gap:4px;font-size:10px;color:#64748b;font-weight:600;margin-top:2px}.reward-gift-icon{font-size:10px}.reward-prop-icon{font-size:11px}.reward-prop-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#475569}.goals-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 12px;color:#64748b;font-size:11px;line-height:1.4;gap:6px}.goals-empty-state span{font-size:22px}.goals-empty-state p{margin:0}.goal-reward-chip.mystery-reward{background:#f1f5f9;border-radius:6px;padding:2px 6px;width:fit-content;color:#475569}.goal-reward-chip.mystery-reward .reward-gift-icon{font-size:11px}.goal-reward-chip.mystery-reward .reward-prop-name{font-size:10px;font-weight:700;color:#64748b}.celebration-floating-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:14px;background:#fff;border:2.5px solid #F59E0B;border-radius:20px;padding:12px 18px;box-shadow:0 16px 40px #0000002e,0 0 25px #f59e0b47;animation:celebrationToastSlide .45s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto;max-width:90vw}@keyframes celebrationToastSlide{0%{opacity:0;transform:translate(-50%,-30px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.toast-sparkle-lead{font-size:22px;flex-shrink:0;animation:sparkleTwinkle 1.2s infinite alternate}.toast-content{display:flex;flex-direction:column;gap:3px}.toast-headline{font-size:11px;font-weight:900;color:#d97706;letter-spacing:.08em;text-transform:uppercase}.toast-goal-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;color:#1e293b}.toast-unlocked-reveal{display:flex;align-items:center;gap:8px;margin-top:4px}.toast-reveal-tag{font-size:9px;font-weight:800;color:#059669;background:#ecfdf5;border:1px solid #A7F3D0;border-radius:4px;padding:1px 5px}.toast-reward-pill{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;padding:3px 8px}.toast-reward-img{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.toast-reward-text{display:flex;flex-direction:column}.toast-reward-name{font-size:12px;font-weight:800;color:#92400e}.toast-reward-hint{font-size:9px;color:#78350f}.toast-close-btn{background:none;border:none;font-size:15px;color:#94a3b8;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .15s ease;flex-shrink:0;margin-left:4px}.toast-close-btn:hover{background:#f1f5f9;color:#334155}.unlocked-prop-info{flex:1}.unlocked-name{font-size:16px;font-weight:800;color:#78350f;margin:0 0 4px}.unlocked-desc{font-size:12px;color:#92400e;line-height:1.35;margin:0}.celebration-footer{font-size:13px;font-weight:700;color:#15803d;margin:0}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes celebrationPopUp{0%{transform:scale(.6) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes sparkleTwinkle{0%{transform:scale(.95);opacity:.85}to{transform:scale(1.08);opacity:1}}.schedule-docked-card{background:#fff8e9f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(82,117,75,.35);border-radius:14px;padding:8px 14px;box-shadow:0 4px 16px #263d321a;display:flex;flex-direction:column;gap:4px;min-width:210px;max-width:280px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease;pointer-events:auto}.schedule-docked-card:hover{background:#fff8e9fa;border-color:#e9ab4f;transform:translateY(-1px);box-shadow:0 6px 20px #263d3224}.docked-current-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.docked-current-left{display:flex;align-items:center;gap:7px;min-width:0}.docked-icon{font-size:16px;line-height:1}.docked-title{font-size:13px;font-weight:800;color:#263d32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docked-time-badge{font-size:10px;font-weight:800;background:#e9ab4f38;color:#8e5434;border:1px solid rgba(233,171,79,.5);padding:1px 6px;border-radius:9999px;white-space:nowrap}.docked-next-row{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#6c7a68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docked-next-label{color:#52754b;font-weight:800}.schedule-full-carousel-card{position:relative;background:#fff8e9f7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:2.5px solid #52754B;border-radius:22px;padding:16px 22px;box-shadow:0 16px 48px #263d3247,0 0 0 1px #ffffffb3 inset;display:flex;flex-direction:column;gap:12px;width:100%;max-width:min(1180px,94vw);max-height:48vh;box-sizing:border-box;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:schedulePop .3s cubic-bezier(.18,.89,.32,1.28)}@keyframes schedulePop{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.carousel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(82,117,75,.2);padding-bottom:8px}.carousel-title-group{display:flex;align-items:center;gap:8px}.carousel-title{font-size:17px;font-weight:900;color:#263d32;margin:0}.carousel-progress-pill{font-size:11px;font-weight:800;background:#52754b26;color:#334a2f;padding:2px 8px;border-radius:9999px}.carousel-close-btn{background:#52754b1f;border:1px solid rgba(82,117,75,.25);font-size:14px;font-weight:900;color:#263d32;cursor:pointer;padding:4px 10px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;gap:4px}.carousel-close-btn:hover{background:#52754b;color:#fff}.carousel-timeline-track{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin}.timeline-block-card{flex:0 0 135px;background:#fff;border:1.5px solid rgba(82,117,75,.25);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 8px #263d320d;transition:all .2s ease;-webkit-user-select:none;user-select:none;cursor:pointer}.timeline-block-card:hover{transform:translateY(-2px);border-color:#52754b}.timeline-block-card.is-active{background:#fffdf7;border:2px solid #E9AB4F;box-shadow:0 6px 18px #e9ab4f47;transform:translateY(-2px)}.timeline-block-card.is-completed{background:#f4f7f2;opacity:.75}.timeline-block-card.is-completed:hover{opacity:1}.timeline-block-top{display:flex;align-items:center;justify-content:space-between}.timeline-block-icon{font-size:18px}.timeline-status-tag{font-size:10px;font-weight:800;text-transform:uppercase}.timeline-block-card.is-active .timeline-status-tag{color:#b87755}.timeline-block-card.is-completed .timeline-status-tag{color:#52754b}.timeline-block-title{font-size:12px;font-weight:800;color:#263d32;line-height:1.2;margin:2px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:28px}.timeline-block-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;color:#7a9184;margin-top:auto}.display-widget-framework{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;box-sizing:border-box;overflow:hidden;font-family:Nunito,system-ui,-apple-system,sans-serif}.zone-top-left{position:absolute;top:18px;left:20px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:40}.widget-glass-card{background:#fff8e9e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(82,117,75,.28);border-radius:14px;padding:8px 14px;box-shadow:0 4px 16px #263d3214;color:#263d32;transition:all .25s ease}.widget-glass-card:hover{background:#fff8e9f2;box-shadow:0 6px 20px #263d321f}.clock-widget{display:flex;align-items:baseline;gap:8px}.clock-time{font-size:28px;font-weight:700;font-family:var(--font-digital, "Share Tech Mono", monospace);color:#263d32;letter-spacing:.5px;line-height:1}.clock-ampm{font-size:13px;font-weight:700;color:#52754b;text-transform:uppercase}.clock-date{font-size:12px;font-weight:600;color:#6c7a68;margin-left:4px}.status-pill-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.classroom-badge-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffffe6;border:1px solid rgba(82,117,75,.3);border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:700;color:#263d32}.class-icon{font-size:12px}.mode-badge-pill{display:inline-flex;align-items:center;gap:5px;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.2px;text-transform:capitalize}.mode-badge-pill.mode-living{background:#52754b26;border:1px solid rgba(82,117,75,.4);color:#31512c}.mode-badge-pill.mode-quiet{background:#46648226;border:1px solid rgba(70,100,130,.4);color:#2b4c6f}.mode-badge-pill.mode-sleep{background:#6e508c26;border:1px solid rgba(110,80,140,.4);color:#583777}.mode-pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.mode-living .mode-pulse-dot{background:#52754b;box-shadow:0 0 0 2px #52754b4d}.mode-quiet .mode-pulse-dot{background:#4a739c;box-shadow:0 0 0 2px #4a739c4d}.mode-sleep .mode-pulse-dot{background:#8a64b8;box-shadow:0 0 0 2px #8a64b84d}.zone-top-right{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:10px;pointer-events:auto;z-index:40}.widget-top-right-btn{display:inline-flex;align-items:center;gap:7px;background:#fff8e9e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#263d32;border:1.5px solid rgba(82,117,75,.3);border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000014;transition:all .2s ease}.widget-top-right-btn:hover{background:#fff;border-color:#52754b;transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.widget-top-right-btn.active-pip{background:#e7efe5;border-color:#52754b;color:#31512c}.widget-top-right-btn.mobile-pair-btn{background:#f0f8eef2;border-color:#82b371}.widget-top-right-btn.mobile-pair-btn.connected{background:#e5f3df;border-color:#16a34a;color:#166534}.pair-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:2px}.pair-dot.online{background:#16a34a;box-shadow:0 0 0 2px #16a34a4d;animation:pulseBeacon 2s infinite}.pair-dot.offline{background:#94a3b8}.zone-center-sky{position:absolute;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:min(1200px,94vw);max-width:94vw;pointer-events:none;z-index:28}.zone-center-sky>*{pointer-events:auto}.critter-thought-bubble{position:relative;background:#fff8e9;border:2px solid #52754B;border-radius:18px;padding:12px 20px;box-shadow:0 6px 24px #263d3226,0 2px 4px #263d3214;display:flex;align-items:center;gap:10px;animation:floatThought 3.2s ease-in-out infinite;transition:opacity .3s ease,transform .3s ease}@keyframes floatThought{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.thought-pointer{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #52754B}.thought-pointer:after{content:"";position:absolute;top:-11px;left:-7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #FFF8E9}.thought-emoji{font-size:20px}.thought-text{font-size:15px;font-weight:700;color:#263d32;margin:0;line-height:1.35}.agenda-banner-card{background:#fff8e9f2;border:2px solid #E9AB4F;border-radius:16px;padding:14px 22px;box-shadow:0 8px 30px #263d322e;display:flex;align-items:center;gap:12px;margin-top:10px}.agenda-title{font-size:16px;font-weight:800;color:#263d32;margin:0}.zone-meadow-floor{position:absolute;bottom:0;left:0;width:100%;height:25vh;pointer-events:none;z-index:24}.zone-bottom-left{position:absolute;left:max(50px,10vw);bottom:5vh;width:min(400px,30vw);height:auto;aspect-ratio:1024 / 465;pointer-events:none}.zone-bottom-left .bed-prop-container{width:100%;height:100%;max-width:100%}.zone-bottom-right{position:absolute;bottom:18px;right:20px;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:40;display:flex;align-items:center;gap:10px}.toybox-display-pill-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(82,117,75,.35);border-radius:9999px;padding:6px 14px;box-shadow:0 4px 14px #263d3214;color:#263d32;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.toybox-display-pill-btn:hover{background:#fff;border-color:#48bb78;transform:translateY(-1px);box-shadow:0 6px 18px #48bb7838}.milestone-pill{display:inline-flex;align-items:center;gap:8px;background:#fff8e9e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(82,117,75,.3);border-radius:9999px;padding:6px 14px;box-shadow:0 4px 14px #263d3214;color:#263d32;font-size:12px;font-weight:700}.milestone-icon{font-size:14px}.milestone-tag{color:#52754b;font-weight:800}.woodland-reward-chest-root{position:absolute;left:calc(50% + 95px);bottom:6vh;width:250px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:35;pointer-events:auto}.reward-chest-canvas{width:250px;height:250px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 8px 16px rgba(18,38,22,.45))}.chest-smoke-cloud{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:200px;height:120px;pointer-events:none;z-index:40}.smoke-puff{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(235,245,235,.85) 0%,rgba(200,220,200,.4) 65%,transparent 100%);animation:puffBloom .65s cubic-bezier(.16,1,.3,1) forwards}.smoke-puff.p1{width:80px;height:80px;left:30px;bottom:10px;animation-delay:.02s}.smoke-puff.p2{width:100px;height:100px;left:70px;bottom:20px;animation-delay:.05s}.smoke-puff.p3{width:70px;height:70px;left:120px;bottom:15px;animation-delay:.08s}.smoke-puff.p4{width:60px;height:60px;left:10px;bottom:25px;animation-delay:.1s}@keyframes puffBloom{0%{transform:scale(.2) translateY(20px);opacity:.95}50%{transform:scale(1.15) translateY(-10px);opacity:.8}to{transform:scale(1.6) translateY(-30px);opacity:0}}.chest-sparkle-burst{position:absolute;top:10px;left:50%;transform:translate(-50%);width:160px;height:100px;pointer-events:none;z-index:45}.sparkle{position:absolute;font-size:22px;animation:floatSparkle 1.8s ease-in-out infinite alternate}.sparkle.s1{top:0;left:10px;animation-delay:0s}.sparkle.s2{top:-20px;left:70px;animation-delay:.3s;font-size:26px}.sparkle.s3{top:15px;right:15px;animation-delay:.6s}.sparkle.s4{top:-15px;right:50px;animation-delay:.9s;font-size:20px}@keyframes floatSparkle{0%{transform:translateY(0) scale(.9);opacity:.8}to{transform:translateY(-12px) scale(1.15);opacity:1}}.chest-floating-pill-cluster{position:absolute;top:110px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50;pointer-events:auto;white-space:nowrap}.animate-pop-in{animation:pillPopIn .35s cubic-bezier(.18,1.25,.4,1) forwards}@keyframes pillPopIn{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.chest-item-name-tag{background:#fffdf8f2;border:1.5px solid #E5C378;border-radius:20px;padding:4px 14px;font-family:inherit;font-size:13px;font-weight:800;color:#1e3f20;box-shadow:0 4px 14px #00000029,0 0 12px #ffd70059;display:flex;align-items:center;gap:6px;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tag-sparkle{font-size:14px;filter:drop-shadow(0 0 4px #FFD700)}.tag-name{max-width:200px;overflow:hidden;text-overflow:ellipsis}.chest-pill-actions{display:flex;align-items:center;gap:8px}.chest-pill-btn{font-family:inherit;font-size:12px;font-weight:800;border-radius:24px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none}.chest-pill-btn.use-now{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #2e7d3273}.chest-pill-btn.use-now:hover{transform:translateY(-2px) scale(1.04);background:linear-gradient(135deg,#388e3c,#226d28);box-shadow:0 6px 18px #2e7d32a6}.chest-pill-btn.save-later{background:#fffdf8eb;color:#554d40;border:1px solid #D8D0C2;box-shadow:0 4px 12px #0000001f}.chest-pill-btn.save-later:hover{transform:translateY(-2px);background:#fff;color:#2e271d;box-shadow:0 6px 14px #00000029}.celebration-vfx-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:60;-webkit-user-select:none;user-select:none}.vfx-starburst-center{position:absolute;left:50%;bottom:22vh;transform:translate(-50%,-50%);width:0;height:0}.pixel-star-burst{position:absolute;color:gold;font-family:monospace;font-size:24px;line-height:1;text-shadow:0 0 8px rgba(255,215,0,.9),0 0 16px rgba(255,180,0,.6);opacity:0;transform:translate(-50%,-50%) scale(.2);animation:starBurstOut 1.4s cubic-bezier(.12,.8,.3,1) forwards}@keyframes starBurstOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}15%{opacity:1;transform:translate(calc(-50% + var(--burst-x) * .4),calc(-50% + var(--burst-y) * .4)) scale(calc(var(--burst-scale) * 1.3))}75%{opacity:.9;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(var(--burst-scale))}to{opacity:0;transform:translate(calc(-50% + var(--burst-x) * 1.15),calc(-50% + var(--burst-y) * 1.15 + 25px)) scale(.4)}}.vfx-petals-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vfx-floating-petal{position:absolute;top:-40px;opacity:0;animation:petalFallSway linear forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.petal-blossom{filter:drop-shadow(0 2px 6px rgba(255,182,193,.45))}.petal-gold-leaf{filter:drop-shadow(0 2px 6px rgba(218,165,32,.4))}.petal-sparkle,.petal-star{filter:drop-shadow(0 0 8px rgba(255,223,0,.75))}@keyframes petalFallSway{0%{opacity:0;transform:translateY(0) translate(0) rotate(0)}8%{opacity:.95}85%{opacity:.9}to{opacity:0;transform:translateY(105vh) translate(var(--drift-x)) rotate(var(--rot-deg))}}.mobile-pairing-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#122618b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.mobile-pairing-dialog{background:linear-gradient(135deg,#fafdf6,#f1f7ec);border:2px solid #82B371;border-radius:20px;box-shadow:0 20px 50px #12261859,0 0 0 1px #fffc inset;width:100%;max-width:680px;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pairing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#e5f0df;border-bottom:1.5px solid #BDDAB0}.pairing-header-left{display:flex;align-items:center;gap:12px}.pairing-header-icon{font-size:26px;background:#fff;border:1.5px solid #82B371;border-radius:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #2d50281f}.pairing-title{margin:0;font-size:19px;font-weight:800;color:#1b3b22;letter-spacing:-.01em}.pairing-subtitle{margin:2px 0 0;font-size:13px;color:#4c6b52}.pairing-close-btn{background:transparent;border:none;font-size:20px;color:#4c6b52;cursor:pointer;padding:6px;border-radius:8px;transition:all .15s ease}.pairing-close-btn:hover{background:#d2e4ca;color:#1b3b22}.pairing-body-grid{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:22px}.pairing-qr-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1.5px solid #B8D6AA;border-radius:16px;padding:16px 14px;box-shadow:0 4px 14px #2d502814;text-align:center}.qr-wrapper{width:210px;height:210px;background:#f8faf5;border-radius:12px;border:1.5px solid #D6E8CD;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}.qr-image{width:100%;height:100%;image-rendering:pixelated;display:block}.qr-placeholder{font-size:12px;color:#6a8570;font-weight:600}.room-code-badge{background:#eaf4e5;border:1.5px solid #82B371;border-radius:10px;padding:6px 14px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.room-code-label{font-size:12px;font-weight:700;color:#4c6b52;text-transform:uppercase;letter-spacing:.04em}.room-code-value{font-size:17px;font-weight:800;color:#1b3b22;font-family:monospace;letter-spacing:.06em}.qr-instructions{margin:4px 0 0;font-size:11.5px;color:#55755b;line-height:1.4}.pairing-info-col{display:flex;flex-direction:column;gap:12px}.connection-status-card{background:#fff;border:1.5px solid #BDDAB0;border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px #2d50280d}.status-header-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.status-beacon{width:11px;height:11px;border-radius:50%;flex-shrink:0}.status-beacon.connected{background:#16a34a;box-shadow:0 0 0 3px #16a34a40;animation:pulseBeacon 2s infinite}.status-beacon.waiting{background:#d97706;box-shadow:0 0 0 3px #d9770633}@keyframes pulseBeacon{0%{transform:scale(.95);opacity:.85}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.85}}.status-title{margin:0;font-size:14px;font-weight:800;color:#1b3b22}.controllers-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.controller-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f4faf0;border:1px solid #C4DEC0;border-radius:8px}.controller-icon{font-size:16px}.controller-details{display:flex;flex-direction:column}.controller-name{font-size:13px;font-weight:700;color:#1b3b22}.controller-meta{font-size:11px;color:#16a34a;font-weight:600}.no-controllers-text{margin:0;font-size:12.5px;color:#64748b;line-height:1.4}.isolation-guarantee-card{display:flex;gap:12px;background:#eff7ea;border:1px solid #BDDAB0;border-radius:12px;padding:10px 14px}.shield-icon{font-size:22px;flex-shrink:0;margin-top:2px}.guarantee-title{margin:0 0 3px;font-size:12.5px;font-weight:800;color:#1e4620}.guarantee-text{margin:0;font-size:11.5px;color:#4c6b52;line-height:1.4}.host-select-group{display:flex;flex-direction:column;gap:4px}.host-select-label{font-size:11.5px;font-weight:700;color:#4c6b52}.host-select-dropdown{padding:6px 10px;background:#fff;border:1.5px solid #82B371;border-radius:8px;font-size:12px;font-weight:600;color:#1b3b22;outline:none;cursor:pointer}.pairing-actions-row{display:flex;gap:10px;margin-top:4px}.action-btn{flex:1;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.copy-btn{background:#2d6a4f;border:none;color:#fff}.copy-btn:hover{background:#1b4332}.revoke-btn{background:#fff;border:1.5px solid #CBD5E1;color:#64748b}.revoke-btn:hover{background:#fee2e2;border-color:#f87171;color:#991b1b}.pairing-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;background:#ebf3e6;border-top:1.5px solid #BDDAB0;font-size:11.5px;color:#4c6b52;font-weight:600}.footer-done-btn{padding:6px 18px;background:#82b371;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.footer-done-btn:hover{background:#6c9f5b}@media(max-width:600px){.pairing-body-grid{grid-template-columns:1fr}.pairing-qr-card{padding:12px}.qr-wrapper{width:180px;height:180px}}.classroom-display-canvas{width:100vw;height:100vh;position:relative;overflow:hidden;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;transition:background-image .5s ease-in-out}.display-top-bar{position:absolute;top:18px;right:20px;z-index:20}.popout-btn{display:inline-flex;align-items:center;gap:7px;background-color:#ffffffd9;color:var(--color-sage-dark, #3E4F3C);border:1px solid rgba(147,168,144,.4);border-radius:var(--radius-full, 9999px);padding:8px 16px;font-family:var(--font-family-display, inherit);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #00000014;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.popout-btn:hover{background-color:#fff;color:var(--color-sage-deep, #62775E);border-color:var(--color-sage, #93A890);transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.popout-icon{font-size:14px}.active-pip-btn{background-color:var(--color-sage-light, #E7EFE5);border-color:var(--color-sage, #93A890)}.habitat-bed-slot{position:absolute;left:max(50px,10vw);bottom:5vh;width:min(400px,30vw);height:auto;aspect-ratio:1024 / 465;pointer-events:none}.habitat-bed-slot .bed-prop-container{width:100%;height:100%;max-width:100%}.display-center-stage{flex:1;display:flex;align-items:flex-end;justify-content:center;position:relative;padding-bottom:7.5vh}.baby-critter-container{display:flex;justify-content:center;align-items:flex-end;position:relative;z-index:20;transition:transform 2.4s cubic-bezier(.35,0,.25,1) .05s,z-index .1s step-end}.baby-critter-container.is-standing-turn{transform:translate(0);transition:none!important}.baby-critter-container.is-walking-to-bed{transform:translate(calc(max(50px,10vw) + min(400px,30vw)*.517 - 50vw));z-index:20;transition:transform 2.4s cubic-bezier(.35,0,.25,1) .05s}.baby-critter-container.is-settled-in-bed{transform:translate(calc(max(50px,10vw) + min(400px,30vw)*.517 - 50vw),4px);z-index:20;transition:transform .6s ease}.baby-critter-container.is-walking-from-bed{transform:translate(0);z-index:20;transition:transform 2.4s cubic-bezier(.35,0,.25,1) .05s}.baby-critter-container.is-settled-in-bed .critter-wrapper{width:250px;height:250px}.baby-critter-container.is-settled-in-bed .mosskin-ground-shadow,.baby-critter-container.is-settled-in-bed .pixel-ground-shadow{opacity:0!important;visibility:hidden!important;transition:opacity .5s ease}.baby-critter-container .critter-wrapper,.baby-critter-container .critter-wrapper.is-locomotion-scaled{width:280px;max-width:30vw;height:280px;max-height:38vh;transition:none!important}.baby-critter-container .critter-wrapper.is-locomotion-scaled .mosskin-ground-shadow{width:174px;max-width:80%;height:18px;bottom:5px}.baby-critter-container .mosskin-ground-shadow{width:130px;max-width:75%;height:14px;bottom:4px}.baby-critter-container .critter-aura{width:170px;height:170px}.baby-critter-container .particle{font-size:16px}.pip-displaced-notice{display:flex;justify-content:center;align-items:center;margin-bottom:12vh;animation:fadeIn .4s ease}.displaced-bubble{background:#ffffffe6;border:1px solid rgba(147,168,144,.35);border-radius:var(--radius-xl, 36px);padding:32px 36px;max-width:460px;text-align:center;box-shadow:0 12px 36px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.displaced-icon{font-size:40px;display:inline-block;margin-bottom:8px;animation:floatSoft 3s ease-in-out infinite}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.displaced-title{font-family:var(--font-family-display, inherit);font-size:22px;color:var(--color-ink, #2C352E);margin-bottom:8px}.displaced-text{font-size:14px;color:var(--color-ink-muted, #5D6C5F);line-height:1.5;margin-bottom:20px}.bring-back-btn{background-color:var(--color-sage-deep, #62775E);color:#fff;font-family:var(--font-family-display, inherit);font-weight:600;font-size:14px;padding:10px 22px;border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3e4f3c33}.bring-back-btn:hover{background-color:var(--color-sage-dark, #3E4F3C);transform:translateY(-1px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#2c352e73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s ease-out;padding:20px}.modal-dialog{background:var(--color-paper, #FFFDF9);border-radius:var(--radius-xl, 36px);border:1px solid rgba(147,168,144,.3);box-shadow:0 16px 44px #2c352e33;padding:32px 30px;max-width:480px;width:100%;text-align:center;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.modal-icon{font-size:42px;margin-bottom:8px}.modal-title{font-family:var(--font-family-display, inherit);font-size:22px;color:var(--color-ink, #2C352E);margin-bottom:12px}.modal-body{font-size:14px;color:var(--color-ink, #2C352E);line-height:1.5;margin-bottom:10px}.modal-body-secondary{font-size:13.5px;color:var(--color-ink-muted, #5D6C5F);line-height:1.5;margin-bottom:10px}.modal-body-subtle{font-size:12.5px;color:var(--color-sage-deep, #62775E);background-color:var(--color-sage-light, #E7EFE5);padding:8px 14px;border-radius:var(--radius-sm, 10px);margin-bottom:22px}.modal-close-btn{background-color:var(--color-sage-deep, #62775E);color:#fff;font-family:var(--font-family-display, inherit);font-size:14px;font-weight:600;padding:12px 24px;border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3e4f3c33}.modal-close-btn:hover{background-color:var(--color-sage-dark, #3E4F3C);transform:translateY(-1px)}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.critter-visibility-slot{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end}.critter-visibility-slot.critter-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.critter-visibility-slot.critter-visible{opacity:1;visibility:visible;transition:opacity .6s ease}.hatch-ceremony-banner{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#16351fe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #86efac;border-radius:9999px;padding:10px 28px;display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:1.15rem;font-weight:700;box-shadow:0 12px 36px #00000059,0 0 20px #86efac66;z-index:95;animation:hatchBannerBounce .5s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes hatchBannerBounce{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.hatch-banner-sparkle{font-size:1.3rem;animation:sparkleTwinkle 1.8s infinite alternate ease-in-out}@keyframes sparkleTwinkle{0%{transform:scale(.9) rotate(-10deg);opacity:.8}to{transform:scale(1.3) rotate(15deg);opacity:1}}.teacher-timer-card{background-color:var(--color-parchment-surface, #FFFDF8);border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-cozy-card, 0 4px 12px rgba(38, 61, 50, .08));padding:16px 18px;display:flex;flex-direction:column;gap:14px;font-family:var(--font-ui, system-ui, sans-serif);color:var(--color-forest-ink, #263D32)}.timer-remote-header{display:flex;align-items:center;justify-content:space-between}.timer-remote-title-group{display:flex;align-items:center;gap:8px}.timer-remote-title{font-size:15px;font-weight:800;margin:0;color:var(--color-forest-ink, #263D32)}.timer-mode-toggle{display:flex;align-items:center;background:var(--color-meadow-sage-light, #E8EEE4);border-radius:var(--radius-pill, 9999px);padding:3px;gap:2px}.timer-mode-tab{border:none;background:none;padding:4px 12px;border-radius:var(--radius-pill, 9999px);font-size:12px;font-weight:700;color:var(--color-forest-ink, #263D32);cursor:pointer;transition:all .15s ease}.timer-mode-tab.is-active{background:#fff;box-shadow:0 2px 6px #00000014;color:var(--color-moss-green-dark, #334A2F)}.timer-live-mirror{background:#52754b14;border:1.5px solid rgba(82,117,75,.25);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.mirror-left{display:flex;flex-direction:column;gap:2px}.mirror-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#52754b;letter-spacing:.5px}.mirror-time{font-family:var(--font-digital, "Share Tech Mono", monospace);font-size:32px;font-weight:700;color:#263d32;line-height:1;letter-spacing:.5px}.mirror-time.is-paused{color:#b87755;animation:mirrorPulse 1s ease-in-out infinite alternate}@keyframes mirrorPulse{0%{opacity:.5}to{opacity:1}}.mirror-time.is-completed{color:#e9ab4f}.mirror-right{display:flex;align-items:center;gap:8px}.chime-toggle-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid rgba(82,117,75,.3);border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:700;color:#263d32;cursor:pointer;transition:all .15s ease}.chime-toggle-btn.is-muted{opacity:.6;background:#eaeaea}.timer-activity-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.activity-chip{background:#fff;border:1px solid var(--color-meadow-sage-border, #CBD8C7);border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:700;color:var(--color-forest-ink, #263D32);cursor:pointer;transition:all .15s ease}.activity-chip:hover{border-color:#52754b;background:#f4f8f3}.activity-chip.is-active{background:#52754b;color:#fff;border-color:#334a2f}.timer-preset-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.preset-pill-btn{flex:1;min-width:60px;padding:7px 10px;background:#fff;border:1.5px solid var(--color-meadow-sage, #A3B887);border-radius:10px;font-size:13px;font-weight:800;color:var(--color-forest-ink, #263D32);cursor:pointer;text-align:center;box-shadow:0 2px #52754b33;transition:all .15s ease}.preset-pill-btn:hover{background:var(--color-meadow-sage-light, #E8EEE4);transform:translateY(-1px);box-shadow:0 3px #52754b4d}.preset-pill-btn.is-selected{background:#52754b;color:#fff;border-color:#334a2f;box-shadow:0 2px #263d32}.timer-action-buttons-row{display:flex;align-items:center;gap:8px}.btn-timer-primary{flex:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background-color:#52754b;color:#fff;border:1.5px solid #334A2F;border-radius:12px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 3px #263d32;transition:all .12s ease}.btn-timer-primary:hover{background-color:#43613d;transform:translateY(-1px);box-shadow:0 4px #263d32}.btn-timer-primary:active{transform:translateY(2px);box-shadow:0 1px #263d32}.btn-timer-pause{background-color:#e9ab4f;color:#263d32;border-color:#b87755;box-shadow:0 3px #8e5434}.btn-timer-pause:hover{background-color:#dda043}.btn-timer-secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background-color:#fff;color:var(--color-forest-ink, #263D32);border:1.5px solid var(--color-meadow-sage, #A3B887);border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px #52754b33;transition:all .12s ease}.btn-timer-secondary:hover{background-color:#f4f8f3;transform:translateY(-1px);box-shadow:0 3px #52754b4d}.btn-timer-secondary:active{transform:translateY(1px);box-shadow:0 1px #52754b33}.btn-adjust-pill{padding:9px 12px;background-color:#fff;border:1.5px solid var(--color-meadow-sage, #A3B887);border-radius:10px;font-size:12px;font-weight:800;color:#263d32;cursor:pointer;box-shadow:0 2px #52754b33;transition:all .12s ease}.btn-adjust-pill:hover{background-color:#f4f8f3;transform:translateY(-1px)}.teacher-schedule-card{background-color:var(--color-parchment-surface, #FFFDF8);border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-cozy-card, 0 4px 12px rgba(38, 61, 50, .08));padding:16px 18px;display:flex;flex-direction:column;gap:14px;font-family:var(--font-ui, system-ui, sans-serif);color:var(--color-forest-ink, #263D32)}.schedule-remote-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.schedule-remote-title-group{display:flex;align-items:center;gap:8px}.schedule-remote-title{font-size:15px;font-weight:800;margin:0;color:var(--color-forest-ink, #263D32)}.schedule-view-segmented-control{display:flex;align-items:center;background:var(--color-meadow-sage-light, #E8EEE4);border-radius:var(--radius-pill, 9999px);padding:3px;gap:2px}.view-seg-btn{border:none;background:none;padding:4px 10px;border-radius:var(--radius-pill, 9999px);font-size:11px;font-weight:700;color:var(--color-forest-ink, #263D32);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.view-seg-btn.is-active{background:#fff;box-shadow:0 2px 6px #00000014;color:var(--color-moss-green-dark, #334A2F);font-weight:800}.schedule-automation-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:4px 2px}.automation-toggles-group{display:flex;align-items:center;gap:6px}.btn-automation-toggle{background:#fff;border:1px solid var(--color-parchment-border, #E4DCC8);border-radius:8px;padding:4px 9px;font-size:11px;font-weight:700;color:#52754b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.btn-automation-toggle.is-active{background:#e8eee4;border-color:#52754b;color:#263d32;font-weight:800}.schedule-active-banner{background:#e9ab4f1f;border:1.5px solid #E9AB4F;border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.active-banner-top{display:flex;align-items:center;justify-content:space-between}.active-block-info{display:flex;align-items:center;gap:10px}.active-block-icon{font-size:26px;line-height:1}.active-block-details{display:flex;flex-direction:column;gap:2px}.active-block-tag{font-size:10px;font-weight:800;text-transform:uppercase;color:#b87755;letter-spacing:.5px}.active-block-title{font-size:20px;font-weight:900;color:#263d32;line-height:1.1}.active-block-meta{font-size:12px;font-weight:700;color:#52754b}.active-banner-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed rgba(233,171,79,.4);padding-top:6px;font-size:12px;font-weight:700;color:#6c7a68}.active-next-preview{display:flex;align-items:center;gap:4px}.active-next-preview strong{color:#263d32}.active-mode-tag{font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:capitalize}.active-mode-tag.mode-living{background:#52754b2e;color:#31512c}.active-mode-tag.mode-quiet{background:#4664822e;color:#2b4c6f}.active-mode-tag.mode-sleep{background:#6e508c2e;color:#583777}.active-banner-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.active-sound-tag{font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:#52754b1f;color:#31512c;border:1px solid rgba(82,117,75,.25);display:inline-flex;align-items:center;gap:4px}.active-sound-tag.sound-silent{background:#4664822e;color:#2b4c6f;border-color:#4664824d}.active-sound-tag.sound-whisper{background:#52754b2e;color:#31512c;border-color:#52754b4d}.active-sound-tag.sound-moderate{background:#e9ab4f33;color:#7a5310;border-color:#e9ab4f59}.active-sound-tag.sound-lively{background:#b8775533;color:#8c401b;border-color:#b8775559}.active-sound-tag.sound-off{background:#96969626;color:#666;border-color:#96969640}.schedule-nav-row{display:flex;gap:8px}.btn-schedule-prev{background:#fff;border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;color:#263d32;cursor:pointer;transition:all .15s ease}.btn-schedule-prev:hover:not(:disabled){background:#f4eedf;border-color:#b87755}.btn-schedule-prev:disabled{opacity:.4;cursor:not-allowed}.btn-schedule-next{flex:1;background:#e9ab4f;border:none;border-bottom:3px solid #B87755;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:900;color:#263d32;cursor:pointer;box-shadow:0 4px 10px #e9ab4f4d;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .1s ease;-webkit-user-select:none;user-select:none}.btn-schedule-next:hover:not(:disabled){background:#f0b865;transform:translateY(-1px)}.btn-schedule-next:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.btn-schedule-next:disabled{opacity:.5;cursor:not-allowed}.schedule-timeline-section{display:flex;flex-direction:column;gap:8px}.timeline-section-header{display:flex;align-items:center;justify-content:space-between}.timeline-section-title{font-size:12px;font-weight:800;color:#52754b;text-transform:uppercase;letter-spacing:.5px}.schedule-block-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:4px}.schedule-block-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--color-parchment-border, #E4DCC8);border-radius:10px;padding:6px 10px;transition:all .15s ease;cursor:pointer}.schedule-block-item:hover{border-color:#52754b;background:#fcfaf6}.schedule-block-item.is-active{background:#fffdf7;border:1.5px solid #E9AB4F;box-shadow:0 2px 8px #e9ab4f33}.schedule-block-item.is-completed{opacity:.7;background:#f8faf7}.block-item-left{display:flex;align-items:center;gap:8px;min-width:0}.block-status-indicator{font-size:12px}.block-item-icon{font-size:15px}.block-item-title{font-size:13px;font-weight:800;color:#263d32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-item-right{display:flex;align-items:center;gap:6px}.block-time-tag{font-size:11px;font-weight:700;color:#7a9184}.block-mode-pill{font-size:9px;font-weight:800;padding:1px 6px;border-radius:4px;text-transform:uppercase}.block-mode-pill.mode-quiet{background:#46648226;color:#2b4c6f}.block-mode-pill.mode-living{background:#52754b26;color:#31512c}.block-mode-pill.mode-sleep{background:#6e508c26;color:#583777}.block-sound-pill{font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;background:#52754b1f;color:#31512c;border:1px solid rgba(82,117,75,.2)}.block-sound-pill.sound-silent{background:#46648226;color:#2b4c6f}.block-sound-pill.sound-whisper{background:#52754b26;color:#31512c}.block-sound-pill.sound-moderate{background:#e9ab4f2e;color:#7a5310}.block-sound-pill.sound-lively{background:#b877552e;color:#8c401b}.block-sound-pill.sound-off{background:#9696961f;color:#777}.btn-block-action{background:none;border:none;font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .15s ease}.btn-block-action:hover{background:#52754b26}.btn-block-delete:hover{background:#b8775526;color:#b87755}.block-editor-box{background:#f4eedf;border:1.5px dashed #52754B;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.block-editor-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#334a2f}.block-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:500px){.block-editor-grid{grid-template-columns:1fr}}.editor-field-full{grid-column:1 / -1}.editor-checkbox-row{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#334a2f;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 8px;background:#52754b14;border-radius:6px;border:1px dashed rgba(82,117,75,.3)}.editor-checkbox-row input[type=checkbox]{cursor:pointer;accent-color:#52754B;width:15px;height:15px}.editor-field-group{display:flex;flex-direction:column;gap:3px}.editor-field-label{font-size:11px;font-weight:700;color:#52754b}.editor-field-input,.editor-field-select{background:#fff;border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:8px;padding:6px 8px;font-size:12px;font-weight:700;color:#263d32;outline:none}.editor-field-input:focus,.editor-field-select:focus{border-color:#52754b}.block-editor-actions{display:flex;justify-content:flex-end;gap:8px}.schedule-templates-drawer{background:#f4eedf;border:1.5px solid #D0C6AF;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.templates-drawer-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#52754b}.templates-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.template-item{background:#fff;border:1px solid #D0C6AF;border-radius:8px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between}.template-item-name{font-size:13px;font-weight:800;color:#263d32}.template-item-meta{font-size:10px;font-weight:600;color:#7a9184}.template-item-actions{display:flex;align-items:center;gap:4px}.btn-template-action{background:#52754b1f;border:1px solid rgba(82,117,75,.25);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;color:#263d32;cursor:pointer;transition:all .15s ease}.btn-template-action:hover{background:#52754b;color:#fff}.btn-template-delete{background:none;border:none;font-size:12px;color:#b87755;cursor:pointer;padding:2px 4px}.goals-remote-card{display:flex;flex-direction:column;gap:14px}.goals-remote-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1.5px solid rgba(226,232,240,.8);padding-bottom:12px}.goals-remote-header .header-left{display:flex;align-items:center;gap:10px}.goals-trophy-icon{font-size:24px}.goals-remote-title{font-size:17px;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.01em}.goals-remote-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.header-stats-chip{display:flex;align-items:center;gap:6px;background:#fef3c7;color:#92400e;border:1.5px solid #FCD34D;padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:800;white-space:nowrap}.goals-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.goals-slots-grid{grid-template-columns:1fr}}.goal-slot-card{background:#f8fafc;border:2px solid #E2E8F0;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.goal-slot-card:hover{border-color:#86efac;box-shadow:0 4px 12px #0000000d}.goal-slot-card.is-completed{background:#f0fdf4;border-color:#4ade80}.goal-slot-card.empty-slot{border-style:dashed;align-items:center;justify-content:center;min-height:140px;cursor:pointer;background:#f8fafc80}.goal-slot-card.empty-slot:hover{background:#f1f5f9;border-color:#94a3b8}.add-slot-icon{font-size:20px;color:#94a3b8;margin-bottom:4px}.add-slot-label{font-size:13px;font-weight:700;color:#64748b}.slot-top-row{display:flex;align-items:flex-start;gap:8px}.slot-icon{font-size:20px;flex-shrink:0;margin-top:2px}.slot-title-group{flex:1;min-width:0}.slot-title{font-size:14px;font-weight:800;color:#1e293b;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-tally-pill{font-size:11px;font-weight:800;color:#15803d;font-variant-numeric:tabular-nums}.slot-change-btn{font-size:11px;font-weight:700;color:#64748b;background:#fff;border:1px solid #CBD5E1;border-radius:6px;padding:3px 8px;cursor:pointer;transition:all .15s ease}.slot-change-btn:hover{background:#f1f5f9;color:#0f172a}.slot-progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.slot-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:9999px;transition:width .35s ease}.is-completed .slot-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.slot-reward-badge{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:4px 8px;font-size:11px;color:#475569}.slot-reward-badge .reward-icon{font-size:13px}.slot-reward-badge .reward-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-action-controls{display:flex;align-items:center;gap:6px;margin-top:4px}.tick-btn{display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;font-family:inherit;-webkit-user-select:none;user-select:none;transition:all .15s ease}.tick-minus-btn{width:36px;height:38px;background:#fff;border:1.5px solid #CBD5E1;color:#64748b;font-weight:800;font-size:13px}.tick-minus-btn:hover:not(:disabled){background:#f1f5f9;color:#dc2626;border-color:#f87171}.tick-minus-btn:disabled{opacity:.35;cursor:not-allowed}.tick-reset-btn{width:36px;height:38px;background:#f8fafc;border:1px solid #E2E8F0;color:#64748b;font-size:11px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.tick-reset-btn:hover:not(:disabled){background:#fef2f2;color:#dc2626;border-color:#fecaca}.tick-reset-btn:disabled{opacity:.35;cursor:not-allowed}.tick-plus-btn{flex:1;height:38px;gap:5px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;font-size:13px;font-weight:800;box-shadow:0 3px 8px #22c55e4d}.tick-plus-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #22c55e66;background:linear-gradient(135deg,#16a34a,#15803d)}.tick-plus-btn:active:not(:disabled){transform:translateY(1px)}.tick-plus-btn:disabled{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.plus-symbol{font-size:15px;font-weight:900}.direct-award-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f1f5f9;border-radius:12px;padding:8px 14px;font-size:12px}.direct-award-label{color:#334155}.direct-award-select{padding:5px 10px;border-radius:8px;border:1.5px solid #CBD5E1;background:#fff;font-family:inherit;font-size:12px;color:#1e293b;font-weight:600;outline:none;cursor:pointer}.goal-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;padding:16px}.goal-picker-modal{width:640px;max-width:100%;max-height:85vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 45px #00000040;animation:pickerModalPop .22s ease-out forwards}.picker-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1.5px solid #E2E8F0}.modal-title-group{display:flex;align-items:center;gap:10px}.modal-icon{font-size:22px}.modal-title{font-size:16px;font-weight:800;color:#0f172a;margin:0}.modal-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.modal-close-btn{background:none;border:none;font-size:16px;color:#94a3b8;cursor:pointer;padding:6px}.modal-close-btn:hover{color:#0f172a}.picker-tabs{display:flex;gap:8px;padding:10px 20px;background:#f8fafc;border-bottom:1px solid #E2E8F0}.picker-tab-btn{padding:6px 14px;border-radius:9999px;border:1px solid transparent;background:transparent;font-family:inherit;font-size:12px;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease}.picker-tab-btn.is-active{background:#fff;color:#15803d;border-color:#86efac;box-shadow:0 2px 6px #0000000d}.premade-goals-grid{padding:16px 20px;display:grid;grid-template-columns:1fr;gap:10px;overflow-y:auto;max-height:52vh}.premade-goal-card{border:1.5px solid #E2E8F0;border-radius:14px;padding:12px 14px;cursor:pointer;transition:all .15s ease;background:#fff}.premade-goal-card:hover{border-color:#22c55e;background:#f0fdf4;transform:translateY(-1px);box-shadow:0 4px 10px #22c55e1f}.premade-top{display:flex;align-items:flex-start;gap:10px}.premade-icon{font-size:22px}.premade-info{flex:1}.premade-title{font-size:14px;font-weight:800;color:#0f172a;margin:0 0 2px}.premade-desc{font-size:12px;color:#64748b;margin:0}.premade-target-badge{font-size:11px;font-weight:800;background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE;padding:3px 8px;border-radius:9999px;white-space:nowrap}.premade-reward-row{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed #E2E8F0;font-size:11px;color:#475569}.reward-tag{font-weight:800;color:#b45309}.unlocked-check{margin-left:auto;font-size:10px;color:#166534;font-weight:700}.custom-goal-form{padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:800;color:#334155}.form-input,.form-select{padding:8px 12px;border-radius:8px;border:1.5px solid #CBD5E1;font-family:inherit;font-size:13px;color:#0f172a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-cancel{padding:8px 16px;background:#fff;border:1.5px solid #CBD5E1;border-radius:8px;font-family:inherit;font-size:13px;font-weight:700;color:#64748b;cursor:pointer}.btn-save-goal{padding:8px 18px;background:#16a34a;border:none;border-radius:8px;font-family:inherit;font-size:13px;font-weight:800;color:#fff;cursor:pointer}.unlock-confirm-card{width:420px;max-width:100%;background:#fff;border-radius:20px;padding:24px;text-align:center;box-shadow:0 16px 40px #0003}.confirm-icon{font-size:32px;margin-bottom:8px}.confirm-title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 8px}.confirm-text{font-size:13px;color:#475569;line-height:1.4;margin:0 0 14px}.confirm-notice-pill{background:#fef3c7;border:1px solid #FCD34D;border-radius:10px;padding:8px 12px;font-size:11px;color:#92400e;margin-bottom:18px;text-align:left}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-cancel-btn{padding:8px 18px;border-radius:10px;border:1.5px solid #CBD5E1;background:#fff;font-family:inherit;font-size:13px;font-weight:700;color:#64748b;cursor:pointer}.confirm-unlock-btn{padding:8px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 3px 8px #f59e0b59}.header-right-actions{display:flex;align-items:center;gap:8px}.header-live-badge{background:#ecfdf5;border:1.5px solid #A7F3D0;color:#065f46;font-size:11px;font-weight:800;padding:4px 10px;border-radius:9999px;white-space:nowrap}.btn-create-goal-top{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:5px;box-shadow:0 2px 6px #16a34a40;transition:all .15s ease}.btn-create-goal-top:hover{transform:translateY(-1px);box-shadow:0 4px 10px #16a34a59;background:linear-gradient(135deg,#16a34a,#15803d)}.btn-create-goal-top:active{transform:translateY(1px)}.goals-section-label{font-size:12px;color:#475569;display:flex;align-items:center;gap:6px;margin-bottom:2px}.slot-card-menu{display:flex;align-items:center;gap:4px}.slot-menu-btn{background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:3px 6px;font-size:11px;cursor:pointer;transition:all .15s ease;line-height:1}.slot-menu-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.slot-menu-btn.delete-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.slot-secret-prize-badge{display:flex;align-items:center;gap:6px;background:#fffbeb;border:1px dashed #FDE68A;border-radius:8px;padding:5px 8px;font-size:11px;color:#92400e}.prize-tag{font-weight:800;font-size:10px;letter-spacing:.04em;color:#b45309}.prize-name{font-weight:700;color:#78350f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-slot-subtext{font-size:11px;color:#94a3b8;margin-top:2px}.draft-goals-drawer{background:#f8fafc;border:1.5px dashed #CBD5E1;border-radius:14px;padding:12px 14px;margin-top:4px}.draft-drawer-header{font-size:12px;font-weight:800;color:#475569;margin-bottom:10px}.draft-goals-list{display:flex;flex-direction:column;gap:8px}.draft-goal-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:8px 12px;transition:all .15s ease}.draft-goal-row:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.draft-icon{font-size:20px}.draft-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.draft-title{font-size:13px;font-weight:800;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-target{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-actions{display:flex;align-items:center;gap:6px}.btn-activate-draft{background:#f0fdf4;border:1.5px solid #86EFAC;color:#15803d;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-activate-draft:hover:not(:disabled){background:#dcfce7;border-color:#4ade80}.btn-activate-draft:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0;color:#94a3b8}.btn-delete-draft{background:transparent;border:1px solid #E2E8F0;color:#94a3b8;border-radius:8px;padding:4px 8px;font-size:11px;cursor:pointer;transition:all .15s ease}.btn-delete-draft:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.completed-goals-drawer{background:#f0fdf4;border:1.5px solid #BBF7D0;border-radius:14px;padding:12px 14px;margin-top:10px}.completed-drawer-header{font-size:12px;font-weight:800;color:#166534;margin-bottom:10px}.completed-goals-list{display:flex;flex-direction:column;gap:8px}.completed-goal-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #DCFCE7;border-radius:10px;padding:8px 12px;transition:all .15s ease}.completed-goal-row:hover{border-color:#86efac;box-shadow:0 2px 6px #1665340f}.completed-icon{font-size:20px}.completed-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.completed-title{font-size:13px;font-weight:800;color:#14532d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completed-target{font-size:11px;color:#15803d;white-space:nowrap}.completed-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-undo-complete{background:#fef2f2;border:1.5px solid #FECACA;color:#dc2626;font-family:inherit;font-size:11px;font-weight:800;padding:5px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.btn-undo-complete:hover{background:#fee2e2;border-color:#f87171;transform:translateY(-1px)}.icon-chips-row{display:flex;flex-wrap:wrap;gap:6px}.icon-chip{font-size:18px;padding:6px 10px;border-radius:8px;border:1.5px solid #E2E8F0;background:#fff;cursor:pointer;transition:all .15s ease;line-height:1}.icon-chip:hover{background:#f8fafc;border-color:#94a3b8}.icon-chip.is-selected{background:#ecfdf5;border-color:#22c55e;transform:scale(1.08);box-shadow:0 2px 6px #22c55e33}.form-hint{font-size:11px;color:#64748b;margin-top:4px}.form-field-subtitle{font-size:11px;color:#64748b;margin:0 0 6px}.checkbox-toggle-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#334155;cursor:pointer;margin-top:6px}.checkbox-toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:#16A34A;cursor:pointer}@keyframes pickerModalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.teacher-roster-card{background-color:var(--color-parchment-surface, #FFFDF8);border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:var(--radius-lg, 16px);box-shadow:var(--shadow-cozy-card, 0 4px 12px rgba(38, 61, 50, .08));padding:16px 18px;display:flex;flex-direction:column;gap:14px;font-family:var(--font-ui, system-ui, sans-serif);color:var(--color-forest-ink, #263D32)}.roster-remote-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.roster-remote-title-group{display:flex;align-items:center;gap:8px}.roster-remote-title{font-size:15px;font-weight:800;margin:0;color:var(--color-forest-ink, #263D32)}.roster-count-badge{font-size:11px;font-weight:700;background:#52754b1f;color:#52754b;padding:2px 8px;border-radius:9999px;border:1px solid rgba(82,117,75,.25)}.roster-tab-group{display:flex;align-items:center;background:var(--color-meadow-sage-light, #E8EEE4);border-radius:var(--radius-pill, 9999px);padding:3px;gap:2px}.roster-tab-btn{border:none;background:none;padding:4px 12px;border-radius:var(--radius-pill, 9999px);font-size:12px;font-weight:700;color:var(--color-forest-ink, #263D32);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.roster-tab-btn.is-active{background:#fff;box-shadow:0 2px 6px #00000014;color:var(--color-moss-green-dark, #334A2F)}.picker-tab-content{display:flex;flex-direction:column;gap:12px}.picker-activity-row{display:flex;align-items:center;gap:8px}.picker-activity-label{font-size:12px;font-weight:700;color:#52754b;white-space:nowrap}.picker-activity-input{flex:1;background:#fff;border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;color:#263d32;outline:none;transition:border-color .15s ease}.picker-activity-input:focus{border-color:#e9ab4f}.picker-drawn-card{background:#e9ab4f1f;border:1.5px solid #E9AB4F;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;animation:pickerSlide .25s ease-out}@keyframes pickerSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.drawn-left{display:flex;flex-direction:column;gap:2px}.drawn-tag{font-size:11px;font-weight:800;text-transform:uppercase;color:#b87755;letter-spacing:.5px}.drawn-name{font-size:24px;font-weight:900;color:#263d32;line-height:1.1}.drawn-actions{display:flex;align-items:center;gap:6px}.drawn-dismiss-btn{background:#52754b26;border:1px solid rgba(82,117,75,.3);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700;color:#263d32;cursor:pointer;transition:all .15s ease}.drawn-dismiss-btn:hover{background:#52754b40}.round-progress-wrapper{display:flex;flex-direction:column;gap:4px}.round-progress-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#7a9184}.round-progress-track{width:100%;height:8px;background:#e8eee4;border-radius:9999px;overflow:hidden}.round-progress-bar{height:100%;background:linear-gradient(90deg,#52754b,#e9ab4f);border-radius:9999px;transition:width .3s ease}.btn-picker-draw{background:#e9ab4f;border:none;border-bottom:3px solid #B87755;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:900;color:#263d32;cursor:pointer;box-shadow:0 4px 10px #e9ab4f4d;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .1s ease;-webkit-user-select:none;user-select:none}.btn-picker-draw:hover:not(:disabled){background:#f0b865;transform:translateY(-1px)}.btn-picker-draw:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px;margin-top:2px}.btn-picker-draw:disabled{opacity:.5;cursor:not-allowed;border-bottom-color:#b87755}.picker-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.btn-picker-text{background:none;border:none;font-size:12px;font-weight:700;color:#7a9184;cursor:pointer;padding:4px 6px;transition:color .15s ease}.btn-picker-text:hover{color:#263d32;text-decoration:underline}.groups-tab-content{display:flex;flex-direction:column;gap:12px}.groups-activity-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.groups-activity-input{flex:1;min-width:140px;background:#fff;border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;color:#263d32;outline:none}.groups-activity-input:focus{border-color:#52754b}.btn-save-activity{background:#fff;border:1.5px solid #52754B;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;color:#334a2f;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .15s ease}.btn-save-activity:hover{background:#52754b;color:#fff}.groups-submode-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.groups-submode-toggles{display:flex;align-items:center;background:#e8eee4;border-radius:8px;padding:2px;gap:2px}.submode-btn{border:none;background:none;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;color:#263d32;cursor:pointer;transition:all .15s ease}.submode-btn.is-active{background:#fff;box-shadow:0 1px 4px #00000014;color:#334a2f}.group-size-options{display:flex;align-items:center;gap:4px}.group-size-btn{background:#fff;border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;color:#263d32;cursor:pointer;transition:all .15s ease}.group-size-btn.is-active{background:#52754b;border-color:#52754b;color:#fff}.groups-action-row{display:flex;gap:8px}.btn-generate-groups{flex:1;background:#52754b;border:none;border-bottom:3px solid #334A2F;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .1s ease}.btn-generate-groups:hover:not(:disabled){background:#5c8354;transform:translateY(-1px)}.btn-generate-groups:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.btn-project-groups{background:#e9ab4f;border:none;border-bottom:3px solid #B87755;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:800;color:#263d32;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .1s ease}.btn-project-groups:hover:not(:disabled){background:#f0b865;transform:translateY(-1px)}.btn-project-groups.is-projecting{background:#52754b;border-bottom-color:#334a2f;color:#fff}.unassigned-tray-card{background:#b8775514;border:1.5px dashed #B87755;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.unassigned-tray-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;color:#8e5434;text-transform:uppercase}.unassigned-pill-list{display:flex;flex-wrap:wrap;gap:6px}.unassigned-student-pill{background:#fff;border:1px solid #B87755;border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:700;color:#263d32;display:flex;align-items:center;gap:4px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s ease}.unassigned-student-pill:hover{background:#fff8e9;border-color:#e9ab4f}.groups-editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:290px;overflow-y:auto;padding:2px}.group-editor-card{background:#fff;border:1.5px solid rgba(82,117,75,.3);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 6px #263d320d;transition:all .15s ease}.group-editor-card.drag-over{border-color:#e9ab4f;background:#fff8e9;box-shadow:0 0 0 2px #e9ab4f}.group-editor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed rgba(82,117,75,.2);padding-bottom:4px}.group-editor-title{font-size:12px;font-weight:800;color:#334a2f;cursor:pointer}.group-title-input{font-size:12px;font-weight:800;color:#263d32;border:1px solid #52754B;border-radius:4px;padding:1px 4px;width:90px}.group-header-actions{display:flex;align-items:center;gap:4px}.group-member-count{font-size:10px;font-weight:800;background:#e8eee4;color:#52754b;padding:1px 6px;border-radius:9999px}.btn-remove-group{background:none;border:none;font-size:11px;color:#7a9184;cursor:pointer;padding:0 2px;line-height:1}.btn-remove-group:hover{color:#b87755}.group-members-container{display:flex;flex-direction:column;gap:4px;min-height:32px}.group-member-pill{background:#fbf9f4;border:1px solid rgba(82,117,75,.2);border-radius:8px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#263d32;cursor:grab;transition:all .12s ease}.group-member-pill:hover{background:#f2efe8;border-color:#52754b}.member-pill-actions{display:flex;align-items:center;gap:4px}.btn-move-student-select{background:#52754b1f;border:1px solid rgba(82,117,75,.25);border-radius:4px;padding:1px 4px;font-size:10px;font-weight:700;color:#334a2f;cursor:pointer;outline:none}.btn-member-eject{background:none;border:none;font-size:11px;color:#b87755;cursor:pointer;padding:0 2px;line-height:1}.add-group-card-btn{background:#52754b0f;border:1.5px dashed rgba(82,117,75,.35);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;color:#52754b;cursor:pointer;min-height:70px;transition:all .15s ease}.add-group-card-btn:hover{background:#52754b24;border-color:#52754b}.saved-activities-drawer{background:#f4eedf;border:1.5px solid #D0C6AF;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.saved-activities-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#52754b}.saved-activities-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.saved-activity-item{background:#fff;border:1px solid #D0C6AF;border-radius:8px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between}.saved-item-left{display:flex;flex-direction:column}.saved-item-name{font-size:13px;font-weight:800;color:#263d32}.saved-item-meta{font-size:10px;font-weight:600;color:#7a9184}.saved-item-actions{display:flex;align-items:center;gap:4px}.btn-saved-action{background:#52754b1f;border:1px solid rgba(82,117,75,.25);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;color:#263d32;cursor:pointer;transition:all .15s ease}.btn-saved-action:hover{background:#52754b;color:#fff}.btn-saved-delete{background:none;border:none;font-size:12px;color:#b87755;cursor:pointer;padding:2px 4px}.roster-tab-content{display:flex;flex-direction:column;gap:10px}.roster-add-row{display:flex;gap:6px}.roster-add-input{flex:1;background:#fff;border:1.5px solid var(--color-parchment-border, #E4DCC8);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;color:#263d32;outline:none}.roster-add-input:focus{border-color:#52754b}.btn-roster-add{background:#52754b;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:800;color:#fff;cursor:pointer;transition:background .15s ease}.btn-roster-add:hover{background:#5c8354}.btn-roster-add:disabled{opacity:.55;cursor:not-allowed}.roster-privacy-feedback{display:flex;align-items:center;gap:6px;background:#edf7ed;border:1px solid #c8e6c9;border-radius:6px;padding:4px 8px;font-size:11px;color:#2e7d32;animation:fadeIn .15s ease-out}.privacy-badge-icon{font-size:12px}.privacy-preview-text{font-weight:500}.privacy-preview-text strong{font-weight:700;color:#1b5e20}.privacy-truncated-tag{color:#b45309;font-weight:600}.roster-privacy-guideline{font-size:11px;color:#6b7280;line-height:1.35;padding:2px}.roster-privacy-guideline strong{color:#374151}.bulk-privacy-hint{font-size:11px;color:#52754b;font-weight:600}.roster-bulk-toggle-btn{align-self:flex-start;background:none;border:none;font-size:12px;font-weight:700;color:#52754b;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px}.roster-bulk-toggle-btn:hover{text-decoration:underline}.bulk-import-box{background:#f4eedf;border:1.5px dashed #B87755;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.bulk-textarea{width:100%;height:80px;background:#fff;border:1px solid #D0C6AF;border-radius:6px;padding:6px 8px;font-size:12px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}.bulk-box-actions{display:flex;justify-content:flex-end;gap:6px}.student-list-container{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding-right:4px}.student-row-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--color-parchment-border, #E4DCC8);border-radius:8px;padding:6px 10px;transition:all .15s ease}.student-row-item.is-absent{background:#f5f5f5;opacity:.6}.student-row-left{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.student-checkbox{accent-color:#52754B;cursor:pointer;width:16px;height:16px}.student-item-name{font-size:13px;font-weight:700;color:#263d32}.student-row-item.is-absent .student-item-name{text-decoration:line-through;color:#7a9184}.btn-student-delete{background:none;border:none;font-size:14px;color:#b87755;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease}.btn-student-delete:hover{background:#b8775526;color:#8e5434}.collapsible-tool-card{width:100%;background:#fff;border:1px solid #E5E7EB;border-radius:14px;box-shadow:0 1px 3px #0000000d;transition:all .22s cubic-bezier(.16,1,.3,1);overflow:hidden;margin-bottom:14px}.collapsible-tool-card.is-collapsed{background:#f9fafb;border-color:#e5e7eb;box-shadow:none}.collapsible-tool-card.is-collapsed:hover{background:#f3f4f6;border-color:#d1d5db}.collapsible-tool-card.is-expanded{border-color:#d0e4cb;box-shadow:0 4px 12px #1b5e200f}.tool-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent;transition:background .15s ease}.collapsible-tool-card.is-expanded .tool-card-header{background:#f4f8f1;border-bottom:1px solid #E0EDDC}.collapsible-tool-card.is-collapsed .tool-card-header{padding:8px 16px}.tool-header-left{display:flex;align-items:center;gap:10px;min-width:0}.tool-header-icon{font-size:18px;line-height:1}.tool-title-group{display:flex;align-items:center;gap:8px}.tool-header-title{margin:0;font-size:13.5px;font-weight:700;color:#1f2937;white-space:nowrap}.collapsible-tool-card.is-collapsed .tool-header-title{color:#4b5563}.tool-header-badge{font-size:10px;font-weight:700;color:#2e7d32;background:#e8f5e9;padding:2px 7px;border-radius:10px}.tool-visibility-pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;white-space:nowrap}.tool-visibility-pill.pill-active{background:#e8f5e9;color:#1b5e20}.tool-visibility-pill.pill-disabled{background:#f3f4f6;color:#6b7280}.tool-header-right{display:flex;align-items:center;margin-left:12px;flex-shrink:0}.ios-toggle-switch{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.ios-toggle-switch input{opacity:0;width:0;height:0}.ios-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#d1d5db;border-radius:22px;transition:background-color .2s ease}.ios-toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.16,1,.3,1)}.ios-toggle-switch input:checked+.ios-toggle-slider{background-color:#2e7d32}.ios-toggle-switch input:checked+.ios-toggle-slider:before{transform:translate(18px)}.ios-toggle-switch input:focus-visible+.ios-toggle-slider{outline:2px solid #2E7D32;outline-offset:2px}.tool-card-body{width:100%}.tool-card-body.animate-expand{animation:toolExpand .2s ease-out forwards}@keyframes toolExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.setup-wizard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#122616a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease-out}.setup-wizard-modal{width:100%;max-width:620px;max-height:90vh;background:#fffdf8;border:2px solid #D1E3CC;border-radius:20px;box-shadow:0 20px 48px #12261647,0 0 0 1px #ffffffe6 inset;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.setup-wizard-header{padding:20px 24px 14px;background:linear-gradient(180deg,#f4f8f1,#fffdf8);border-bottom:1px solid #E3EEDF;text-align:center}.setup-header-badge{display:inline-block;background:#e8f5e9;color:#1b5e20;border:1px solid #C8E6C9;font-size:11.5px;font-weight:800;padding:3px 12px;border-radius:14px;margin-bottom:8px;letter-spacing:.02em}.setup-wizard-title{margin:0;font-size:20px;font-weight:800;color:#1b381e}.setup-wizard-subtitle{margin:4px 0 12px;font-size:13px;color:#4a634b}.setup-presets-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px}.setup-preset-pill{font-family:inherit;font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:18px;cursor:pointer;border:1.5px solid transparent;transition:all .15s ease}.setup-preset-pill.zen{background:#e8f5e9;color:#1b5e20;border-color:#c8e6c9}.setup-preset-pill.zen:hover{background:#2e7d32;color:#fff;border-color:#1b5e20;box-shadow:0 2px 8px #2e7d3259}.setup-preset-pill.full{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.setup-preset-pill.full:hover{background:#374151;color:#fff;border-color:#1f2937;box-shadow:0 2px 8px #0003}.setup-active-count{font-size:11px;font-weight:700;color:#6c8566;padding-left:4px}.setup-tools-list{padding:14px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;max-height:42vh}.setup-tool-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border:1.5px solid #E5EDE1;border-radius:12px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.setup-tool-item:hover{border-color:#c0dcb9;background:#fdfefd;box-shadow:0 2px 8px #1b5e200d}.setup-tool-item.is-enabled{border-color:#b2d8aa;background:#fafdf9}.setup-tool-item.is-disabled{opacity:.72;background:#f9fafb;border-color:#e5e7eb}.setup-tool-icon{font-size:24px;line-height:1;flex-shrink:0}.setup-tool-details{flex:1;min-width:0}.setup-tool-top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.setup-tool-name{font-size:13.5px;font-weight:800;color:#1e3821}.setup-tool-desc{margin:0;font-size:11.5px;color:#556b55;line-height:1.35}.setup-status-tag{font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:10px}.setup-status-tag.active{background:#e8f5e9;color:#1b5e20}.setup-status-tag.hidden{background:#f3f4f6;color:#6b7280}.setup-tool-toggle{flex-shrink:0;margin-left:6px}.setup-guarantee-card{margin:6px 20px;background:linear-gradient(135deg,#f0f9ed,#e8f5e5);border:1.5px dashed #A8D59E;border-radius:12px;padding:10px 14px;display:flex;align-items:flex-start;gap:10px}.guarantee-icon{font-size:18px;line-height:1.2}.guarantee-text{font-size:11.5px;color:#2d4c30;line-height:1.4;display:flex;flex-direction:column;gap:2px}.guarantee-text strong{color:#1b5e20}.setup-name-section{padding:10px 20px 4px;display:flex;flex-direction:column;gap:6px}.setup-name-label{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:800;color:#1e3821}.setup-name-hint{font-size:10.5px;font-weight:600;color:#6c8566}.setup-name-input{width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:700;color:#1a341d;background:#fff;border:1.5px solid #CCDDC7;border-radius:10px;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.setup-name-input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d3226}.setup-wizard-footer{padding:14px 20px 18px;background:#fffdf8;border-top:1px solid #E3EEDF;display:flex;justify-content:center}.setup-btn-launch{width:100%;max-width:380px;background:linear-gradient(180deg,#388e3c,#2e7d32);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:14.5px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #2e7d3259;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.setup-btn-launch:hover{transform:translateY(-2px);background:linear-gradient(180deg,#43a047,#338a37);box-shadow:0 6px 16px #2e7d3280}.setup-btn-launch:active{transform:translateY(1px)}.naming-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#121e16b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px;animation:namingFadeIn .35s cubic-bezier(.16,1,.3,1)}@keyframes namingFadeIn{0%{opacity:0}to{opacity:1}}.naming-modal-dialog{background:linear-gradient(175deg,#fff,#f7fbf4);border:2px solid #bcd8a8;border-radius:24px;width:100%;max-width:520px;box-shadow:0 24px 64px #223a1b4d,0 0 0 1px #fffc inset;position:relative;overflow:hidden;text-align:center;animation:namingPopUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes namingPopUp{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.naming-header-badge{position:relative;padding-top:32px;padding-bottom:8px;display:flex;justify-content:center}.naming-avatar-circle{position:relative;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#f0fdf4 40%,#dcfce7);border:3px solid #86efac;box-shadow:0 8px 24px #22c55e40;display:flex;align-items:center;justify-content:center}.naming-avatar-img{width:78px;height:78px;object-fit:contain;image-rendering:pixelated}.naming-sparkle{position:absolute;font-size:1.25rem;animation:namingSparklePulse 2s ease-in-out infinite alternate}.naming-sparkle.top-left{top:-8px;left:-8px;animation-delay:0s}.naming-sparkle.top-right{top:-6px;right:-8px;animation-delay:.4s}.naming-sparkle.bottom-left{bottom:-4px;left:-4px;animation-delay:.8s}.naming-sparkle.bottom-right{bottom:-6px;right:-4px;animation-delay:1.2s}@keyframes namingSparklePulse{0%{transform:scale(.85) rotate(-8deg);opacity:.8}to{transform:scale(1.25) rotate(12deg);opacity:1}}.naming-body{padding:8px 32px 32px}.ceremony-tag{display:inline-block;background:#ecfdf5;color:#047857;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:9999px;border:1px solid #a7f3d0;margin-bottom:10px}.naming-title{font-size:1.5rem;font-weight:800;color:#1b4324;margin:0 0 8px;line-height:1.25}.naming-subtitle{font-size:.95rem;color:#4b6354;line-height:1.45;margin:0 0 20px}.naming-subtitle strong{color:#1b4324}.naming-suggestions-group{margin-bottom:20px;text-align:left}.suggestions-label{display:block;font-size:.8rem;font-weight:700;color:#55725f;margin-bottom:8px}.suggestions-chip-row{display:flex;flex-wrap:wrap;gap:8px}.suggestion-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:9999px;border:1px solid #cce3be;background:#fff;color:#264a2f;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.suggestion-pill:hover{background:#f0fdf4;border-color:#86efac;transform:translateY(-1px)}.suggestion-pill.is-selected{background:#22543d;color:#fff;border-color:#22543d;box-shadow:0 3px 8px #22543d40}.naming-input-form{display:flex;flex-direction:column;gap:12px}.naming-input-wrapper{position:relative;display:flex;align-items:center}.naming-input-icon{position:absolute;left:14px;font-size:1.1rem;pointer-events:none}.naming-text-input{width:100%;padding:12px 14px 12px 42px;font-size:1.05rem;font-weight:700;color:#1a3321;background:#fff;border:2px solid #84cc16;border-radius:14px;box-shadow:0 2px 6px #0000000a inset;outline:none;transition:border-color .2s,box-shadow .2s}.naming-text-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a40}.naming-hint{font-size:.78rem;color:#637a6b;margin:0;text-align:left}.naming-actions-row{margin-top:8px}.naming-confirm-btn{width:100%;padding:14px 24px;font-size:1.05rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:14px;box-shadow:0 6px 18px #15803d59;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.naming-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-2px);box-shadow:0 8px 22px #15803d73}.naming-confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.revert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.revert-modal-card{width:100%;max-width:490px;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #00000014;overflow:hidden;font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.revert-modal-header{display:flex;align-items:center;gap:14px;padding:20px 24px;background:#fffbeb;border-bottom:1.5px solid #fef3c7}.revert-warning-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fde68a;border:1px solid #f59e0b;flex-shrink:0}.revert-warning-icon{font-size:1.6rem}.revert-header-text{display:flex;flex-direction:column;gap:2px}.revert-title{margin:0;font-size:1.18rem;font-weight:800;color:#92400e}.revert-subtitle{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#b45309}.revert-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.revert-awareness-box{background:#fefce8;border:1.5px solid #fef08a;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.awareness-primary-text{margin:0;font-size:.88rem;line-height:1.45;color:#451a03}.awareness-primary-text strong{color:#78350f}.stage-highlight{background:#fde68a;padding:1px 6px;border-radius:6px}.awareness-secondary-text{margin:0;font-size:.82rem;line-height:1.4;color:#78350f}.revert-transition-strip{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:12px 18px;gap:12px}.revert-stage-badge{display:flex;flex-direction:column;gap:4px;align-items:center;flex:1}.badge-role{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.badge-name{font-size:.92rem;font-weight:800;padding:5px 12px;border-radius:8px}.current-stage .badge-name{background:#dcfce7;color:#166534;border:1px solid #86efac}.target-stage .badge-name{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.revert-arrow-indicator{display:flex;flex-direction:column;align-items:center;gap:2px;color:#dc2626}.arrow-icon{font-size:1.4rem;font-weight:900}.arrow-label{font-size:.65rem;font-weight:800;text-transform:uppercase}.revert-teacher-tip{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;color:#475569;line-height:1.35;background:#f1f5f9;border-radius:10px;padding:10px 12px}.tip-icon{font-size:1rem}.revert-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.btn-keep-current{background:#fff;border:1.5px solid #cbd5e1;color:#334155;border-radius:10px;padding:10px 18px;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-keep-current:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.btn-confirm-revert{background:#dc2626;border:none;color:#fff;border-radius:10px;padding:10px 18px;font-size:.86rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #dc262640}.btn-confirm-revert:hover{background:#b91c1c;transform:translateY(-1px)}.growth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.growth-modal-card{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden;font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.growth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.growth-title-group{display:flex;align-items:center;gap:12px}.growth-header-icon{font-size:1.8rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:4px 8px}.growth-title{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.growth-subtitle{font-size:.78rem;color:#64748b;font-weight:600}.growth-close-btn{background:transparent;border:none;font-size:1.1rem;color:#94a3b8;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .15s ease}.growth-close-btn:hover{background:#e2e8f0;color:#0f172a}.growth-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.age-lock-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:14px;transition:all .2s ease}.age-lock-banner.is-locked{background:#fef2f2;border:1.5px solid #fecaca}.age-lock-banner.is-unlocked{background:#f0fdf4;border:1.5px solid #bbf7d0}.lock-large-icon{font-size:1.8rem}.lock-text-area{flex:1;display:flex;flex-direction:column;gap:3px}.lock-title-line{display:flex;align-items:center;gap:8px}.lock-heading{font-size:.88rem;color:#0f172a}.lock-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:9999px}.badge-locked{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.badge-unlocked{background:#dcfce7;color:#166534;border:1px solid #86efac}.lock-desc{margin:0;font-size:.74rem;color:#475569;line-height:1.35}.growth-switch-label{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.growth-switch-label input{opacity:0;width:0;height:0}.growth-switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#cbd5e1;transition:.2s cubic-bezier(.4,0,.2,1);border-radius:9999px}.growth-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #0003}.growth-switch-label input:checked+.growth-switch-slider{background-color:#dc2626}.growth-switch-label input:checked+.growth-switch-slider:before{transform:translate(20px)}.growth-ladder-section{display:flex;flex-direction:column;gap:10px}.ladder-header-row{display:flex;align-items:center;justify-content:space-between}.ladder-section-title{font-size:.84rem;font-weight:800;color:#1e293b}.ladder-helper-note{font-size:.72rem;color:#64748b}.growth-stages-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stage-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 6px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s ease;min-height:100px}.stage-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px)}.stage-card.is-current{background:#f0fdf4;border-color:#86efac;box-shadow:0 4px 12px #22c55e26}.stage-card.is-past,.stage-card.is-future{border-color:#e2e8f0}.stage-card-top{display:flex;flex-direction:column;align-items:center;gap:2px}.stage-icon{font-size:1.5rem}.stage-order{font-size:.65rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.stage-card-name{font-size:.76rem;color:#0f172a;text-align:center}.stage-status-tag{font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:9999px;white-space:nowrap}.stage-card.is-current .stage-status-tag{background:#dcfce7;color:#15803d}.stage-card.is-past .stage-status-tag{background:#fee2e2;color:#991b1b}.stage-card.is-future .stage-status-tag{background:#e0f2fe;color:#0369a1}.growth-milestones-section{display:flex;flex-direction:column;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px}.milestone-section-header{display:flex;align-items:flex-start;gap:10px}.milestone-icon{font-size:1.3rem;margin-top:1px}.milestone-title-group{display:flex;flex-direction:column;gap:2px}.milestone-title{font-size:.86rem;color:#0f172a}.milestone-sub{font-size:.72rem;color:#64748b;line-height:1.35}.milestone-rows-list{display:flex;flex-direction:column;gap:8px}.milestone-config-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;gap:10px;flex-wrap:wrap}.milestone-config-row.is-achieved{opacity:.65;background:#f1f5f9}.milestone-stage-label{display:flex;align-items:center;gap:8px}.m-icon{font-size:1.2rem}.m-text{display:flex;flex-direction:column;gap:1px}.m-text strong{font-size:.82rem;color:#0f172a}.m-text span{font-size:.68rem;color:#64748b}.milestone-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.milestone-trigger-select,.milestone-goal-select{border:1px solid #cbd5e1;border-radius:8px;padding:5px 8px;font-size:.74rem;background:#fff;color:#1e293b;outline:none}.milestone-trigger-select:focus,.milestone-goal-select:focus{border-color:#16a34a}.growth-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#f8fafc;border-top:1px solid #e2e8f0}.footer-left-status{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#475569}.footer-locked-pill{font-size:.68rem;font-weight:800;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;padding:2px 7px;border-radius:9999px}.footer-right-actions{display:flex;align-items:center;gap:8px}.btn-growth-advance{background:#16a34a;border:none;color:#fff;border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #16a34a40}.btn-growth-advance:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.btn-growth-advance:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-growth-done{background:#1e293b;border:none;color:#fff;border-radius:8px;padding:8px 18px;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s ease}.btn-growth-done:hover{background:#0f172a}.dev-testing-root{position:fixed;bottom:24px;right:24px;z-index:999;font-family:var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)}.dev-floating-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#1e293b;color:#f8fafc;border:1.5px solid #475569;border-radius:9999px;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0f172a59;transition:all .2s cubic-bezier(.16,1,.3,1)}.dev-floating-pill:hover{background:#0f172a;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 24px #0f172a73}.dev-floating-pill.is-active{background:#0284c7;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf84d}.dev-pill-icon{font-size:1.05rem}.dev-egg-dot{font-size:.9rem;background:#334155;border-radius:50%;padding:2px 4px}.dev-drawer-card{position:absolute;bottom:52px;right:0;width:360px;background:#0f172a;border:1.5px solid #334155;border-radius:20px;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff14 inset;color:#f1f5f9;overflow:hidden;animation:devDrawerPop .25s cubic-bezier(.16,1,.3,1)}@keyframes devDrawerPop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dev-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#1e293b;border-bottom:1px solid #334155}.dev-header-title{display:flex;align-items:center;gap:10px}.dev-header-icon{font-size:1.25rem}.dev-header-title strong{display:block;font-size:.92rem;color:#38bdf8;letter-spacing:.02em}.dev-subtext{display:block;font-size:.72rem;color:#94a3b8}.dev-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease}.dev-close-btn:hover{background:#334155;color:#fff}.dev-drawer-body{padding:16px 18px;display:flex;flex-direction:column;gap:16px}.dev-section-raw-start{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:14px;padding:12px;text-align:center}.dev-btn-raw-reset{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #dc262659;transition:all .18s ease}.dev-btn-raw-reset:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px #dc262673}.dev-helper-text{font-size:.73rem;color:#94a3b8;margin:8px 0 0;line-height:1.35}.dev-group{display:flex;flex-direction:column;gap:8px}.dev-group-label{font-size:.76rem;font-weight:700;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.dev-buttons-row{display:flex;gap:6px;flex-wrap:wrap}.dev-action-btn{flex:1;min-width:90px;padding:8px 10px;background:#1e293b;color:#e2e8f0;border:1px solid #475569;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-align:center}.dev-action-btn:hover{background:#334155;border-color:#64748b;color:#fff}.dev-action-btn.is-current{background:#0369a1;border-color:#38bdf8;color:#fff}.dev-slider-header{display:flex;align-items:center;justify-content:space-between}.dev-scale-value{color:#38bdf8;font-size:.85rem}.dev-slider-input{width:100%;accent-color:#38bdf8;cursor:pointer}.dev-scale-ticks{display:flex;justify-content:space-between;font-size:.68rem;color:#64748b}.dev-scale-ticks .is-recommended{color:#4ade80;font-weight:700}.dev-status-beacon{background:#1e293b;border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#94a3b8}.dev-status-beacon strong{color:#f1f5f9}.dev-tab-bar{display:flex;background:#111827;border-bottom:1px solid #334155}.dev-tab-btn{flex:1;padding:10px 12px;background:transparent;color:#94a3b8;border:none;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent}.dev-tab-btn:hover{color:#f1f5f9;background:#ffffff08}.dev-tab-btn.is-active{color:#38bdf8;border-bottom-color:#38bdf8;background:#38bdf814}.dev-analytics-body{max-height:480px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#475569 transparent}.dev-analytics-body::-webkit-scrollbar{width:6px}.dev-analytics-body::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.dev-privacy-banner{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:8px;font-size:.7rem;color:#4ade80;font-weight:600}.dev-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dev-metric-card{display:flex;align-items:center;gap:10px;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:9px 12px}.dev-metric-card .metric-icon{font-size:1.25rem}.dev-metric-card .metric-content{display:flex;flex-direction:column}.dev-metric-card .metric-value{font-size:.95rem;font-weight:800;color:#38bdf8;line-height:1.1}.dev-metric-card .metric-label{font-size:.68rem;color:#94a3b8;margin-top:2px}.dev-ranked-list{display:flex;flex-direction:column;gap:5px}.dev-ranked-item{display:flex;align-items:center;justify-content:space-between;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 10px;font-size:.78rem}.dev-ranked-item .rank-badge{font-weight:800;color:#f59e0b;font-size:.72rem;margin-right:6px}.dev-ranked-item .rank-name{flex:1;color:#e2e8f0;font-weight:600}.dev-ranked-item .rank-count{background:#0f172a;color:#38bdf8;font-weight:700;padding:2px 7px;border-radius:6px;font-size:.72rem}.dev-ranked-list.is-least .dev-ranked-item.is-underused{opacity:.8;border-style:dashed}.dev-ranked-list.is-least .rank-count{color:#94a3b8}.dev-emotions-row{display:flex;gap:6px;justify-content:space-between}.dev-emotion-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 4px}.dev-emotion-chip .chip-emoji{font-size:1.1rem}.dev-emotion-chip .chip-count{font-size:.74rem;font-weight:800;color:#f1f5f9}.dev-ga4-box{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.dev-ga4-header{display:flex;align-items:center;justify-content:space-between}.dev-ga4-badge{font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:9999px}.dev-ga4-badge.is-local{background:#94a3b833;color:#cbd5e1}.dev-ga4-badge.is-connected{background:#22c55e33;color:#4ade80}.dev-ga4-form{display:flex;gap:6px}.dev-ga4-input{flex:1;background:#0f172a;border:1px solid #475569;border-radius:6px;color:#f8fafc;font-size:.75rem;padding:6px 8px;font-family:monospace}.dev-ga4-input:focus{outline:none;border-color:#38bdf8}.dev-ga4-save-btn{background:#0284c7;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;cursor:pointer;transition:background .15s ease}.dev-ga4-save-btn:hover{background:#0369a1}.dev-ga4-clear-btn{background:#334155;color:#94a3b8;border:none;border-radius:6px;padding:6px 10px;font-size:.75rem;cursor:pointer}.dev-ga4-clear-btn:hover{background:#dc2626;color:#fff}.dev-export-btn{background:#059669;border-color:#10b981}.dev-export-btn:hover{background:#047857;border-color:#34d399}.dev-clear-btn{background:#334155;border-color:#475569;color:#94a3b8}.dev-clear-btn:hover{background:#dc2626;border-color:#ef4444;color:#fff}.dev-log-toggle-btn{background:transparent;border:none;color:#94a3b8;font-size:.72rem;font-weight:700;text-align:left;cursor:pointer;padding:4px 0;display:flex;align-items:center}.dev-log-toggle-btn:hover{color:#38bdf8}.dev-events-stream{background:#0a0f1d;border:1px solid #1e293b;border-radius:8px;padding:8px;max-height:160px;overflow-y:auto;font-family:monospace;font-size:.68rem;display:flex;flex-direction:column;gap:4px}.dev-event-row{display:flex;align-items:center;gap:6px;color:#cbd5e1;padding:2px 4px;border-radius:4px;background:#ffffff05}.dev-event-row .event-time{color:#64748b;font-size:.64rem}.dev-event-row .event-cat{padding:1px 4px;border-radius:3px;font-size:.62rem;font-weight:700;text-transform:uppercase}.dev-event-row .event-cat.cat-interaction{background:#38bdf833;color:#38bdf8}.dev-event-row .event-cat.cat-emotion{background:#f43f5e33;color:#fb7185}.dev-event-row .event-cat.cat-tool{background:#a855f733;color:#c084fc}.dev-event-row .event-cat.cat-lifecycle{background:#22c55e33;color:#4ade80}.dev-event-row .event-cat.cat-session{background:#eab30833;color:#facc15}.dev-event-row .event-cat.cat-settings{background:#94a3b833;color:#cbd5e1}.dev-event-row .event-name{color:#f8fafc;font-weight:600}.dev-event-row .event-label{color:#94a3b8}.dev-empty-box{padding:12px;text-align:center;color:#64748b;font-size:.72rem;background:#1e293b;border-radius:8px}.preview-dashboard-layout{max-width:840px;margin:0 auto;padding:18px 18px 36px;display:flex;flex-direction:column;gap:12px;font-family:var(--font-ui);color:var(--color-forest-ink);background-color:var(--color-parchment);min-height:100vh}.dash-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--color-meadow-sage-light);border:1.5px solid var(--color-meadow-sage-border);border-radius:var(--radius-md)}.mobile-remote-status-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:linear-gradient(135deg,#e8f5e4,#d8eed2);border:1.5px solid #82B371;border-radius:var(--radius-md);box-shadow:0 2px 8px #2d502814}.mobile-status-left{display:flex;align-items:center;gap:10px}.mobile-pulse-beacon{width:10px;height:10px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a40;animation:pulseBeacon 2s infinite}.mobile-status-label{font-size:13px;font-weight:700;color:#1b3b22}.mobile-status-label strong{font-family:monospace;letter-spacing:.04em;color:#166534}.mobile-status-pill{font-size:11px;font-weight:800;background:#fff;border:1px solid #82B371;color:#1b3b22;padding:3px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.classroom-selector-card{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:var(--color-parchment-surface);border:1.5px solid var(--color-meadow-sage);border-radius:var(--radius-md);box-shadow:var(--shadow-cozy-card)}.selector-left{display:flex;align-items:center;gap:8px}.selector-icon{font-size:16px}.selector-label{font-size:13px;font-weight:700;color:var(--color-forest-ink)}.classroom-dropdown-select{padding:6px 12px;background-color:#fff;border:1.5px solid var(--color-moss-green);border-radius:var(--radius-sm);color:var(--color-forest-ink);font-family:var(--font-ui);font-size:13px;font-weight:700;cursor:pointer;outline:none;transition:all .15s ease}.classroom-dropdown-select:focus{border-color:var(--color-forest-ink);box-shadow:0 0 0 2px #52754b33}.selector-right{display:flex;align-items:center}.pairing-code-badge{font-size:12px;background:var(--color-meadow-sage-light);border:1px solid var(--color-meadow-sage-border);border-radius:var(--radius-pill);padding:4px 10px;color:var(--color-forest-ink)}.pairing-code-badge strong{color:var(--color-moss-green-dark);font-family:Pixelify Sans,monospace;font-size:13px;letter-spacing:.5px}.dash-brand{display:flex;align-items:center}.dash-logo-img{height:38px;width:auto;object-fit:contain}.dash-nav-actions{display:flex;align-items:center;gap:8px}.dash-teacher-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:var(--radius-pill);color:#14532d;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.dash-teacher-pill:hover{background:#dcfce7;border-color:#4ade80;transform:translateY(-1px)}.dash-teacher-pill .teacher-avatar{font-size:1rem}.dash-teacher-pill .teacher-name{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-teacher-pill .google-classroom-dot{color:#16a34a;font-size:.75rem}.dash-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background-color:var(--color-parchment-surface);border:1.5px solid var(--color-meadow-sage);border-radius:var(--radius-pill);color:var(--color-forest-ink);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.dash-nav-btn:hover{background-color:var(--color-moss-green);color:#fff;border-color:var(--color-moss-green-dark)}.dash-card{background-color:var(--color-parchment-surface);border:1.5px solid var(--color-parchment-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-cozy-card);padding:14px 18px}.critter-status-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.critter-identity-left{display:flex;align-items:center;gap:14px}.critter-avatar-wrapper{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-meadow-sage-light);border:1.5px solid var(--color-meadow-sage-border);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.critter-avatar-img{width:42px;height:42px;object-fit:contain}.critter-details{display:flex;flex-direction:column;gap:2px}.critter-name-row{display:flex;align-items:center;gap:8px}.critter-name{font-size:19px;font-weight:800;color:var(--color-forest-ink);letter-spacing:-.3px;cursor:pointer;transition:color .15s ease}.critter-name:hover{color:#2e7d32}.critter-name-edit-btn{background:#f4f8f1;border:1px solid #D2E4CC;color:#385536;font-family:inherit;font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px;cursor:pointer;transition:all .14s ease}.critter-name-edit-btn:hover{background:#e8f5e9;border-color:#2e7d32;color:#1b5e20;transform:translateY(-1px)}.critter-name-edit-form{display:flex;align-items:center;gap:6px}.critter-name-inline-input{font-family:inherit;font-size:15px;font-weight:800;color:#1b381e;background:#fff;border:1.5px solid #2E7D32;border-radius:8px;padding:4px 8px;outline:none;width:170px;box-shadow:0 0 0 2px #2e7d3226}.name-save-pill{background:#2e7d32;color:#fff;border:none;font-family:inherit;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:8px;cursor:pointer;transition:background .15s ease}.name-save-pill:hover{background:#1b5e20}.name-cancel-pill{background:#f3f4f6;color:#6b7280;border:1px solid #D1D5DB;font-family:inherit;font-size:11px;padding:4px 8px;border-radius:8px;cursor:pointer}.name-cancel-pill:hover{background:#e5e7eb;color:#1f2937}.btn-cozy-danger{background:#fef2f2;border:1.5px solid #FECACA;color:#dc2626;font-family:inherit;font-size:12px;font-weight:800;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .14s ease}.btn-cozy-danger:hover{background:#fee2e2;border-color:#f87171;transform:translateY(-1px)}.critter-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-forest-ink-muted);font-weight:700;flex-wrap:wrap}.critter-stage-pill-btn{display:inline-flex;align-items:center;gap:5px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9999px;padding:3px 9px;cursor:pointer;transition:all .15s ease;font-family:inherit}.critter-stage-pill-btn:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.stage-pill-badge{font-size:11px;font-weight:800;color:#166534}.stage-pill-lock{font-size:11px}.stage-pill-manage{font-size:10px;font-weight:700;color:#15803d;opacity:.85}.critter-live-status{color:var(--color-moss-green)}.wake-banner-btn,.release-banner-btn{padding:8px 18px;font-size:13px;white-space:nowrap}.mode-segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-seg-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 12px;background-color:var(--color-meadow-sage-light);border:1.5px solid var(--color-meadow-sage-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.mode-seg-btn:hover{background-color:var(--color-parchment-muted);border-color:var(--color-meadow-sage)}.mode-seg-btn.is-active{background-color:var(--color-moss-green);border-color:var(--color-moss-green-dark);color:#fff;box-shadow:var(--shadow-btn-moss)}.seg-icon{font-size:20px;line-height:1}.seg-label{font-size:16px;font-weight:800;color:var(--color-forest-ink)}.mode-seg-btn.is-active .seg-label{color:#fff}.core-actions-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.core-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;border-radius:var(--radius-md);border:1.5px solid var(--color-meadow-sage);background-color:var(--color-parchment-surface);transition:all .12s ease;cursor:pointer}.core-action-split{display:flex;position:relative;border-radius:var(--radius-md);border:1.5px solid var(--color-meadow-sage);background-color:var(--color-parchment-surface);overflow:hidden;transition:all .12s ease}.core-action-split:hover{border-color:var(--color-moss-green);box-shadow:0 3px 8px #0000000d}.core-action-split .split-main-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;background:transparent;border:none;cursor:pointer;color:var(--color-forest-ink);transition:background .15s ease}.core-action-split .split-main-btn:hover{background:#93a89014}.core-action-split .split-main-btn .action-emoji{font-size:20px;line-height:1}.core-action-split .split-main-btn .action-name{font-size:12px;font-weight:800;color:var(--color-forest-ink)}.core-action-split .split-dropdown-btn{width:20px;display:flex;align-items:center;justify-content:center;background:#93a8901a;border:none;border-left:1px solid rgba(147,168,144,.25);cursor:pointer;color:var(--color-forest-ink);font-size:11px;transition:background .15s ease;-webkit-user-select:none;user-select:none}.core-action-split .split-dropdown-btn:hover{background:#93a89040}.core-action-split button:disabled{opacity:.45;cursor:not-allowed}.toybox-quick-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#f3f7f2,#ebf3ea);border:1.5px dashed rgba(107,142,104,.4);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;gap:10px}.toybox-quick-banner:hover{background:linear-gradient(135deg,#eaf3e9,#e1ede0);border-color:var(--color-moss-green);transform:translateY(-1px)}.toybox-quick-banner .banner-left{display:flex;align-items:center;gap:10px}.toybox-quick-banner .banner-icon{font-size:20px}.toybox-quick-banner .banner-text{display:flex;flex-direction:column}.toybox-quick-banner .banner-text strong{font-size:13px;color:var(--color-forest-ink)}.toybox-quick-banner .banner-text span{font-size:11px;color:#637761}.toybox-quick-banner .banner-open-btn{background:#fff;border:1px solid rgba(147,168,144,.4);color:#3e4f3c;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.display-presets-card{background:#fff;border:1.5px solid #D5E5D0;border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #223c240d}.presets-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.presets-info{display:flex;align-items:center;gap:10px}.presets-icon{font-size:22px}.presets-title{margin:0;font-size:14px;font-weight:800;color:#1e3f20}.presets-subtitle{margin:2px 0 0;font-size:11.5px;color:#556b55}.presets-action-buttons{display:flex;align-items:center;gap:8px}.preset-pill-btn{font-family:inherit;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;cursor:pointer;border:1.5px solid transparent;transition:all .15s ease}.preset-pill-btn.zen{background:#e8f5e9;color:#1b5e20;border-color:#c8e6c9}.preset-pill-btn.zen:hover,.preset-pill-btn.zen.is-active{background:#2e7d32;color:#fff;border-color:#1b5e20;box-shadow:0 2px 8px #2e7d3259}.preset-pill-btn.full{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.preset-pill-btn.full:hover,.preset-pill-btn.full.is-active{background:#374151;color:#fff;border-color:#1f2937;box-shadow:0 2px 8px #0003}.clock-toggle-strip{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px dashed #E0ECD9}.clock-toggle-strip .strip-left{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#3b533a}.core-action-btn .action-emoji{font-size:22px;line-height:1}.core-action-btn .action-name{font-size:13px;font-weight:800;color:var(--color-forest-ink)}.core-action-btn.celebrate-special-btn{background-color:var(--color-honey-gold);border-color:var(--color-honey-gold-dark);box-shadow:var(--shadow-btn-honey)}.core-action-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.bottom-split-deck{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deck-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px}.deck-card-header{display:flex;align-items:center;justify-content:space-between}.deck-title-group{display:flex;align-items:center;gap:8px}.deck-icon{font-size:18px}.deck-title{font-size:15px;font-weight:800;color:var(--color-forest-ink)}.deck-header-actions{display:flex;align-items:center;gap:6px}.trigger-mode-toggle{font-size:11px;font-weight:800;padding:4px 10px;border-radius:var(--radius-pill);background-color:var(--color-meadow-sage-light);border:1px solid var(--color-meadow-sage);color:var(--color-forest-ink);cursor:pointer;transition:all .15s ease}.trigger-mode-toggle.is-hold{background-color:var(--color-honey-gold-soft);border-color:var(--color-honey-gold);color:var(--color-forest-ink)}.deck-more-btn{font-size:12px;font-weight:800;padding:4px 10px;border-radius:var(--radius-pill);background-color:var(--color-parchment-muted);border:1px solid var(--color-parchment-border);color:var(--color-forest-ink-muted);cursor:pointer;transition:all .15s ease}.deck-more-btn:hover{background-color:var(--color-forest-ink);color:#fff}.habitat-current-tag{font-size:12px;font-weight:800;color:var(--color-moss-green);background-color:var(--color-meadow-sage-light);padding:4px 10px;border-radius:var(--radius-pill)}.quick-emotions-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.habitat-season-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.emotions-sleeping-notice{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:#9370db1f;border:1.5px dashed rgba(147,112,219,.4);border-radius:var(--radius-md);margin-bottom:4px}.emotions-sleeping-notice .notice-icon{font-size:20px;line-height:1}.emotions-sleeping-notice .notice-text{display:flex;flex-direction:column;gap:2px}.emotions-sleeping-notice .notice-text strong{font-size:12px;color:var(--color-forest-ink);font-weight:800}.emotions-sleeping-notice .notice-text span{font-size:11px;color:var(--color-moss-green);line-height:1.3}.emotions-holding-banner{display:flex;align-items:center;gap:8px;padding:8px 10px;background-color:#f4c46233;border:1.5px solid var(--color-sunbeam-amber);border-radius:var(--radius-md);margin-bottom:8px}.emotions-holding-banner .holding-icon{font-size:16px;line-height:1}.emotions-holding-banner .holding-info{display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px}.emotions-holding-banner .holding-text{font-size:11.5px;font-weight:700;color:var(--color-forest-ink)}.release-emotion-btn{padding:4px 10px;background-color:var(--color-sunbeam-amber);color:#5c3b00;border:none;border-radius:var(--radius-pill);font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease;white-space:nowrap}.release-emotion-btn:hover{background-color:#f1b842;transform:translateY(-1px)}.emotion-pill-btn.is-active-held,.modal-emotion-card.is-card-held{border-color:var(--color-sunbeam-amber)!important;background-color:#f4c46240!important;box-shadow:0 0 0 1.5px var(--color-sunbeam-amber)}.modal-sleep-warning{padding:10px 14px;background-color:#9370db24;border:1.5px dashed rgba(147,112,219,.5);border-radius:var(--radius-md);margin-bottom:12px;font-size:12px;color:var(--color-forest-ink);line-height:1.4}.emotion-pill-btn,.habitat-season-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background-color:var(--color-parchment);border:1.5px solid var(--color-parchment-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.emotion-pill-btn:hover:not(:disabled),.habitat-season-pill:hover{background-color:var(--color-meadow-sage-light);border-color:var(--color-meadow-sage)}.habitat-season-pill.is-selected{background-color:var(--color-parchment-surface);border-color:var(--color-moss-green);box-shadow:0 0 0 1.5px var(--color-moss-green)}.pill-emoji,.season-icon{font-size:16px;line-height:1}.pill-name,.season-name{font-size:11.5px;font-weight:800;color:var(--color-forest-ink)}.emotion-pill-btn:disabled{opacity:.4;cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#263d3273;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-parchment-surface);border:2px solid var(--color-parchment-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-cozy-float);width:100%;max-width:620px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .2s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1.5px solid var(--color-parchment-border);background-color:var(--color-meadow-sage-light)}.modal-title-group{display:flex;align-items:center;gap:8px}.modal-title-group h3{font-size:17px;font-weight:800;color:var(--color-forest-ink)}.modal-close-btn{font-size:18px;font-weight:800;color:var(--color-forest-ink-muted);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer}.modal-close-btn:hover{background-color:var(--color-parchment-border)}.modal-filter-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 18px;background-color:var(--color-parchment);border-bottom:1px solid var(--color-parchment-border)}.modal-filter-tab{padding:4px 10px;font-size:11.5px;font-weight:700;border-radius:var(--radius-pill);background-color:var(--color-parchment-surface);border:1px solid var(--color-parchment-border);color:var(--color-forest-ink-muted);cursor:pointer}.modal-filter-tab.is-active{background-color:var(--color-forest-ink);color:#fff}.modal-emotions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px 18px;overflow-y:auto}.modal-emotion-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background-color:var(--color-parchment);border:1.5px solid var(--color-parchment-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .12s ease}.modal-emotion-card:hover:not(:disabled){background-color:var(--color-meadow-sage-light);border-color:var(--color-moss-green)}.modal-emotion-card .card-emoji{font-size:20px;flex-shrink:0}.modal-emotion-card .card-info{display:flex;flex-direction:column;min-width:0}.modal-emotion-card .card-name{font-size:13px;font-weight:800;color:var(--color-forest-ink)}.modal-emotion-card .card-hint{font-size:11px;color:var(--color-forest-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-body,.settings-body{padding:20px;display:flex;flex-direction:column;gap:14px}.journal-entry{background-color:var(--color-parchment);border:1.5px solid var(--color-parchment-border);border-radius:var(--radius-md);padding:14px}.entry-date{font-size:11px;font-weight:800;text-transform:uppercase;color:var(--color-moss-green);letter-spacing:.5px}.journal-entry h4{font-size:15px;font-weight:800;margin:4px 0 6px}.journal-entry p{font-size:13px;color:var(--color-forest-ink-muted);line-height:1.45}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background-color:var(--color-parchment);border-radius:var(--radius-md)}.setting-row strong{font-size:14px;font-weight:800}.setting-row p{font-size:12px;color:var(--color-forest-ink-muted)}.dash-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--color-forest-ink);color:#fff;padding:10px 20px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 6px 20px #263d3240;z-index:300;animation:toastFade .2s ease}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:600px){.preview-dashboard-layout{padding:12px 10px 30px;gap:10px}.core-actions-row{grid-template-columns:repeat(3,1fr)}.core-actions-row .celebrate-special-btn{grid-column:span 2}.bottom-split-deck{grid-template-columns:1fr}.quick-emotions-pills,.habitat-season-pills{grid-template-columns:repeat(4,1fr)}.modal-emotions-grid{grid-template-columns:1fr}.hatching-actions-row{flex-direction:column}}.hatching-ceremony-card{background:linear-gradient(135deg,#fbfdf9,#f0f7ec);border:2px solid #b7dba2;border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 16px #3a583014}.hatching-card-header{display:flex;align-items:center;gap:18px}.hatching-avatar-wrapper{position:relative;width:76px;height:76px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle,#fff 40%,#e2f2d9);border:2px solid #a3d489;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3a58301f}.hatching-egg-preview-img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated;transform-origin:center bottom}.hatching-egg-preview-img.is-wobbling{animation:eggPreviewRock 1.2s ease-in-out infinite alternate}@keyframes eggPreviewRock{0%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(0) translateY(-2px)}to{transform:rotate(8deg) translateY(0)}}.hatching-details{display:flex;flex-direction:column;gap:4px}.hatching-badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hatching-pill-badge{background:#2d5a27;color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:9999px}.hatching-status-pill{background:#e7f5df;color:#276721;font-size:11px;font-weight:700;padding:3px 9px;border-radius:9999px;border:1px solid #bce3a8}.hatching-title{font-size:1.25rem;font-weight:800;color:#1a391c;margin:2px 0 0}.hatching-desc{font-size:.88rem;color:#4b684d;line-height:1.4;margin:0}.hatching-actions-row{display:flex;gap:12px;padding-top:4px}.hatch-btn-wobble{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1.5px solid #a3d489;background:#fff;color:#264d23;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .18s ease;flex:1}.hatch-btn-wobble:hover:not(:disabled){background:#f0f9eb;border-color:#79bf59;transform:translateY(-1px)}.hatch-btn-wobble.is-active{background:#e4f4dc;border-color:#5ea83c;color:#1f4e1c;box-shadow:0 0 0 2px #5ea83c33}.hatch-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-family:inherit;font-size:.98rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #16a34a59;transition:all .18s cubic-bezier(.16,1,.3,1);flex:1.3}.hatch-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 18px #16a34a73}.hatch-btn-primary:disabled,.hatch-btn-wobble:disabled{opacity:.6;cursor:not-allowed;transform:none}.hatching-dormant-banner{background:#f4faf1;border:1px dashed #aedaa0;border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:10px;color:#3b5c39;font-size:.88rem;font-weight:600}.dormant-icon{font-size:1.2rem;flex-shrink:0}.video-widescreen-wrapper{width:100%;max-width:580px;margin:0 auto}.widescreen-display-bezel{width:100%;aspect-ratio:16 / 9;background:#1e2822;border:4px solid #141C17;border-radius:20px;box-shadow:0 24px 50px #12261847,0 0 0 1px #ffffff1f inset;display:flex;flex-direction:column;overflow:hidden;position:relative}.display-bezel-header{height:32px;background:#141c17;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.bezel-status-indicator{display:flex;align-items:center;gap:8px}.bezel-led-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 8px #16a34a}.bezel-title-text{font-size:11px;font-weight:700;color:#8ba892;letter-spacing:.04em;text-transform:uppercase}.bezel-tag-pill{font-size:10.5px;font-weight:800;color:#cce2c5;background:#ffffff14;padding:2px 8px;border-radius:9999px}.display-canvas-surface{flex:1;background-size:cover;background-position:center bottom;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px;overflow:hidden}.display-surface-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14281a40,#14281a73);pointer-events:none}.display-center-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.video-avatar-holder{width:90px;height:90px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}.video-avatar-img{width:100%;height:100%;object-fit:contain}.video-play-badge{display:inline-flex;align-items:center;gap:12px;background:#142418d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(163,184,135,.6);border-radius:9999px;padding:6px 18px 6px 8px;box-shadow:0 8px 24px #00000059}.play-icon-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e9ab4f,#d97706);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;flex-shrink:0}.play-triangle-icon{font-size:13px;color:#1a221c;margin-left:2px}.play-badge-copy{display:flex;flex-direction:column;text-align:left}.play-badge-label{font-size:13px;font-weight:800;color:#fff8e9;letter-spacing:-.01em}.play-badge-subtitle{font-size:11px;font-weight:700;color:#a3b887;text-transform:uppercase;letter-spacing:.05em}.display-bottom-telemetry{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.telemetry-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#142418d1;border:1px solid rgba(163,184,135,.4);border-radius:8px;font-size:11px;font-weight:700;color:#fff8e9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.telemetry-demo-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#52754b;border:1px solid #A3B887;border-radius:8px;color:#fff;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease}.telemetry-demo-btn:hover{background:#3b5736}.video-widescreen-element{width:100%;aspect-ratio:16 / 9;border-radius:18px;object-fit:cover}@media(max-width:600px){.display-bottom-telemetry{flex-direction:column;align-items:stretch}.telemetry-demo-btn{justify-content:center}}:root{--color-forest-ink: #263D32;--color-forest-dark: #1E3027;--color-moss-green: #52754B;--color-moss-dark: #3B5736;--color-meadow-sage: #A3B887;--color-meadow-sage-light: #EBF5E7;--color-parchment: #FFF8E9;--color-parchment-card: #FFFFFF;--color-honey-gold: #E9AB4F;--color-gold-light: #FEF3C7;--color-woodland-clay: #B87755;--color-border-soft: #CCE2C5;--shadow-cozy: 0 4px 20px rgba(38, 61, 50, .08);--shadow-cozy-lg: 0 12px 36px rgba(38, 61, 50, .12);--font-family-marketing: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.marketing-page-container{min-height:100vh;background-color:var(--color-parchment);color:var(--color-forest-ink);font-family:var(--font-family-marketing);overflow-x:hidden;line-height:1.6}.marketing-nav-header{position:sticky;top:0;z-index:100;background:#fff8e9f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1.5px solid var(--color-meadow-sage);padding:10px 24px}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.nav-brand{display:flex;align-items:center;text-decoration:none}.nav-brand-logo{height:44px;width:auto;object-fit:contain}.nav-links-desktop{display:flex;align-items:center;gap:22px}.nav-links-desktop a{text-decoration:none;font-size:14px;font-weight:800;color:var(--color-forest-ink);transition:color .15s ease}.nav-links-desktop a:hover{color:var(--color-moss-green)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-beta-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 20px;background:linear-gradient(135deg,#52754b,#3b5736);border:1.5px solid #263D32;border-radius:9999px;color:#fff;font-size:13.5px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px #52754b47;transition:all .2s ease}.nav-beta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #52754b61}.btn-sparkle{font-size:12px}.nav-beta-text-mobile{display:none}.nav-beta-text-full{display:inline}.nav-login-link{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:transparent;border:1px solid var(--color-meadow-sage);border-radius:9999px;color:var(--color-forest-ink);text-decoration:none;font-size:13px;font-weight:700;flex-shrink:0;white-space:nowrap;transition:all .15s ease}.nav-login-link:hover{background:var(--color-meadow-sage-light);border-color:var(--color-moss-green)}.login-icon{font-size:12px}.marketing-hero-section{max-width:1200px;margin:0 auto;padding:50px 24px 60px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-content{display:flex;flex-direction:column;gap:18px}.hero-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 16px;background:var(--color-meadow-sage-light);border:1.5px solid var(--color-moss-green);border-radius:9999px;font-size:12.5px;font-weight:800;color:var(--color-forest-ink);text-transform:uppercase;letter-spacing:.04em}.hero-title{margin:0;font-size:40px;line-height:1.15;font-weight:900;color:var(--color-forest-ink);letter-spacing:-.02em}.highlight-text{color:var(--color-moss-green);background:linear-gradient(120deg,#a3b8874d,#a3b8870d);padding:0 4px;border-radius:6px}.hero-subhead{margin:0;font-size:17px;line-height:1.55;color:#37533b;font-weight:600}.hero-cta-group{display:flex;align-items:center;gap:14px;margin-top:6px}.hero-primary-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:linear-gradient(135deg,#52754b,#3b5736);border:1.5px solid #263D32;border-radius:14px;color:#fff;font-size:15.5px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #52754b52;transition:all .2s ease}.hero-primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #52754b6b}.hero-secondary-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;border:1.5px solid var(--color-meadow-sage);border-radius:14px;color:var(--color-forest-ink);font-size:14.5px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #263d320d;transition:all .2s ease}.hero-secondary-btn:hover{background:var(--color-meadow-sage-light);border-color:var(--color-moss-green)}.hero-trust-row{display:flex;flex-direction:column;gap:6px;margin-top:8px}.trust-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#37533b}.trust-check{color:var(--color-moss-green);font-weight:900}.marketing-section{max-width:1200px;margin:0 auto;padding:70px 24px}.section-header{text-align:center;max-width:720px;margin:0 auto 44px}.section-kicker{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-moss-green);margin-bottom:8px}.section-title{margin:0 0 12px;font-size:34px;font-weight:900;color:var(--color-forest-ink);letter-spacing:-.02em;line-height:1.2}.section-subtitle{margin:0;font-size:16.5px;color:#4c6b52;line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-card{background:var(--color-parchment-card);border:1.5px solid var(--color-border-soft);border-radius:20px;padding:30px 24px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-cozy);transition:all .25s ease}.step-card:hover{transform:translateY(-4px);border-color:var(--color-moss-green);box-shadow:var(--shadow-cozy-lg)}.step-card.featured-step{border:2px solid var(--color-moss-green);background:linear-gradient(180deg,#fff,#f5faf1)}.step-number-pill{position:absolute;top:-14px;left:24px;padding:4px 14px;background:var(--color-moss-green);color:#fff;border-radius:9999px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.step-icon-bubble{font-size:32px;margin-bottom:14px;margin-top:4px}.step-card-title{margin:0 0 10px;font-size:19px;font-weight:800;color:var(--color-forest-ink)}.step-card-text{margin:0 0 18px;font-size:14px;color:#4c6b52;line-height:1.55;flex:1}.step-highlight-tag{align-self:flex-start;padding:4px 10px;background:var(--color-meadow-sage-light);border-radius:6px;font-size:11.5px;font-weight:700;color:var(--color-moss-green)}.section-meet-mosskin{background:linear-gradient(135deg,#fafdf6,#f1f8ed);border-radius:28px;border:1.5px solid var(--color-border-soft);padding:50px 40px;margin:20px auto}.meet-mosskin-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px}.meet-mosskin-visual{display:flex;justify-content:center}.mosskin-avatar-frame{display:flex;flex-direction:column;align-items:center;gap:14px}.mosskin-avatar-large{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(38,61,50,.22))}.mosskin-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#fff;border:1.5px solid var(--color-moss-green);border-radius:9999px;font-size:12px;font-weight:800;color:var(--color-forest-ink);box-shadow:0 2px 8px #263d3214}.pulse-dot-green{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:pulseBeacon 2s infinite}.meet-lead{margin:0 0 10px;font-size:18px;font-weight:800;color:var(--color-moss-green)}.meet-body{margin:0 0 20px;font-size:15px;color:#37533b;line-height:1.55}.mosskin-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-item{display:flex;gap:12px;background:#fff;border:1px solid var(--color-border-soft);border-radius:14px;padding:14px 16px}.feature-icon{font-size:22px;flex-shrink:0;margin-top:2px}.feature-item strong{display:block;font-size:13.5px;color:var(--color-forest-ink);margin-bottom:2px}.feature-item p{margin:0;font-size:12px;color:#52754b;line-height:1.4}.growth-stages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.growth-stage-card{background:#fff;border:1.5px solid var(--color-border-soft);border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-cozy);transition:all .2s ease;position:relative}.growth-stage-card.active-stage{border-color:var(--color-moss-green);background:linear-gradient(180deg,#fff,#f5faf1);box-shadow:var(--shadow-cozy-lg)}.growth-stage-card.placeholder-stage{border-style:dashed;border-color:var(--color-meadow-sage)}.stage-badge{font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:9999px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.finalized-badge{background:#ebf5e7;color:var(--color-moss-green);border:1px solid var(--color-moss-green)}.concept-badge{background:#fef3c7;color:#92400e;border:1px solid #FBBF24}.stage-image-holder{width:130px;height:130px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative}.stage-img{max-width:100%;max-height:100%;object-fit:contain}.concept-holder .concept-img{opacity:.88}.stage-overlay-tag{position:absolute;bottom:4px;padding:2px 8px;background:#263d32d9;color:#fff8e9;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.04em}.stage-title{margin:0 0 6px;font-size:16.5px;font-weight:800;color:var(--color-forest-ink)}.stage-desc{margin:0;font-size:12px;color:#4c6b52;line-height:1.45}.growth-reassurance-box{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fafdf6;border:1.5px solid var(--color-meadow-sage);border-radius:14px;font-size:13.5px;color:#263d32}.reassurance-icon{font-size:20px;flex-shrink:0}.growth-reassurance-box p{margin:0}.achievement-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px}.process-card{background:#fff;border:1.5px solid var(--color-border-soft);border-radius:16px;padding:20px 18px;position:relative;box-shadow:0 2px 10px #263d320a}.process-step-num{display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--color-moss-green);color:#fff;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-bottom:10px}.process-card h4{margin:0 0 6px;font-size:15.5px;font-weight:800;color:var(--color-forest-ink)}.process-card p{margin:0;font-size:12.5px;color:#4c6b52;line-height:1.5}.unlockables-showcase-container{background:linear-gradient(135deg,#fafdf6,#ebf5e7);border:2px solid var(--color-meadow-sage);border-radius:24px;padding:30px;box-shadow:var(--shadow-cozy)}.showcase-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.showcase-title-block{display:flex;align-items:center;gap:12px}.chest-badge-icon{font-size:32px}.showcase-title{margin:0 0 2px;font-size:21px;font-weight:900;color:var(--color-forest-ink)}.showcase-desc{margin:0;font-size:13.5px;color:#4c6b52}.shelf-tab-switcher{display:flex;gap:8px}.shelf-tab-btn{padding:7px 16px;background:#fff;border:1.5px solid var(--color-meadow-sage);border-radius:9999px;font-size:12.5px;font-weight:800;color:var(--color-forest-ink);cursor:pointer;transition:all .15s ease}.shelf-tab-btn:hover{background:var(--color-meadow-sage-light)}.shelf-tab-btn.active{background:var(--color-moss-green);border-color:var(--color-forest-ink);color:#fff}.shelf-items-display{background:#fff;border:1.5px solid var(--color-meadow-sage);border-radius:18px;padding:22px}.items-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.item-showcase-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 10px;background:#f9fcf6;border:1px solid var(--color-border-soft);border-radius:14px;gap:8px}.item-sprite{width:52px;height:52px;object-fit:contain;image-rendering:pixelated}.item-name{font-size:13px;font-weight:800;color:var(--color-forest-ink)}.item-tier{font-size:10.5px;font-weight:700;color:var(--color-moss-green);background:#ebf5e7;padding:2px 8px;border-radius:9999px}.section-ceremony{background:linear-gradient(135deg,#f3f9ee,#e7f3df);border-radius:28px;border:1.5px solid var(--color-border-soft);padding:50px 44px;margin:30px auto}.ceremony-container{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.ceremony-text-col{display:flex;flex-direction:column;gap:14px}.ceremony-lead{margin:0;font-size:18px;font-weight:800;color:var(--color-moss-green)}.ceremony-description{margin:0;font-size:15px;color:#37533b;line-height:1.55}.ceremony-feature-bullets{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.ceremony-feature-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#2f4d35}.bullet-check{font-weight:900;color:var(--color-moss-green)}.ceremony-preview-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--color-forest-ink);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s ease}.ceremony-preview-btn:hover{background:#141c17;transform:translateY(-2px)}.ceremony-visual-col{display:flex;justify-content:center}.ceremony-egg-showcase-card{background:#fff;border:2px solid var(--color-meadow-sage);border-radius:24px;padding:30px 24px;text-align:center;box-shadow:var(--shadow-cozy-lg);display:flex;flex-direction:column;align-items:center;max-width:280px}.pixel-egg-holder{width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.pixel-egg-image{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;animation:eggWobble 3s infinite ease-in-out}@keyframes eggWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}.egg-status-pill{padding:4px 12px;background:var(--color-gold-light);border:1px solid #FBBF24;border-radius:9999px;font-size:11.5px;font-weight:800;color:#92400e;margin-bottom:10px}.egg-card-title{margin:0 0 6px;font-size:18px;font-weight:900;color:var(--color-forest-ink)}.egg-card-caption{margin:0;font-size:12px;color:#55755b;line-height:1.45}.toolkit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.tool-card{background:#fff;border:1.5px solid var(--color-border-soft);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 10px #263d320a;transition:all .2s ease}.tool-card:hover{transform:translateY(-3px);border-color:var(--color-moss-green);box-shadow:var(--shadow-cozy)}.tool-icon{font-size:26px}.tool-title{margin:0;font-size:16.5px;font-weight:800;color:var(--color-forest-ink)}.tool-text{margin:0;font-size:13.5px;color:#4c6b52;line-height:1.5}.toolkit-customizable-note{display:flex;align-items:center;justify-content:center;padding:12px 18px;background:#fafdf6;border:1.5px solid var(--color-meadow-sage);border-radius:12px;font-size:13px;font-weight:700;color:var(--color-forest-ink)}.section-sel{padding-top:20px;padding-bottom:40px}.sel-card-container{background:linear-gradient(135deg,#fffdf8,#f5f9f1);border:2px solid var(--color-meadow-sage);border-radius:24px;padding:36px 32px;text-align:center;box-shadow:var(--shadow-cozy)}.sel-kicker{margin-bottom:6px}.sel-title{font-size:30px;margin-bottom:8px}.sel-subtitle{max-width:680px;margin:0 auto 24px;font-size:15.5px;color:#4c6b52}.sel-emotions-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:22px}.sel-emotion-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#fff;border:1.5px solid var(--color-meadow-sage);border-radius:9999px;box-shadow:0 2px 6px #263d320d}.emotion-emoji{font-size:18px}.emotion-label{font-size:13px;font-weight:800;color:var(--color-forest-ink)}.sel-details-box{max-width:720px;margin:0 auto;font-size:13px;color:#55755b;line-height:1.55;border-top:1px solid var(--color-border-soft);padding-top:16px}.sel-details-box p{margin:0}.privacy-card-container{background:linear-gradient(135deg,#263d32,#172920);border-radius:28px;padding:50px 44px;color:#fff;text-align:center;box-shadow:var(--shadow-cozy-lg)}.privacy-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:9999px;font-size:11.5px;font-weight:800;letter-spacing:.06em;margin-bottom:18px}.privacy-card-title{margin:0 0 14px;font-size:34px;font-weight:900;letter-spacing:-.02em;line-height:1.2}.privacy-card-subtitle{max-width:720px;margin:0 auto 36px;font-size:15.5px;color:#bddab0;line-height:1.6}.privacy-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left}.privacy-pillar{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;gap:8px}.pillar-icon{font-size:22px}.privacy-pillar h4{margin:0;font-size:15px;font-weight:800;color:#fff}.privacy-pillar p{margin:0;font-size:12.5px;color:#cce2c5;line-height:1.45}.privacy-legal-disclaimer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:#8ba892;line-height:1.45}.section-beta-callout{padding-top:20px}.beta-callout-card{background:linear-gradient(135deg,#fffdf8,#ebf5e7);border:2.5px solid var(--color-moss-green);border-radius:28px;padding:44px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow-cozy-lg)}.beta-callout-header{display:flex;align-items:center;gap:12px}.beta-emblem-img{width:54px;height:54px;object-fit:contain}.beta-timing-pill{padding:4px 14px;background:var(--color-moss-green);color:#fff;border-radius:9999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.beta-callout-title{margin:0;font-size:32px;font-weight:900;color:var(--color-forest-ink);letter-spacing:-.01em}.beta-callout-sub{max-width:620px;margin:0;font-size:16px;color:#4c6b52;line-height:1.5}.beta-perks-list{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:8px;text-align:left;font-size:14px;color:#2f4d35;font-weight:700}.beta-callout-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}.btn-large-apply{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;background:linear-gradient(135deg,#52754b,#3b5736);border:1.5px solid #263D32;border-radius:14px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 6px 20px #52754b59;transition:all .2s ease}.btn-large-apply:hover{transform:translateY(-2px);box-shadow:0 10px 26px #52754b73}.beta-guarantee-note{margin:0;font-size:12px;color:#64748b}.faq-accordion-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1.5px solid var(--color-border-soft);border-radius:14px;overflow:hidden;transition:all .2s ease}.faq-item.is-open{border-color:var(--color-moss-green);box-shadow:var(--shadow-cozy)}.faq-question-btn{width:100%;padding:16px 20px;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;gap:16px}.faq-question-text{font-size:16px;font-weight:800;color:var(--color-forest-ink)}.faq-toggle-icon{font-size:20px;font-weight:700;color:var(--color-moss-green)}.faq-answer-panel{padding:0 20px 16px}.faq-answer-panel p{margin:0;font-size:14.5px;color:#4c6b52;line-height:1.6}.marketing-footer{background:#1c2d24;color:#cce2c5;padding:50px 24px 26px;border-top:2px solid #2F4D35}.footer-container{max-width:1200px;margin:0 auto 36px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-col-brand{display:flex;flex-direction:column;gap:12px}.footer-brand-logo-clean{height:42px;width:auto;object-fit:contain;align-self:flex-start;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.footer-tagline{margin:0;font-size:13.5px;line-height:1.5;color:#cce2c5;max-width:380px}.footer-contact-line{margin:0;font-size:12.5px;color:#8ba892}.footer-contact-line a{color:#fff8e9;font-weight:700;text-decoration:none}.footer-col-links{display:flex;flex-direction:column;gap:10px}.footer-col-title{margin:0 0 4px;font-size:13.5px;font-weight:800;color:#fff8e9;text-transform:uppercase;letter-spacing:.05em}.footer-col-links a{text-decoration:none;font-size:13.5px;color:#cce2c5;transition:color .15s ease}.footer-col-links a:hover{color:#fff8e9}.footer-text-btn{background:transparent;border:none;padding:0;text-align:left;font-size:13.5px;color:#cce2c5;font-weight:700;cursor:pointer;font-family:inherit;transition:color .15s ease}.footer-text-btn:hover{color:#fff8e9}.footer-admin-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 10px;color:#e9ab4f;font-size:11.5px;font-weight:700;cursor:pointer;margin-top:6px;font-family:inherit;align-self:flex-start;transition:all .15s ease}.footer-admin-btn:hover{background:#ffffff29;color:#fff}.footer-bottom-bar{max-width:1200px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7da885}.footer-sub-notice{font-weight:700}@media(max-width:960px){.marketing-hero-section{grid-template-columns:1fr;text-align:center;gap:36px;padding:36px 20px 48px}.hero-badge{align-self:center}.hero-title{font-size:32px}.hero-cta-group{justify-content:center}.hero-trust-row{align-items:center}.steps-grid{grid-template-columns:1fr}.meet-mosskin-grid{grid-template-columns:1fr;text-align:center}.growth-stages-grid,.achievement-process-grid,.items-row{grid-template-columns:1fr 1fr}.showcase-header{flex-direction:column;align-items:stretch}.shelf-tab-switcher{flex-wrap:wrap}.ceremony-container{grid-template-columns:1fr;text-align:center}.ceremony-preview-btn{align-self:center}.ceremony-visual-col{order:-1}.toolkit-grid,.privacy-pillars-grid{grid-template-columns:1fr 1fr}.footer-container{grid-template-columns:1fr}}@media(max-width:640px){.marketing-nav-header{padding:8px 14px}.nav-container{gap:10px;justify-content:space-between}.nav-brand-logo{height:28px;max-width:160px}.nav-links-desktop{display:none}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-beta-btn{padding:6px 12px;font-size:12px;flex-shrink:0;white-space:nowrap}.nav-login-link{padding:5px 11px;font-size:12px;flex-shrink:0;white-space:nowrap;background:#e8f0e4;border:1.5px solid var(--color-moss-green)}.hero-title{font-size:26px}.hero-cta-group{flex-direction:column;width:100%}.hero-primary-btn,.hero-secondary-btn{width:100%;justify-content:center}.mosskin-features-grid,.growth-stages-grid,.achievement-process-grid{grid-template-columns:1fr}.items-row{grid-template-columns:1fr 1fr}.toolkit-grid,.privacy-pillars-grid{grid-template-columns:1fr}.privacy-card-container{padding:32px 18px}.privacy-card-title{font-size:24px}.footer-bottom-bar{flex-direction:column;gap:8px;text-align:center}}@media(max-width:420px){.marketing-nav-header{padding:6px 10px}.nav-container{gap:6px}.nav-brand-logo{height:24px;max-width:130px}.nav-actions{gap:6px}.nav-beta-text-full{display:none}.nav-beta-text-mobile{display:inline}.nav-beta-btn{padding:5px 9px;font-size:11.5px}.nav-login-link{padding:4px 9px;font-size:11.5px}.login-icon{font-size:10px}}.app-viewport{min-height:100vh;width:100%;display:flex;flex-direction:column}:root{--color-forest-ink: #263D32;--color-forest-ink-muted: #4B6356;--color-forest-ink-faint: #7A9184;--color-moss-green: #52754B;--color-moss-green-dark: #3E5B38;--color-moss-green-hover: #5F8557;--color-moss-green-soft: #EEF4EB;--color-meadow-sage: #A3B887;--color-meadow-sage-light: #EBF1E5;--color-meadow-sage-border: #C8D7B3;--color-parchment: #FFF8E9;--color-parchment-surface: #FFFDF7;--color-parchment-muted: #F5ECD7;--color-parchment-border: #EADBCA;--color-honey-gold: #E9AB4F;--color-honey-gold-dark: #C78A33;--color-honey-gold-soft: #FDF4E5;--color-woodland-clay: #B87755;--color-woodland-clay-dark: #8F5233;--color-woodland-clay-soft: #F9EFE9;--font-ui: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-decorative: "Pixelify Sans", cursive, monospace;--font-digital: "Share Tech Mono", "Chakra Petch", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 9999px;--shadow-cozy-card: 0 4px 16px rgba(38, 61, 50, .06), 0 1px 3px rgba(38, 61, 50, .04);--shadow-cozy-float: 0 10px 30px rgba(38, 61, 50, .1);--shadow-btn-moss: 0 3px 0 var(--color-moss-green-dark);--shadow-btn-honey: 0 3px 0 var(--color-honey-gold-dark);--shadow-btn-clay: 0 3px 0 var(--color-woodland-clay-dark)}.btn-cozy-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-moss-green);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:.95rem;padding:10px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-btn-moss);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.btn-cozy-primary:hover{background-color:var(--color-moss-green-hover)}.btn-cozy-primary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-moss-green-dark)}.btn-cozy-primary:focus-visible{outline:3px solid var(--color-meadow-sage);outline-offset:2px}.btn-cozy-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-parchment-surface);color:var(--color-forest-ink);font-family:var(--font-ui);font-weight:700;font-size:.95rem;padding:10px 20px;border-radius:var(--radius-md);border:2px solid var(--color-meadow-sage);box-shadow:0 2px 4px #263d320d;cursor:pointer;transition:transform .1s ease,background-color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.btn-cozy-secondary:hover{background-color:var(--color-meadow-sage-light);border-color:var(--color-moss-green)}.btn-cozy-secondary:active{transform:translateY(1px)}.btn-cozy-secondary:focus-visible{outline:3px solid var(--color-moss-green);outline-offset:2px}.btn-cozy-special{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-honey-gold);color:var(--color-forest-ink);font-family:var(--font-ui);font-weight:800;font-size:.95rem;padding:10px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-btn-honey);border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,filter .15s ease;-webkit-user-select:none;user-select:none}.btn-cozy-special:hover{filter:brightness(1.05)}.btn-cozy-special:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-honey-gold-dark)}.btn-cozy-special:focus-visible{outline:3px solid var(--color-forest-ink);outline-offset:2px}.card-cozy{background-color:var(--color-parchment-surface);border:1.5px solid var(--color-parchment-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-cozy-card);padding:20px}.font-decorative{font-family:var(--font-decorative);letter-spacing:.5px}:root{--color-cream-light: var(--color-parchment-surface);--color-cream: var(--color-parchment);--color-cream-deep: var(--color-parchment-muted);--color-paper: var(--color-parchment-surface);--color-sage-light: var(--color-meadow-sage-light);--color-sage: var(--color-meadow-sage);--color-sage-deep: var(--color-moss-green);--color-sage-dark: var(--color-forest-ink);--color-happy: var(--color-honey-gold);--color-happy-soft: var(--color-honey-gold-soft);--color-celebrate: var(--color-honey-gold);--color-celebrate-soft: var(--color-honey-gold-soft);--color-ink: var(--color-forest-ink);--color-ink-muted: var(--color-forest-ink-muted);--color-ink-faint: var(--color-forest-ink-faint);--font-family-display: var(--font-ui);--font-family-body: var(--font-ui)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-body);background-color:var(--color-cream);color:var(--color-ink);min-height:100vh;line-height:1.5;overflow-x:hidden;-webkit-user-select:none;user-select:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 50% 20%,rgba(255,255,255,.6) 0%,transparent 60%);z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}button{font-family:inherit;border:none;outline:none;cursor:pointer;background:none}button:focus-visible{outline:3px solid var(--color-sage);outline-offset:3px}