body{background:#fff;margin:0;font-family:Arial,sans-serif}.screen{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100vw;height:100vh;display:flex;overflow:hidden}.screen-black{background:#000}.blank{width:100vw;height:100vh}.white-screen{background:#fff}.black-screen{background:#000}h1{color:#000;text-align:center;margin:0;font-size:85px}.pictogram{text-align:center;font-size:155px}.only-pictogram h1{font-size:120px}.only-pictogram .pictogram{font-size:300px}.only-timer .time-timer{transform:scale(1.45)}.time-timer{background:#fdfdfd;border:11px solid #222;border-radius:42px;width:390px;height:390px;position:relative;box-shadow:0 8px 20px #0000002e}.red-disk{z-index:2;border-radius:50%;width:260px;height:260px;position:absolute;top:65px;left:65px}.tick-marks{z-index:1;background:repeating-conic-gradient(#222 0deg 1deg,#0000 1deg 6deg);border-radius:50%;width:272px;height:272px;position:absolute;top:59px;left:59px;-webkit-mask:radial-gradient(circle,#0000 0 119px,#000 120px 136px);mask:radial-gradient(circle,#0000 0 119px,#000 120px 136px)}.timer-numbers{z-index:5;color:#222;font-weight:700;position:absolute;inset:0}.num{font-size:30px;position:absolute;transform:translate(-50%,-50%)}.n0{top:38px;left:195px}.n5{top:58px;left:122px}.n10{top:112px;left:67px}.n15{top:195px;left:45px}.n20{top:278px;left:67px}.n25{top:332px;left:122px}.n30{top:352px;left:195px}.n35{top:332px;left:268px}.n40{top:278px;left:323px}.n45{top:195px;left:345px}.n50{top:112px;left:323px}.n55{top:58px;left:268px}.timer-display{text-align:center;z-index:9;color:#000;width:170px;text-shadow:none;font-size:45px;font-weight:700;position:absolute;top:250px;left:110px}.finished-text{color:#d32f2f;background:#fff;border-radius:12px;animation:1s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.admin{max-width:1500px;padding:18px}.admin h2{margin-bottom:18px;font-size:26px}.admin h3{margin-top:18px;margin-bottom:8px;font-size:19px}.buttons{flex-wrap:wrap;gap:7px;display:flex}button{cursor:pointer;background:#f7f7f7;border:1px solid #222;border-radius:7px;min-height:38px;padding:8px 11px;font-size:15px}.active-button,.active-mode{background:#d9f7d9;border:2px solid #168a16;font-weight:700}.manual-time{flex-wrap:wrap;gap:8px;display:flex}.manual-time input{border:1px solid #222;border-radius:7px;width:160px;padding:8px 11px;font-size:15px}.preview{background:#fafafa;border:1px solid #222;border-radius:8px;margin-top:20px;padding:12px 15px;font-size:17px;display:inline-block}.admin-layout{display:block}.admin-controls{width:100%}.preview-area{align-items:flex-start;gap:18px;margin-top:20px;display:flex}.admin-preview-box{width:260px}.admin-preview-box h3{margin:0 0 6px;font-size:17px}.admin-preview-screen{background:#fff;border:2px solid #222;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;width:300px;height:220px;padding-top:6px;display:flex;position:relative;overflow:hidden}.admin-preview-screen h1{line-height:1;margin:0 0 4px!important;font-size:20px!important}.admin-preview-screen .pictogram{margin-bottom:2px;line-height:1;font-size:30px!important}.admin-preview-screen .time-timer{zoom:.22;margin-top:10px;margin-left:auto;margin-right:auto;transform:none}.admin-preview-screen .only-timer .time-timer{zoom:.34;margin-top:12px;margin-left:auto;margin-right:auto;transform:none}.admin-preview-screen .only-pictogram h1{font-size:24px!important}.admin-preview-screen .only-pictogram .pictogram{font-size:62px!important}.admin-preview-screen.only-pictogram .pictogram-image{object-fit:contain!important;width:150px!important;height:150px!important;margin:10px auto!important;display:block!important}.admin-preview-screen .blank{width:100%;height:100%}.admin-preview-screen.screen-black{background:#000}.pictogram-image{object-fit:contain;width:220px;height:220px}.admin-preview-screen .pictogram-image{display:block;object-fit:contain!important;width:65px!important;height:65px!important}.button-icon{object-fit:contain;vertical-align:middle;width:22px;height:22px;margin-right:5px}.only-pictogram{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.only-pictogram .pictogram-image{object-fit:contain;width:300px;height:300px;margin:25px auto 0;display:block}.admin-logo{position:absolute;top:20px;right:20px}.admin-logo img{width:auto;height:130px}