:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173f35;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b88b39;outline-offset:4px}button{border:0}#setup{max-width:1060px;margin:auto;padding:28px 42px 18px}.masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #dce1d5}.wordmark{display:flex;gap:11px;align-items:center;text-decoration:none;color:#173f35;font-size:13px;font-weight:850;letter-spacing:1.5px}.school-mark{display:grid;place-items:center;font-family:Georgia,serif;font-size:26px;width:40px;height:44px;background:#173f35;color:#e9bc60;border-radius:5px 5px 16px 16px}.wordmark small{display:block;font-size:8px;color:#7b887e;letter-spacing:1.3px;margin-top:5px}.edition{font-size:11px;color:#7a857c}.page-grid{display:grid;grid-template-columns:1fr 355px;gap:62px;padding:38px 0 30px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#6d7e70;margin:0 0 14px}h1{font-size:49px;letter-spacing:-2.5px;line-height:1.04;margin:0;font-weight:750}h1 em{font-family:Georgia,serif;font-weight:400;color:#9a702b}.intro{font-size:13px;line-height:1.65;color:#758177;margin:16px 0 24px}.settings-card{background:#fffefa;border:1px solid #dde2d6;border-radius:16px;padding:22px}.section-heading{display:flex;gap:10px;align-items:center;margin-bottom:20px}.step{font-size:10px;font-weight:750;background:#eef1e8;padding:6px;border-radius:50%;color:#64806c}h2{font-size:15px;margin:0;letter-spacing:-.2px}label{display:block;font-size:11px;font-weight:700;margin:16px 0 8px}select{width:100%;background:#f9faf5;border:1px solid #d9dfd3;border-radius:8px;padding:12px 10px;font-size:12px;color:#294c3d}.weekly{display:flex;gap:6px;align-items:center;margin:17px 0 23px}.weekly>span{height:32px;min-width:23px;border-radius:5px;background:#edf0e8;font-size:9px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.weekly>span.thursday{background:#efdfbd;color:#78591f}.weekly small{font-size:5px;letter-spacing:.4px}.weekly p{font-size:9px;line-height:1.5;color:#829081;margin:0 0 0 6px}.launch{background:#173f35;color:#fff;width:100%;padding:14px 16px;border-radius:8px;font-size:12px;font-weight:650;display:flex;justify-content:space-between}.launch:hover{background:#285747}.launch:disabled{opacity:.45;cursor:default}.hint{font-size:9px;color:#7f8b80;text-align:center;line-height:1.6;margin:10px 0 0}.rule-note{display:flex;gap:12px;align-items:center;margin-top:19px}.rule-note>span{font-family:Georgia,serif;font-size:30px;color:#b79a5b;border:1px solid #dcd6bf;border-radius:50%;min-width:47px;height:47px;display:grid;place-items:center}.rule-note p{font-size:10px;line-height:1.6;color:#829080;margin:0}.rule-note strong{color:#46614e}.privacy{font-size:8px;letter-spacing:.3px;color:#899385;margin:20px 0 0}.text-button{background:none;color:#345e48;font-size:11px;padding:10px 0}.preview-panel{background:#e9eee4;border:1px solid #e1e6d9;border-radius:20px;padding:22px 24px;align-self:start}.preview-heading{display:flex;justify-content:space-between;align-items:center}.preview-heading .eyebrow{font-size:8px;margin:0}.live-dot{font-size:7px;letter-spacing:1px;background:#fffefa;border-radius:20px;padding:5px 7px;color:#62836a}.live-dot:before{content:'●';font-size:7px;color:#3b8e55;margin-right:4px}#avatar-home{display:grid;place-items:center;min-height:380px;padding-top:12px}.avatar{--signal:#ba3c3c;--wash:#fceae7;width:250px;padding:6px 8px 10px;color:#173f35;user-select:none}.avatar.green{--signal:#218147;--wash:#e1f3da}.avatar-tools{display:flex;align-items:center;justify-content:flex-end;gap:3px;height:26px;-webkit-app-region:drag}.drag-label{font-size:7px;letter-spacing:1px;flex:1;color:#5b6a5e;visibility:hidden}.avatar-tools button{width:25px;height:25px;border-radius:50%;background:#fffdf4d9;color:#52664f;font-size:17px;box-shadow:0 1px 5px #173f3510;-webkit-app-region:no-drag}#close-avatar{display:none}.mascot-stage{height:235px;position:relative;display:grid;place-items:center;-webkit-app-region:drag}.signal-halo{position:absolute;bottom:8px;width:192px;height:192px;border-radius:50%;background:var(--wash);border:3px solid var(--signal);box-shadow:0 0 0 8px #ffffff66}.mascot-stage img{height:233px;width:220px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 5px 3px #173f3522);pointer-events:none}.status{position:relative;border:3px solid var(--signal);background:var(--signal);color:white;border-radius:13px;padding:12px 6px 9px;text-align:center;box-shadow:0 5px 12px #173f3520}.status-title{font-size:21px;font-weight:900;letter-spacing:.2px;white-space:nowrap}.status-detail{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;min-height:18px;margin-top:4px}.status-detail strong{font-size:12px;font-variant-numeric:tabular-nums}.avatar-context{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;background:#fffef8ed;border-radius:0 0 9px 9px;margin:0 10px;padding:7px 3px;font-size:8px;color:#52634f}.preview-caption{font-family:Georgia,serif;font-size:17px;line-height:1.5;color:#6a7b65;text-align:center;margin:7px 0 20px}.permission-note{text-align:center;padding:15px 0;border-top:1px solid #d4ddcb;border-bottom:1px solid #d4ddcb;font-size:10px;line-height:1.7;color:#6d7f65}.permission-note strong{color:#365f43}.today-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;gap:5px}.today-heading h2{font-size:11px}.today-heading button{background:transparent;color:#52704f;font-size:9px;padding:3px}.school-time{font-size:8px;color:#87947f;letter-spacing:.5px;margin:0}.schedule-row{display:flex;justify-content:space-between;border-bottom:1px solid #d7dfce;padding:7px 0;gap:7px;font-size:9px}.schedule-row.active{font-weight:800}.page-footer{display:flex;justify-content:space-between;border-top:1px solid #dce1d5;padding-top:15px;font-size:8px;color:#97a18f}.page-footer span:first-child{font-weight:800;letter-spacing:1.3px}body.avatar-only,body.floating{background:transparent;padding:0;overflow:hidden}body.avatar-only #setup{padding:0}body.avatar-only .masthead,body.avatar-only .configuration,body.avatar-only .preview-heading,body.avatar-only .preview-caption,body.avatar-only .permission-note,body.avatar-only .today-heading,body.avatar-only #schedule-table,body.avatar-only .school-time,body.avatar-only .page-footer{display:none}body.avatar-only .page-grid,body.avatar-only .preview-panel{display:block;background:none;border:0;padding:0;margin:0}body.avatar-only #avatar-home{display:block;min-height:0;padding:0}body.avatar-only .avatar,body.floating .avatar{margin:auto}body.avatar-only .drag-label,body.floating .drag-label{visibility:visible}body.avatar-only #close-avatar,body.floating #close-avatar{display:block}body.floating{background:#f1f3e9}body.floating .drag-label{font-size:0}body.floating .drag-label:after{content:'DRAG WINDOW TO MOVE';font-size:7px}[hidden]{display:none!important}@media(max-width:800px){#setup{padding:24px}.page-grid{gap:28px;grid-template-columns:1fr 310px}.preview-panel{padding:20px 12px}h1{font-size:43px}}@media(max-width:650px){.page-grid{grid-template-columns:1fr;gap:26px;padding-top:28px}.edition{display:none}.configuration{max-width:430px;width:100%;margin:auto}.preview-panel{width:100%;max-width:430px;margin:auto}h1{font-size:45px}.page-footer{font-size:7px}}

:root.avatar-root{background:transparent}

/* The toilet lid follows the same green/red state as Hector's sign. */
.mascot-stage img{width:180px;height:225px;justify-self:start;margin-left:-4px;align-self:end}
.toilet{position:absolute;width:91px;height:112px;right:-1px;bottom:0;z-index:2;filter:drop-shadow(0 3px 2px #173f3520);pointer-events:none}
#lid-open{display:none}.avatar.green #lid-open{display:block}.avatar.green #lid-closed{display:none}

.toilet{width:110px;height:112px;right:-8px;color:#337653}

.shield-label{position:absolute;z-index:2;left:98px;top:106px;width:69px;height:75px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#ffe282,#f3bc3e 68%,#dfa332);display:flex;align-items:center;justify-content:center;transform:rotate(4deg);pointer-events:none}
.shield-label span{width:60px;text-align:center;font-size:12px;line-height:1.12;font-weight:950;color:#123e31;white-space:normal;letter-spacing:-.25px}
.rectangle-clock{font-size:30px;line-height:1.1;font-weight:850;letter-spacing:-.5px;font-variant-numeric:tabular-nums}

.toilet{color:var(--signal)}
.avatar:not(.green) .toilet rect[fill="#fffef8"],.avatar:not(.green) .toilet path[fill="#fffef8"]{fill:#efaaaa}

.size-control{display:none}body.native-app.avatar-only .size-control{display:block}.avatar-tools .size-control{font-size:18px}

.shield-label{background:none;border-radius:0;transform:rotate(-2deg) skewY(-2deg)}.shield-label span{color:#123e31;text-shadow:0 1px 0 #ffe08088;mix-blend-mode:multiply}
/* Cross-fade the seat surface; no upright or swinging lid. */
#lid-open,.avatar.green #lid-open,#lid-closed,.avatar.green #lid-closed{display:block;transition:opacity 300ms ease}
#lid-open{opacity:0}.avatar.green #lid-open{opacity:1}
#lid-closed{opacity:1}.avatar.green #lid-closed{opacity:0}
.toilet,.toilet rect,.toilet path{transition:color 300ms ease,fill 300ms ease}
@media(prefers-reduced-motion:reduce){#lid-open,#lid-closed,.toilet,.toilet rect,.toilet path{transition:none}}