:root{--green:#195847;--dark:#103f36;--gold:#d9bd7b;--muted:#83908b;--line:#e1e7e1}*{box-sizing:border-box}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;background:#f5f6f2;color:#223c34;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;transition:.18s}button:hover{filter:brightness(.95);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c7a34d;outline-offset:3px}button{border:0;border-radius:8px;padding:12px 18px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;border:1px solid #dce2dc;background:white;border-radius:7px;padding:11px;color:#28473c;margin-top:7px}input[type=checkbox]{width:auto;margin:0;accent-color:var(--green)}[hidden]{display:none!important}.sidebar{position:fixed;width:245px;inset:0 auto 0 0;background:#103f36;color:#e4eee8;padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-weight:bold;font-size:15px;letter-spacing:.5px}.brand img{width:50px;height:50px;object-fit:contain}.brand small{display:block;font:10px 'Segoe UI',sans-serif;letter-spacing:2px;margin-top:7px;color:#ccdbce}.side-label{font-size:9px;letter-spacing:2px;color:#94b3a5;margin:53px 10px 18px}nav button{display:flex;gap:12px;align-items:center;text-align:left;background:none;color:#b3c9bd;width:100%;font-weight:400;margin-bottom:8px;padding:14px 12px}nav button.active{background:#2a584b;color:#fff;box-shadow:inset 3px 0 #dfc587}nav b{margin-left:auto;font-size:11px}.side-bottom{margin-top:auto;font-size:12px}.side-bottom p{font-size:11px;color:#a0bcad;line-height:1.7;margin:16px 0 30px}.side-bottom small{font-size:9px;letter-spacing:1.5px;color:#8ba99a}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8fc79c;margin-right:8px;box-shadow:0 0 0 4px #7fb39015}main{margin-left:245px;padding:34px 42px;max-width:1630px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;color:#879287}h1{font-size:29px;font-weight:600;letter-spacing:-1px;margin:9px 0}h2{font-size:17px;margin:0;font-weight:600}.header-actions{display:flex;align-items:center;gap:20px}#clock{color:#7e8a82;font-size:12px}.outline{border:1px solid #d8e1d8;background:#fff;color:#355746}.intro{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0}.intro div{font-size:10px;letter-spacing:1.3px;color:#6a8073}.intro p{font-size:12px;letter-spacing:.5px;color:#496554;margin:9px 0 0}.pill{font-size:11px;background:#e9eee5;color:#547555;padding:7px 12px;border-radius:20px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:26px}.timer-card{background:radial-gradient(ellipse at 50% 110%,#28604f,#103f36 70%);color:white;border-radius:14px;padding:25px 32px 24px;position:relative;overflow:hidden;box-shadow:0 10px 26px #173e3610}.timer-card:before{content:'';position:absolute;inset:0;opacity:.07;background-image:repeating-linear-gradient(45deg,transparent,transparent 38px,#c6d6ba 39px,transparent 40px),repeating-linear-gradient(-45deg,transparent,transparent 38px,#c6d6ba 39px,transparent 40px);pointer-events:none}.card-top{position:relative;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#b3c9ba;align-items:center}.timer-status{font-size:9px;letter-spacing:1.4px;border:1px solid #73988460;background:#ffffff08;border-radius:5px;padding:7px 9px;color:#d8e7d6}.timer-card h2{text-align:center;margin:35px 0 9px;font-family:Georgia,serif;font-size:26px;font-weight:normal}.person-display{text-align:center;color:#a8c5b6;font-size:13px;margin:0;min-height:20px}.digits{text-align:center;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-6px;font-size:clamp(72px,8.5vw,132px);line-height:1.5;color:#f4efde;position:relative}.progress{height:4px;border-radius:4px;background:#ffffff16;overflow:hidden}.progress i{display:block;width:100%;height:100%;background:var(--gold);transition:width .2s}.time-info{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;margin-top:13px;color:#b3c9ba}.signals{display:flex;justify-content:center;gap:24px;border-top:1px solid #ffffff15;padding-top:24px;margin-top:28px}.signal{font-size:10px;color:#9db6a7;display:flex;align-items:center;gap:7px}.signal i{width:9px;height:9px;border-radius:50%;background:#61796e}.signal.green.on i{background:#82d9a7;box-shadow:0 0 13px #82d9a780}.signal.yellow.on i{background:#f1c968;box-shadow:0 0 13px #f1c96880}.signal.red.on i{background:#fa817b;box-shadow:0 0 13px #fa817b80}.signal.on{color:#fff}.timer-controls{display:flex;gap:10px;margin-top:18px}.primary{background:#23664f;color:white;flex:1;padding:15px}.sub-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:10px 0}.sub-controls button{background:none;color:#647c6e;font-size:11px;padding:10px 4px}.sub-controls label{font-size:11px;color:#647c6e;display:flex;align-items:center;gap:6px}.note{display:flex;gap:12px;background:#ecf0e7;padding:17px 18px;border-radius:9px;margin-top:22px;color:#66806b;font-size:11px}.note>span{font-size:20px}.note b{color:#4d6854;font-weight:600}.note p{margin:6px 0 0;line-height:1.7}.settings,.list-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.section-heading>span{font-family:Georgia,serif;color:#b6c3b2;font-size:21px}.section-heading p{color:#849187;font-size:12px}form>label{display:block;margin-bottom:17px}label{font-size:11px;font-weight:600;color:#5b7062}.form-row{display:flex;gap:14px;margin-bottom:17px}.form-row>label{flex:1;min-width:0}.separator{border-top:1px solid #edf0e9;margin:22px 0}.hint{font-size:10px;color:#949d93;margin:0 0 20px;line-height:1.5}.apply{width:100%;background:#edf2e9;color:#426b4a;display:flex;justify-content:space-between}.text-button{width:100%;background:transparent;color:#748774;font-size:11px;margin-top:8px}footer{display:flex;justify-content:space-between;color:#96a095;font-size:9px;letter-spacing:1px;margin-top:28px}footer i{margin:0 6px}.empty{text-align:center;padding:60px 15px;color:#91a192}.list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ecf0e9;padding:19px 0}.list-row strong{font-size:14px}.list-row p{font-size:12px;color:#849187}.list-row button{font-size:11px;margin-left:7px}.guide{line-height:1.9;max-width:850px}.guide li{margin:15px 0}.guide p{color:#60786a}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233f34;color:white;padding:13px 24px;border-radius:8px;z-index:100;display:none;box-shadow:0 4px 20px #0003}.projector-mode{background:#0a2f29}.projector-mode main,.projector-mode aside{display:none}#projection{min-height:100vh;color:#f3eedc;text-align:center;padding:4vh 4vw;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at bottom,#245343,transparent 70%)}.projection-brand{display:flex;align-items:center;gap:20px;letter-spacing:2px;font-size:clamp(16px,2vw,28px)}.projection-brand img{height:85px;width:90px;object-fit:contain}.projection-brand small{display:block;font-size:.7em;margin-top:9px;letter-spacing:5px;color:#b7c8b8}.projection-label{font-size:11px;letter-spacing:4px;color:#b8b991;margin-top:5vh}#projection h1{font:clamp(28px,4vw,55px) Georgia,serif;margin:20px 0}#projection .person-display{font-size:clamp(16px,2vw,27px)}#projection .digits{font-size:clamp(100px,22vw,330px);line-height:1.2;letter-spacing:-.04em}#projection .signals{width:70%;justify-content:space-around}#projection .signal{font-size:clamp(10px,1.1vw,17px)}#projection .signal i{width:17px;height:17px}#projection .timer-status{font-size:13px}#projection .projection-foot{margin-top:auto;padding-top:30px;letter-spacing:3px;color:#8ba794;font:italic 16px Georgia,serif}.projector-tools{position:fixed;top:12px;right:12px;opacity:.25}.projector-tools:hover{opacity:1}.projector-tools button{font-size:11px;padding:7px;background:#fff2;color:white}.warning .digits{color:#f1c968}.expired .digits{color:#fa817b}@media(min-width:1600px){main{margin:auto auto auto 245px}.timer-card{padding:35px 45px}.timer-card .digits{font-size:140px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 15px}.brand{font-size:12px}.brand img{width:40px}main{margin-left:200px;padding:25px}.workspace{gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.signals{gap:12px}.signal{font-size:8px}.timer-card{padding:23px}.timer-controls button{padding:12px 10px;font-size:12px}}@media(max-width:850px){.sidebar{position:static;width:auto;padding:15px 20px}.brand img{width:38px;height:38px}.side-label,.side-bottom{display:none}nav{display:flex;margin-top:15px;gap:5px;overflow:auto}nav button{white-space:nowrap;width:auto;font-size:11px;margin:0;padding:10px}main{margin:0;padding:22px}.workspace{grid-template-columns:1fr}.timer-card .digits{font-size:100px}.header-actions #clock{display:none}h1{font-size:23px}.eyebrow{font-size:8px}.header-actions button{font-size:11px;padding:10px}.intro p{font-size:10px}.settings{margin-top:6px}footer{gap:16px;line-height:1.6}.signals{gap:24px}.signal{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}