:root{--page:#f5f4ef;--ink:#182c49;--muted:#77808d;--line:#dedfe1;--green:#182c49;--mint:#f8f3e3;--lime:#e8c34d;--gold:#dcb22e;--navy:#182c49}.agt-app{height:100dvh;min-height:540px;display:flex;flex-direction:column;background:var(--page)}.agt-header{background:var(--navy);color:white;display:flex;align-items:center;gap:26px;min-height:96px;padding:10px clamp(22px,2.5vw,48px);flex-shrink:0}.agt-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.agt-brand img{width:62px;height:62px;object-fit:contain}.agt-brand>span{display:flex;flex-direction:column;gap:5px}.agt-brand strong{font:750 23px var(--display);letter-spacing:.5px;white-space:nowrap}.agt-brand small{font-size:9px;color:#d8bc65;letter-spacing:3px}.brand-separator{color:#dcb22e;margin:0 9px;font-weight:400}.header-motto{font-size:10px;line-height:1.6;color:#8fa0b7;border-left:1px solid #ffffff20;padding-left:25px}.agt-header .header-right{gap:15px}.agt-header .school-clock span{color:#aeb8c9;font-size:8px;letter-spacing:1.2px}.agt-header .school-clock strong{font-size:27px;color:#f0d272;font-weight:650}.agt-header .icon-button{color:#e1e6ed;border-color:#ffffff28}.agt-header .icon-button:hover{background:#ffffff10}.agt-header .admin-login{color:#d7dfea;border-color:#ffffff25;font-size:11px;padding:10px 12px;text-decoration:none}.agt-header .admin-login:hover{background:#ffffff12}.gold-button{background:#e4bf46;border-color:#e4bf46;color:#182c49;font-weight:700}.gold-button:hover{background:#efd175}.signout-link{font-size:10px;color:#c4cddb;text-decoration:none}.agt-toolbar{display:flex;gap:26px;align-items:center;min-height:81px;background:white;border-bottom:1px solid var(--line);padding:12px clamp(22px,2.5vw,48px);flex-shrink:0}.agt-toolbar .selection select{min-width:145px;font-size:15px}.agt-toolbar .selection label{font-size:8px;letter-spacing:1.2px}.agt-toolbar .toolbar-date{font-size:12px;margin-left:0;padding-right:25px;border-right:1px solid var(--line);color:#7c8390;gap:7px}.agt-toolbar .view-selection{margin-left:auto}.agt-toolbar .view-selection select{font-size:13px;min-width:190px}.board-tools{display:flex;gap:8px}.board-tools .button{font-size:11px;border-color:#e4e5e7}.board-tools svg{width:15px;height:15px}.agt-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 clamp(22px,2.5vw,48px)}.day-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;flex-shrink:0;font-size:11px;color:#7a8290}.day-strip>div{display:flex;align-items:center;gap:9px;min-width:0}.day-strip strong{font-weight:600;color:#3d4b60;font-size:12px}.live-marker{height:6px;width:6px;border-radius:50%;background:#d4b13c;box-shadow:0 0 0 4px #e8d9a040;flex-shrink:0}#board-meta{font-size:11px;color:#89909a;padding-left:7px;margin-left:3px;border-left:1px solid #d8dbdd}#instruction-status{font-size:11px;white-space:nowrap;color:#7c8590}#instruction-status.active{color:#916a13;font-weight:600}.timer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:18px;min-height:0;flex:1}.timer-grid[data-count="1"]{grid-template-columns:1fr}.timer-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.timer-grid[data-count="4"]{grid-template-rows:repeat(2,minmax(0,1fr))}.timer-grid[data-count="5"],.timer-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.timer-grid[data-count="7"],.timer-grid[data-count="8"],.timer-grid[data-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.group-timer{border:1px solid #d9dde3;border-top:3px solid #d4ac2e;border-radius:16px;background:white;padding:22px 25px 18px;display:flex;flex-direction:column;min-height:0;position:relative;container-type:inline-size;overflow:hidden;box-shadow:0 3px 8px #1b2e4903}.group-timer:nth-child(even){background:#f9f6eb;border-color:#dfd6bc;border-top-color:#b3933d}.timer-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.period-label{font-size:9px;letter-spacing:1.3px;color:#8b929d;display:block;font-weight:500;margin-bottom:4px}.period-time{font:650 21px var(--display);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.duration-badge{font-size:10px;padding:6px 10px;background:#f1f2f4;color:#607086;border-radius:20px;white-space:nowrap}.group-timer:nth-child(even) .duration-badge{background:#efe7cc;color:#948040}.card-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:70px;padding:12px 0 10px}.card-state{font-size:11px;letter-spacing:.2px;color:#7d8897}.card-countdown{font:600 clamp(54px,21cqw,168px)/1.16 var(--display);letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#203b5b;margin-right:.06em}.group-timer.long .card-countdown{font-size:clamp(30px,15.4cqw,132px)}.card-days{color:#8c7a43;font-size:11px;font-weight:600}.card-clock-caption{font-size:10px;color:#97a0ac}.card-members{padding-top:11px;border-top:1px solid #e7e8eb;flex-shrink:0}.card-members-label{font-size:8px;letter-spacing:1.2px;color:#9da3ad;display:flex;justify-content:space-between;margin-bottom:6px}.member-subject-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:30px;line-height:1.4;padding:5px 0;border-bottom:1px solid #eff0f2}.member-subject-row:last-child{border:0}.member-subject-row strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.member-subject-row>span{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px}.class-tag{display:inline-flex;font-size:9px;line-height:1.4;border:1px solid #dfe3e8;padding:3px 7px;border-radius:5px;color:#7b8799;background:#fafbfc;white-space:nowrap}.group-timer:nth-child(even) .class-tag{background:#f7f0dc;border-color:#e4dac0;color:#8c7a4c}.card-progress{height:3px;border-radius:6px;background:#eff1f4;overflow:hidden;margin-top:13px;flex-shrink:0}.card-progress>span{height:100%;background:#c7a340;display:block;transition:width .2s linear}.group-timer.warning .card-countdown{color:#a17a1b}.group-timer.urgent{border-color:#cc9a85;background:#fbf1eb}.group-timer.urgent .card-countdown{color:#a45131}.group-timer.urgent .card-progress>span{background:#c17954}.completed-strip{font-size:10px;padding:10px 12px;margin-top:10px;background:#e8eceb;color:#6a7e74;display:flex;gap:7px;align-items:center;border-radius:8px;flex-shrink:0;line-height:1.5}.completed-strip svg{width:14px;height:14px}.agt-footer{min-height:57px;padding:0 clamp(22px,2.5vw,48px);margin:0;flex-shrink:0}.agt-footer .clock-status{color:#8a929d}.agt-footer .sync-dot{background:#b1a06c}.agt-footer .clock-status.fallback .sync-dot{background:#c68e55}.agt-footer .footer-actions button{color:#7e8998}.footer-divider{background:#dce0e5}#owner-badge{font-size:8px;color:#a28a44;letter-spacing:1px}.preview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#213b5c;color:white;padding:10px 15px;margin-bottom:12px;border-radius:10px;flex-shrink:0}.preview-bar strong{font-size:9px;letter-spacing:1px;color:#ecd17a}.preview-bar>div{display:flex;gap:4px}.preview-bar button{font-size:10px;color:#dde5ee;border-radius:5px;padding:6px 10px;min-height:27px}.preview-bar button:hover{background:#ffffff15}.preview-bar button svg{width:14px;height:14px}.preview-bar button.selected{background:#d9bc5f;color:#182c49}.timer-grid.dense{gap:13px}.dense .group-timer{padding:12px 17px 10px;border-radius:12px}.dense .period-label{font-size:7px;margin-bottom:2px}.dense .period-time{font-size:15px}.dense .duration-badge{font-size:8px;padding:4px 7px}.dense .card-clock{min-height:50px;padding:3px 0}.dense .card-countdown{font-size:clamp(36px,15cqw,84px);line-height:1.05}.dense .group-timer.long .card-countdown{font-size:clamp(27px,11.7cqw,70px)}.dense .card-state{font-size:8px}.dense .card-clock-caption{display:none}.dense .card-members{padding-top:5px}.dense .card-members-label{display:none}.dense .member-subject-row{min-height:21px;padding:2px 0;gap:6px}.dense .member-subject-row strong{font-size:10px}.dense .class-tag{font-size:8px;padding:1px 5px}.dense .card-progress{margin-top:5px;height:2px}.timer-grid.many .member-subject-row strong{font-size:9px}.timer-grid.many .class-tag{font-size:7px}.timer-grid.many .period-label,.timer-grid.many .card-state{display:none}.timer-grid.many .card-countdown{font-size:clamp(24px,12cqw,55px)}.timer-grid.many .group-timer{padding:8px 12px}.timer-grid.many .card-clock{min-height:28px}.board-empty{grid-column:1/-1;grid-row:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px solid #e0e2e6;border-radius:18px;background:#fff;padding:30px}.board-empty h1{font:600 32px var(--display);letter-spacing:-1px;margin:12px 0;color:#263f5e}.board-empty p{color:#8c95a3;font-size:13px;max-width:500px;line-height:1.7}.board-empty svg{width:40px;height:40px;color:#b49a4e}.loading-dot{width:13px;height:13px;background:#d5b54c;border-radius:50%;animation:fade 1.2s ease-in-out infinite alternate}@keyframes fade{to{opacity:.25}}.timetable-dialog{width:1000px}.timetable-table{width:100%;border-collapse:collapse;font-size:12px}.timetable-table th{text-align:left;color:#8993a0;font-size:9px;letter-spacing:1px;padding:12px 10px;border-bottom:1px solid #dadfe5;font-weight:500}.timetable-table td{padding:13px 10px;border-bottom:1px solid #e7ebef;vertical-align:top}.timetable-table td:first-child{font-weight:600;white-space:nowrap}.timetable-table small{display:block;font-size:10px;color:#949dab;margin-top:4px}.timetable-table .done{opacity:.55}.dark-button{background:var(--navy);border-color:var(--navy)}.dark-button:hover{background:#2c4362}.check-label input{accent-color:#b6993f}.instruction-settings,.help-note{background:#f3efdf}.class-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy)}.share-summary{background:#f4eedb}.share-summary span{color:#97834f}.text-button{color:#65728a}.danger-text{color:#a26c52}.add-subject{border-color:#cfd6df;color:#738298}.storage-note{color:#8a94a3}.dialog-footer{background:#f6f7f8}.help-steps li{color:#3b587d}.help-note{color:#8c7848}.small-dialog p{color:#7d8795}.button svg{flex-shrink:0}.is-offline #board-status{color:#b17d3e}.table-note{font-size:12px;color:#8792a1;margin-bottom:15px}.gold-button:disabled{opacity:.5}.agt-header .button:focus-visible,.agt-header a:focus-visible{outline-color:#ecd16e}
@media(min-width:1700px){.agt-header{min-height:115px}.agt-brand img{width:78px;height:78px}.agt-brand strong{font-size:30px}.agt-brand small{font-size:11px}.agt-toolbar{min-height:92px}.day-strip{min-height:80px}.day-strip strong{font-size:16px}#board-meta,#instruction-status{font-size:13px}.group-timer{padding:30px 34px 24px}.period-time{font-size:30px}.period-label{font-size:12px}.duration-badge{font-size:14px}.card-state{font-size:15px}.card-clock-caption{font-size:13px}.card-members-label{font-size:10px;margin-bottom:10px}.member-subject-row{min-height:40px}.member-subject-row strong{font-size:18px}.class-tag{font-size:12px;padding:5px 9px}.agt-footer{min-height:68px}.dense .group-timer{padding:18px 24px}.dense .period-time{font-size:22px}.dense .period-label{font-size:9px}.dense .duration-badge{font-size:11px}.dense .card-countdown{font-size:clamp(48px,16cqw,120px)}.dense .card-state{font-size:11px}.dense .member-subject-row{min-height:28px}.dense .member-subject-row strong{font-size:14px}.dense .class-tag{font-size:11px}}
@media(min-width:961px) and (max-height:800px){.agt-header{min-height:80px;padding-top:7px;padding-bottom:7px}.agt-brand img{width:53px;height:53px}.agt-brand strong{font-size:21px}.agt-brand small{font-size:8px}.agt-toolbar{min-height:69px}.day-strip{min-height:52px}.agt-footer{min-height:49px}.group-timer{padding:17px 21px 14px}.card-clock{padding:7px 0}.card-members{padding-top:8px}.member-subject-row{min-height:27px;padding:3px 0}.member-subject-row strong{font-size:12px}.card-progress{margin-top:9px}.dense .group-timer{padding:10px 14px 8px}.dense .card-countdown{font-size:clamp(34px,14cqw,75px)}.dense .member-subject-row{min-height:19px}.dense .class-tag{font-size:7px}.dense .card-progress{margin-top:4px}.preview-bar{padding:5px 12px;margin-bottom:8px}.preview-bar button{padding:4px 8px;min-height:25px}}
@media(max-width:1100px){.header-motto{display:none}.agt-header .header-right{gap:10px}.agt-toolbar{gap:16px}.agt-toolbar .toolbar-date{padding-right:17px;font-size:11px}.agt-header .admin-login{padding:9px;font-size:10px}.agt-toolbar .view-selection select{min-width:170px}.board-tools .button{font-size:10px;padding:10px}.member-subject-row strong{font-size:12px}.class-tag{font-size:8px}.timer-card-head{gap:6px}.period-time{font-size:19px}#instruction-status{font-size:10px}.preview-bar{gap:8px}}
@media(max-width:960px){.agt-app{height:auto;min-height:100dvh}.agt-header{min-height:84px;padding:12px 20px}.agt-brand img{width:50px;height:50px}.agt-brand strong{font-size:20px}.agt-brand small{font-size:8px;letter-spacing:2px}.agt-header .school-clock strong{font-size:23px}.agt-header .school-clock span{font-size:7px}.agt-header .admin-login span:last-child{display:none}.agt-toolbar{padding:14px 20px;gap:15px;flex-wrap:wrap}.agt-toolbar .toolbar-date{display:none}.agt-toolbar .view-selection{margin-left:0}.board-tools{margin-left:auto}.agt-main{padding:0 20px}.day-strip{min-height:65px}.day-strip>div{flex-wrap:wrap;gap:6px}#board-meta{display:none}.timer-grid,.timer-grid.dense{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-template-rows:none;min-height:440px}.group-timer{min-height:420px;padding:18px}.timer-grid.dense .group-timer{min-height:265px;padding:15px}.timer-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.card-clock{min-height:150px}.card-countdown{font-size:22cqw}.group-timer.long .card-countdown{font-size:15.5cqw}.member-subject-row{flex-wrap:wrap;gap:4px}.dense .member-subject-row{flex-wrap:nowrap}.agt-footer{min-height:64px;padding:7px 20px}.preview-bar{flex-wrap:wrap}.preview-bar>div{order:3;width:100%;justify-content:center}.preview-bar>button{margin-left:auto}.dense .card-countdown{font-size:18cqw}.dense .card-clock{min-height:70px}}
@media(max-width:700px){.agt-header{min-height:82px;padding:11px 14px;gap:6px;flex-wrap:wrap}.agt-brand{gap:5px}.agt-brand img{width:43px;height:43px}.agt-brand strong{font-size:16px;letter-spacing:.2px}.brand-separator{margin:0 5px}.agt-brand small{font-size:6px;letter-spacing:1.7px}.agt-header .header-right{gap:8px;flex-wrap:wrap}.agt-header .school-clock{order:0}.agt-header .school-clock strong{font-size:20px}.agt-header .school-clock span{font-size:6px;letter-spacing:.5px}.agt-header .icon-button{width:29px;height:29px;border-radius:7px}.agt-header .icon-button svg{width:15px;height:15px}.agt-header .admin-login{padding:6px;min-height:29px;border-radius:7px}.agt-header .admin-login svg{width:14px;height:14px}.agt-header .gold-button{font-size:10px;padding:8px}.agt-header .signout-link{font-size:9px}.agt-toolbar{gap:12px;padding:13px 15px;min-height:106px}.agt-toolbar .selection{flex:1;min-width:0}.agt-toolbar .selection select{font-size:13px;min-width:0;width:100%;max-width:100%;padding-right:20px}.agt-toolbar .view-selection{flex:1.5}.board-tools{width:100%;gap:8px}.board-tools .button{flex:1;min-height:30px;padding:7px 10px;font-size:10px}.board-tools svg{width:13px;height:13px}.agt-main{padding:0 14px}.day-strip{padding:14px 0;min-height:70px;align-items:flex-start;flex-direction:column;gap:7px}.day-strip strong{font-size:11px}#instruction-status{font-size:9px;padding-left:15px}.timer-grid,.timer-grid.dense,.timer-grid[data-count]{display:flex;flex-direction:column;gap:13px;min-height:0}.group-timer,.timer-grid.dense .group-timer{min-height:355px;padding:18px 20px 15px;border-radius:14px}.period-label,.dense .period-label{font-size:8px;display:block}.period-time,.dense .period-time{font-size:20px}.duration-badge,.dense .duration-badge{font-size:10px;padding:5px 9px}.card-clock,.dense .card-clock{min-height:145px;padding:13px 0;flex:1}.card-countdown,.dense .card-countdown{font-size:25cqw;line-height:1.15}.group-timer.long .card-countdown,.dense .group-timer.long .card-countdown{font-size:16cqw}.card-state,.dense .card-state{font-size:11px;display:block}.card-clock-caption,.dense .card-clock-caption{font-size:9px;display:block}.card-members,.dense .card-members{padding-top:9px}.card-members-label,.dense .card-members-label{display:flex;font-size:8px}.member-subject-row,.dense .member-subject-row{min-height:29px;flex-wrap:nowrap;padding:4px 0;gap:10px}.member-subject-row strong,.dense .member-subject-row strong{font-size:12px}.class-tag,.dense .class-tag{font-size:8px;padding:3px 5px}.card-progress,.dense .card-progress{height:3px;margin-top:10px}.completed-strip{font-size:9px;padding:10px}.agt-footer{padding:13px 15px 17px;min-height:85px}.agt-footer .footer-actions{gap:7px}.agt-footer .clock-status{font-size:8px;max-width:100%}.agt-footer .footer-actions button{font-size:9px}.preview-bar{padding:10px;gap:7px}.preview-bar strong{font-size:8px}.preview-bar button{font-size:9px;padding:5px 7px}.preview-bar>div{gap:5px}.preview-bar>div button{border:1px solid #ffffff22;flex:1}.timetable-dialog{padding:20px 15px}.timetable-table th,.timetable-table td{padding:10px 6px;font-size:10px}.timetable-table td:first-child{font-size:10px}.timetable-table small{font-size:8px}.timetable-dialog h2{font-size:19px}.timetable-table td:first-child{white-space:normal}.timetable-table{table-layout:fixed}.table-note{font-size:10px}.board-empty h1{font-size:25px}.board-empty p{font-size:12px}.board-empty{min-height:360px}.agt-header:has(#edit-button:not([hidden])) .header-right{max-width:60%}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}.card-progress>span{transition:none}}

@media(min-width:961px){.dense .group-timer.multi-subjects .card-members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.dense .group-timer.multi-subjects .member-subject-row{align-items:center}.dense .group-timer.multi-subjects .member-subject-row strong{max-width:50%}.dense .group-timer.multi-subjects .member-subject-row>span{flex:1}.dense .group-timer.multi-subjects .card-members-label{display:none}}
@media(min-width:961px) and (max-height:800px){.dense .card-countdown{font-size:clamp(30px,12cqw,64px)}.dense .card-clock{min-height:65px}}

@media(min-width:961px) and (max-height:800px){.dense .member-subject-row strong{font-size:11px}.dense .class-tag{font-size:9px}}
@media(max-width:700px){.agt-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:88px}.agt-header .header-right{display:contents!important}.agt-brand{grid-column:1;grid-row:1}.agt-header .school-clock{grid-column:2;grid-row:1}.agt-header .icon-button{grid-column:3;grid-row:1}.agt-header .gold-button{grid-column:1/3;grid-row:2;justify-self:end;min-height:32px}.agt-header .signout-link{grid-column:3;grid-row:2}.agt-header .admin-login{grid-column:1/4;grid-row:2;justify-self:end;padding:5px 9px;min-height:26px;font-size:9px}.agt-header .admin-login span:last-child{display:inline}.agt-brand strong{font-size:14px}.agt-brand small{font-size:5px;letter-spacing:1.4px}.agt-brand img{width:37px;height:37px}.agt-header .school-clock strong{font-size:19px}}

.editor-utilities{flex-wrap:wrap}