/* Dense overview, comfortable touch controls. */
.app{gap:8px;padding:10px 18px}.app header{height:38px}.deck-nav{min-height:32px}.deck-tabs button{padding:7px 12px}.deck-hint button{width:28px;height:28px}.swipe-page{gap:10px}.swipe-page>.card{border-radius:20px;padding:16px}.record-label img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff;padding:7px}.station-list button{display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:7px 10px;min-height:54px;font-size:14px;font-weight:600;white-space:nowrap}.station-logo{width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;flex-shrink:0;padding:3px}.station-logo img{width:100%;height:100%;object-fit:contain;border-radius:5px}.radio-transport button{min-width:46px;min-height:46px}.radio-transport svg{width:25px;height:25px}.radio-transport .radio-play{width:60px;height:60px;min-width:60px}.radio-transport .radio-play svg{width:30px;height:30px}.radio-transport #radio-mute{width:46px;height:46px;min-width:46px}.radio-transport #radio-mute svg{width:23px;height:23px}.radio-card .radio-info .label,.radio-info p{display:none}.radio-card .radio-info h3{font-size:25px;margin:0 0 8px}.radio-card .radio-main{flex-direction:row;text-align:left;gap:16px;min-height:86px;flex:0;padding:0}.radio-card .radio-info{text-align:left;flex:1}.radio-card .radio-transport{justify-content:flex-start;gap:12px}.radio-card .radio-wave{height:16px;margin:3px 0}.radio-card .radio-status{font-size:10px;margin:2px 0 5px;min-height:14px}.radio-card .radio-footer{display:none}.radio-card .record-wrap{width:90px;height:90px;padding:3px}.radio-card .record-label{width:53px;height:53px;border:0}.radio-card .card-head{min-height:24px;margin:0 0 7px}.swipe-page .radio-card{padding:14px 18px;justify-content:space-between}.radio-card .station-list{gap:6px}.radio-card .station-list button.selected{box-shadow:inset 0 0 0 2px #f9dec366}.swipe-page.page-1{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.swipe-page.page-1 .notes-card{grid-area:1/1/2/8}.swipe-page.page-1 .timers-card{grid-area:1/8/2/13}.swipe-page.page-1 .focus{grid-area:2/1/3/6}.swipe-page.page-1 .countdowns-card{grid-area:2/6/3/13}
@media(min-width:1000px){.swipe-page.page-0{grid-template-rows:minmax(0,34fr) minmax(0,47fr) minmax(0,19fr)}.page-0 .clock{grid-area:1/1/2/4}.page-0 .weather-card{grid-area:1/4/2/10}.page-0 .alarms-card{grid-area:1/10/2/13}.page-0 .radio-card{grid-area:2/1/3/7}.page-0 .calendar{grid-area:2/7/3/13}.page-0 .shortcuts{grid-area:3/1/4/5}.page-0 .notices-card{grid-area:3/5/4/9}.page-0 .controls{grid-area:3/9/4/13}.swipe-page .time{font-size:clamp(58px,6.5vw,95px);letter-spacing:-4px}.clock .label{font-size:8px;letter-spacing:1px}.clock .greeting{font-size:13px}.clock .date{font-size:11px}.clock-bottom{padding:0}.weather-top h2{font-size:17px;margin:2px 0}.weather-top .label{font-size:8px}.swipe-page .weather-overview{min-height:48px;padding:2px 0;gap:10px}.weather-overview>strong{font-size:42px}.weather-copy b{font-size:12px}.weather-copy small{font-size:9px;margin-top:3px}.weather-hero-icon,.weather-overview #weather-hero-icon svg{width:40px;height:40px}.weather-more{font-size:9px}.swipe-page .weather-days{gap:5px;margin:0}.swipe-page .weather-day{padding:5px 2px;min-height:62px}.weather-day svg{width:24px;height:24px}.weather-bottom{font-size:8px;margin-top:4px}.weather-day .forecast-name{font-size:9px}.swipe-page .card-head{margin-bottom:7px}.swipe-page .card-head h2{font-size:14px}.swipe-page .shortcuts,.swipe-page .notices-card,.swipe-page .controls{padding:10px 15px}.shortcuts .card-head,.notices-card .card-head{min-height:24px;margin-bottom:2px}.swipe-page .apps{min-height:50px;padding:0;align-items:flex-start}.app-link{gap:3px}.app-icon{height:34px;width:38px}.swipe-page .controls{gap:6px;justify-content:center}.swipe-page .control-button{min-height:40px;padding:0;flex-direction:row;gap:5px}.control-icon{width:32px;height:32px}.control-text{white-space:normal;font-size:9px;text-align:left}.brightness .row{min-height:20px;margin-bottom:6px}.notices-card>#notify-permission{font-size:9px;min-height:18px}.notices-card .notice-list .empty{font-size:10px;line-height:1.5}.calendar .agenda{align-content:start;padding-top:8px}.calendar .card-head>.actions{gap:6px!important}.calendar .month{font-size:17px}.calendar #add-reminder{font-size:10px;padding:6px}.calendar .day{min-height:54px}.alarm-time{font-size:29px}.alarm-row{margin-bottom:8px}}
@media(min-width:700px) and (max-width:999px){.swipe-page.page-0{grid-template-rows:minmax(0,27fr) minmax(0,33fr) minmax(0,25fr) minmax(0,15fr)}.page-0 .clock{grid-area:1/1/2/6}.page-0 .weather-card{grid-area:1/6/3/13}.page-0 .radio-card{grid-area:2/1/3/6}.page-0 .calendar{grid-area:3/1/4/9}.page-0 .alarms-card{grid-area:3/9/4/13}.page-0 .shortcuts{grid-area:4/1/5/5}.page-0 .notices-card{grid-area:4/5/5/9}.page-0 .controls{grid-area:4/9/5/13}.swipe-page .radio-card{padding:12px}.radio-card .record-wrap{display:none}.radio-card .radio-info{display:flex;flex-direction:column;align-items:center}.radio-card .radio-main{min-height:75px}.radio-card .radio-info h3{font-size:22px;margin-bottom:4px}.radio-card .radio-live{font-size:7px}.radio-card .station-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.radio-card .station-list button{min-height:44px;font-size:12px;padding:4px;gap:5px}.station-logo{width:30px;height:30px}.radio-card .radio-wave{height:10px;margin:0}.radio-card .radio-status{font-size:8px}.radio-card .card-head{margin-bottom:2px}.radio-card .radio-transport{gap:12px}.radio-card .radio-transport .radio-play{height:50px;min-height:50px;width:50px;min-width:50px}.swipe-page .time{font-size:70px}.swipe-page .weather-days{grid-template-columns:repeat(2,minmax(0,1fr))}.swipe-page .weather-day{min-height:65px;padding:5px}.swipe-page .card-head{margin-bottom:4px}.swipe-page .calendar .agenda{min-height:20px;align-content:start;padding-top:5px}.swipe-page .controls,.swipe-page .shortcuts,.swipe-page .notices-card{padding:10px}.notices-card .card-head{flex-wrap:wrap;gap:0}.notices-card .card-head h2{font-size:12px}.notices-card .text-btn{font-size:9px;min-height:22px}.swipe-page .control-button{min-height:35px}.control-icon{width:30px;height:30px}.control-text{font-size:8px;white-space:normal}.apps{gap:6px}.app-icon{width:32px;height:32px}.app-link{font-size:9px;min-width:30px}.app-link:last-child{min-width:28px}.brightness .row{margin-bottom:6px}.swipe-page .calendar .month{font-size:17px}}
@media(max-width:699px){.swipe-page>.card{grid-area:1/1/2/2!important}.swipe-page.page-1{grid-template-rows:1fr}.swipe-page .radio-card{justify-content:center;gap:16px;padding:20px}.radio-card .radio-main{flex-direction:column;gap:15px}.radio-card .record-wrap{width:140px;height:140px}.radio-card .record-label{width:75px;height:75px}.radio-card .radio-info{text-align:center}.radio-card .station-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.radio-card .station-list button{min-height:58px;font-size:14px;padding:8px}.radio-card .radio-info h3{font-size:28px}.radio-card .radio-transport{justify-content:center}.radio-card .radio-wave{height:24px}.radio-card .radio-status{font-size:11px}.radio-card .radio-footer{display:flex}.swipe-page .radio-card .card-head{margin-bottom:0}}
@media(min-width:700px){.swipe-page .radio-card .card-head{min-height:22px;margin-bottom:3px}.swipe-page .radio-card .radio-main{min-height:80px}.swipe-page .radio-card .radio-status{display:none}.swipe-page .radio-card:has(#radio-play[aria-label="Prekini učitavanje"]) .radio-status,.swipe-page .radio-card:has(.radio-live[data-error]) .radio-status{display:block}.swipe-page .weather-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.swipe-page .weather-day>*{margin:0}.swipe-page .weather-card{overflow:hidden}.swipe-page .weather-bottom{flex-shrink:0}.swipe-page .weather-days{min-height:0;flex:1}.swipe-page .weather-day svg{flex-shrink:0}.swipe-page .radio-card .station-list{flex-shrink:0}}
@media(min-width:1000px){.swipe-page .weather-card{padding:12px 16px}.swipe-page .weather-day svg{height:22px;width:22px}.swipe-page .weather-day{min-height:58px}.swipe-page .weather-bottom{margin-top:4px}.swipe-page .radio-card{padding-top:12px;padding-bottom:12px}}
@media(min-width:700px) and (max-width:999px){.swipe-page .weather-days{grid-auto-rows:minmax(0,1fr);gap:6px}.swipe-page .weather-day{height:auto;min-height:0;padding:4px}.swipe-page .weather-overview{flex-shrink:0;min-height:70px}.swipe-page .weather-bottom{margin-top:7px}.swipe-page .radio-card .radio-wave{height:8px}.swipe-page .radio-card .radio-main{min-height:75px}.swipe-page .controls{display:flex;flex-direction:column;justify-content:center;gap:16px}.swipe-page .controls .brightness{width:100%}.swipe-page .controls .control-buttons{width:100%}.swipe-page .notices-card .notice-list{overflow:auto}}
.radio-card:before{height:400px;width:400px}
@media(min-width:700px) and (max-width:999px){.swipe-page .weather-day svg{height:26px;width:26px}.swipe-page .weather-day .forecast-name{font-size:10px;line-height:12px}.swipe-page .weather-day{line-height:15px;gap:2px}}
.swipe-page .radio-card:has(.radio-live[data-error]),.swipe-page .radio-card:has(#radio-play[aria-label="Prekini učitavanje"]){overflow:auto}
.deck-hint button{display:grid;place-items:center;width:36px;height:36px;padding:0;flex-shrink:0;line-height:1;color:#d9e6c7}.deck-hint button svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.deck-position{line-height:1;font-variant-numeric:tabular-nums}.icon-btn svg,.add svg,.arrows svg{display:block;flex-shrink:0}.add,.arrows button{padding:0;line-height:1}.deck-nav{min-height:36px}
@media(min-width:1000px){.swipe-page.page-0{grid-template-rows:minmax(0,44fr) minmax(0,56fr)}.page-0 .clock{grid-area:1/1/2/4}.page-0 .weather-card{grid-area:1/4/2/9}.page-0 .calendar{grid-area:1/9/2/13}.page-0 .radio-card{grid-area:2/1/3/7}.page-0 .notes-card{grid-area:2/7/3/11}.page-0 .shortcuts{grid-area:2/11/3/13}.page-0 .calendar .card-head{flex-wrap:wrap}.page-0 .calendar .card-head>.actions{width:100%;justify-content:space-between}.page-0 .calendar .label{display:none}.page-0 .calendar .week{gap:2px}.page-0 .calendar .day{min-height:45px;padding:4px 0}.page-0 .calendar .day b{font-size:18px}.page-0 .calendar .calendar-links{gap:6px}.page-0 .calendar .calendar-expand{font-size:9px}.page-0 .calendar .agenda{grid-template-columns:1fr}.page-0 .shortcuts{padding:16px}.page-0 .shortcuts .card-head{flex-wrap:wrap;gap:2px}.page-0 .shortcuts .apps{display:grid;grid-template-columns:1fr;align-content:space-around;justify-items:center;gap:8px}.page-0 .shortcuts .app-icon{width:46px;height:42px}.page-0 .shortcuts .app-link{font-size:11px}.page-0 .notes-card{display:flex;flex-direction:column}.page-0 .notes-card .card-head{flex-wrap:wrap;gap:4px}.page-0 .notes-card textarea{min-height:85px;height:110px}.page-0 .notes-card .task-list{flex:1;max-height:none;min-height:0}.page-0 .notes-card .inline-form{margin:10px 0 5px}}
@media(min-width:700px){.swipe-page.page-1{grid-template-rows:minmax(0,1fr) minmax(0,1fr) 135px}.page-1 .alarms-card{grid-area:1/1/2/6}.page-1 .timers-card{grid-area:1/6/2/13}.page-1 .focus{grid-area:2/1/3/6!important}.page-1 .countdowns-card{grid-area:2/6/3/13!important}.page-1 .notices-card{grid-area:3/1/4/7}.page-1 .controls{grid-area:3/7/4/13}.page-1 .focus h2{font-size:28px}.page-1 .focus p{font-size:10px}.page-1 .focus .focus-btn{min-height:34px;padding:8px 12px}.page-1 .focus{gap:5px}}
@media(min-width:700px) and (max-width:999px){.swipe-page.page-0{grid-template-rows:minmax(0,21fr) minmax(0,25fr) minmax(0,41fr) minmax(0,13fr)}.page-0 .clock{grid-area:1/1/2/6}.page-0 .weather-card{grid-area:1/6/3/13}.page-0 .calendar{grid-area:2/1/3/6}.page-0 .radio-card{grid-area:3/1/4/8}.page-0 .notes-card{grid-area:3/8/4/13}.page-0 .shortcuts{grid-area:4/1/5/13}.page-0 .notes-card .card-head{flex-wrap:wrap;gap:3px}.page-0 .notes-card textarea{height:100px;min-height:70px}.page-0 .notes-card .task-list{max-height:110px}.page-0 .notes-card .inline-form{margin:10px 0 5px}.page-0 .calendar{padding:12px}.page-0 .calendar .label{display:none}.page-0 .calendar .card-head{flex-wrap:wrap}.page-0 .calendar .card-head>.actions{width:100%;justify-content:space-between}.page-0 .calendar .week{gap:2px}.page-0 .calendar .day{min-height:40px;padding:4px 0}.page-0 .calendar .day b{font-size:17px}.page-0 .calendar .day small{font-size:8px}.page-0 .calendar .agenda{grid-template-columns:1fr}.page-0 .calendar .agenda .empty{font-size:9px}.page-0 .calendar .calendar-links{gap:6px}.page-0 .calendar .calendar-expand{font-size:9px}.page-0 .weather-overview{min-height:60px}.page-0 .weather-day{gap:0}.page-0 .weather-day svg{width:23px;height:23px}.page-0 .weather-top h2{font-size:17px}.page-0 .radio-card .record-wrap{display:block;width:80px;height:80px}.page-0 .radio-card .radio-info{align-items:flex-start}.page-0 .radio-card .radio-transport{gap:5px}.page-0 .radio-card .station-list button{min-height:54px;font-size:14px}.page-0 .radio-card .station-logo{height:36px;width:36px}.page-0 .shortcuts .apps{align-items:center}.page-0 .shortcuts .app-icon{width:42px;height:38px}}
@media(min-width:700px) and (max-width:999px){.page-0 .weather-days{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px}.page-0 .weather-day{gap:3px;min-height:65px}.page-0 .weather-day svg{width:26px;height:26px}.page-0 .clock{padding:12px;gap:3px}.page-0 .clock .time{font-size:58px;line-height:1.05}.page-0 .clock .greeting{font-size:12px}.page-0 .clock .date{font-size:11px;line-height:1.4}.page-0 .clock .label{font-size:8px}.page-0 .clock-bottom{padding-top:0}.page-0 .clock-bottom p{margin:2px 0;font-size:9px}.page-0 .shortcuts .apps{min-height:50px}.page-0 .shortcuts .card-head{min-height:22px;margin-bottom:0}}