:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243b37;background:#f4f6f3;font-synthesis:none;--green:#173e37;--mint:#b8ecd8;--muted:#75817c;--border:#e0e6df}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #70af94;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}.primary,.secondary,.button{border-radius:9px;min-height:43px;padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;gap:16px;font-size:13px;font-weight:650}.primary{background:var(--green);color:white}.primary:hover{background:#28584b}.secondary{border:1px solid var(--border);background:white;color:#39534b}.quiet{background:none;color:inherit;text-align:left;font-size:12px;padding:12px 0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#719183}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2}h2{font-size:16px;letter-spacing:-.3px}p{line-height:1.6}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;margin:0 0 20px}input,select,textarea{width:100%;background:#fff;border:1px solid #dce3db;border-radius:8px;padding:11px 12px;min-height:42px;color:#283c36;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #add8c5;outline-offset:1px}small{line-height:1.5}.smallText{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 18px}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex;flex-direction:row;align-items:center}.checkbox input{width:16px;min-height:16px;accent-color:#17483a}.wordmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.6px}.wordmark img{width:35px;height:35px}.workspace{display:flex;min-height:100vh}.sidebar{width:218px;flex-shrink:0;background:#112d28;color:#e8f5ed;padding:32px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebarLabel{margin:52px 14px 16px;font-size:9px;letter-spacing:2px;color:#76988b}.nav{display:flex;align-items:center;gap:14px;width:100%;padding:15px 14px;border-radius:9px;background:none;color:#a7beb3;text-align:left;margin:5px 0;font-size:13px}.nav span{font-size:19px;width:20px;text-align:center}.nav.active{background:#24483d;color:#d7f3e4}.nav:hover{color:#fff;background:#204036}.sidebarBottom{margin-top:auto;padding:20px 12px 0}.localBrand{font-size:8px;line-height:2.4;letter-spacing:1.4px;color:#86a393}.localBrand strong{font-size:12px;font-weight:550;letter-spacing:.4px;color:#c6dfd1}.main{width:calc(100% - 218px);margin-left:218px}.topbar{height:80px;padding:0 38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:#fbfcfa}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#afb9b1}.breadcrumb strong{color:#35534a;font-weight:500}.pageBody{padding:36px 38px;max-width:1900px;margin:auto}.pageHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.pageHeading .eyebrow{display:block;margin-bottom:10px}.pageHeading p{margin-top:10px;font-size:13px;color:var(--muted)}.statusPill{padding:8px 12px;font-size:11px;border:1px solid var(--border);border-radius:30px;background:#fff;color:#75847a;white-space:nowrap}.statusPill.live{background:#e7f3e9;color:#477553;border-color:#d6e7d8}.screenGrid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:26px;align-items:start}.previewTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.previewTop strong{display:block;font-size:13px}.previewTop span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.segmented{display:flex;border:1px solid var(--border);border-radius:8px;padding:3px;background:#edf0eb}.segmented button{font-size:10px;padding:7px 9px;border-radius:5px;background:none;color:#768478}.segmented button.selected{background:#fff;color:#2a493b;box-shadow:0 1px 4px #102a1510}.previewWrap{aspect-ratio:16/9;border-radius:13px;overflow:hidden;box-shadow:0 14px 35px #163d2515;background:#132f35;container-type:inline-size}.previewWrap.tall{aspect-ratio:9/16;max-width:380px;margin:auto;container-type:inline-size}.previewFooter{display:flex;justify-content:space-between;margin-top:13px;font-size:10px;color:#849386}.settingsCard,.contentCard{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px}.settingsCard{margin-top:0}.cardHeading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.cardHeading>span{font-size:8px;letter-spacing:1px;color:#839987}.cardHeading p{font-size:12px;color:var(--muted);margin-top:8px}.saveActions{display:flex;flex-direction:column;gap:10px;padding-top:10px}.settingsCard details{border-top:1px solid var(--border);padding-top:16px;margin-top:8px}.settingsCard summary{font-size:12px;font-weight:600;cursor:pointer;margin-bottom:14px}.settingsCard details small{font-size:10px;color:#849386}.tip{display:flex;align-items:center;gap:25px;border:1px solid #dce5d9;background:#eaf0e6;padding:20px;border-radius:10px;margin-top:25px}.tip strong{font-size:12px;white-space:nowrap}.tip p{font-size:11px;color:#74846f}.splitGrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.contentCard>h2{margin-bottom:18px}.itemList{display:flex;flex-direction:column}.listRow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #edf0ea}.listRow:last-child{border-bottom:0}.listRow strong{font-size:13px;display:block;white-space:pre-wrap;overflow-wrap:anywhere}.listRow small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.dangerText{background:none;color:#a16b66;font-size:11px;padding:7px;white-space:nowrap}.dangerText:hover{color:#922c22}.emptyState{padding:45px 20px;text-align:center;color:#849084;font-size:13px;border:1px dashed #dbe3d5;border-radius:10px;margin:15px 0;grid-column:1/-1}.photoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.photoCard{border:1px solid var(--border);border-radius:10px;overflow:hidden}.photoCard>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e1e6dc}.photoCardFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:11px}.photoCardFoot>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fileButton{margin:0;cursor:pointer;flex-direction:row}.fileButton input{display:none}.steps{font-size:12px;color:#778676;line-height:1.8;padding-left:20px;margin-bottom:25px}.steps li{padding:6px 0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:700px;padding:15px 24px;border-radius:10px;background:#173c32;color:white;font-size:13px;box-shadow:0 12px 30px #0003;z-index:20}.toast.bad{background:#7d3b34}.error{color:#a83a31;font-size:12px}.loginShell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fcfdf9}.loginArt{background:linear-gradient(150deg,#183c36,#345547);padding:60px 65px;color:#ecf6ef;display:flex;flex-direction:column;justify-content:space-between}.loginArt h1{font-size:54px;line-height:1.12;margin-top:20px;letter-spacing:-2px}.loginArt .eyebrow{color:#acceb3}.loginArt p{margin-top:24px;max-width:360px;font-size:15px;color:#c0d7c4}.loginArt>small{color:#94b59e;font-size:11px}.loginForm{width:min(400px,80%);margin:auto}.loginForm h2{font-size:26px;margin:14px 0}.loginForm p{color:#86917c;font-size:13px;margin-bottom:35px}.loginForm button{width:100%;justify-content:space-between}.loginForm .error{color:#a83a31;margin-top:20px}.board{height:100%;width:100%;position:relative;isolation:isolate;overflow:hidden;color:#f4f7f1;container-type:inline-size;background:#142f36}.scene,.boardPhoto,.boardShade{position:absolute;inset:0;width:100%;height:100%;z-index:-3}.scene{background:url('/landscape.svg') center/cover}.boardPhoto{object-fit:cover;opacity:0;transition:opacity 1s}.boardPhoto.visible{opacity:1}.boardShade{z-index:-1;background:linear-gradient(90deg,#081e2770,#09212a24),linear-gradient(0deg,#05171ca0,transparent 65%)}.boardHeader{position:absolute;left:5%;top:6%;right:5%;display:flex;justify-content:space-between;align-items:flex-start}.boardName{font-size:clamp(10px,1.2cqw,26px);font-weight:500;letter-spacing:1px;color:#e1eee1b0}.clock{font-size:clamp(28px,6.2cqw,140px);font-weight:250;letter-spacing:-.05em;line-height:1.2;margin-top:1%}.boardDate{font-size:clamp(10px,1.4cqw,30px);font-weight:350;margin-top:2%;text-transform:capitalize}.weatherBox{display:flex;align-items:flex-end;flex-direction:column;gap:4px;font-size:clamp(9px,1.1cqw,24px)}.weatherBox strong{font-size:clamp(28px,3.5cqw,78px);font-weight:300}.weatherBox small{font-size:clamp(8px,.8cqw,18px);color:#d5e3d4}.agendaPanel{position:absolute;top:35%;right:5%;width:31%;padding:2.5%;background:#172f33a0;border:1px solid #c8e2d01c;border-radius:12px;backdrop-filter:blur(12px)}.panelLabel{font-size:clamp(8px,.9cqw,20px);letter-spacing:.1em;color:#c8ddcd;padding-bottom:8%}.eventRow{display:flex;gap:8%;align-items:center;padding:7% 0;border-top:1px solid #c4d9c323}.eventDay{display:flex;flex-direction:column;align-items:center;min-width:17%;border-left:2px solid #a4dfbf}.eventDay strong{font-size:clamp(12px,1.6cqw,36px);font-weight:500}.eventDay small{font-size:clamp(7px,.8cqw,18px);text-transform:uppercase}.eventInfo{min-width:0;display:flex;flex-direction:column;gap:4px}.eventInfo strong{font-size:clamp(9px,1.1cqw,25px);line-height:1.3;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.eventInfo small{font-size:clamp(8px,.9cqw,19px);opacity:.65}.eventRow[data-color=blue] .eventDay{border-color:#8ccdeb}.eventRow[data-color=pink] .eventDay{border-color:#e4aac4}.eventRow[data-color=amber] .eventDay{border-color:#efca80}.boardEmpty{font-size:clamp(9px,1cqw,23px);opacity:.7;line-height:1.6}.boardNotice{position:absolute;bottom:6%;left:5%;max-width:65%;display:flex;flex-direction:column;gap:8px}.boardNotice>span{font-size:clamp(7px,.7cqw,16px);letter-spacing:.15em;opacity:.6}.boardNotice p{font-size:clamp(10px,1.2cqw,26px);font-weight:350;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.calendarPanel{position:absolute;left:5%;top:34%;width:55%;bottom:15%;display:none}.calendarPanel h2{text-transform:capitalize;font-size:clamp(12px,1.5cqw,35px);margin-bottom:12px}.calendarGrid{display:grid;grid-template-columns:repeat(7,1fr);height:80%;gap:3px;font-size:clamp(9px,1.1cqw,25px)}.weekday{height:20px;opacity:.7;font-size:clamp(8px,.8cqw,18px)}.calDay{border-top:1px solid #bad1b442;padding:4px;min-width:0}.calDay.current{background:#b5e9c635;color:#eefcf2;border-radius:5px}.calDay.current>span{color:#b8efcc;font-weight:800}.calDay small{display:block;font-size:clamp(6px,.65cqw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;line-height:1.7}.board[data-layout=month] .calendarPanel{display:block}.board[data-layout=month] .clock{font-size:clamp(28px,4.2cqw,100px)}.board[data-layout=photos] .agendaPanel{display:none}.board[data-theme=light]{color:#173d30}.board[data-theme=light] .boardShade{background:linear-gradient(90deg,#eef4dbd9,#f2f5e57a)}.board[data-theme=light] .boardName,.board[data-theme=light] .weatherBox small{color:#3e5d42}.board[data-theme=light] .agendaPanel{background:#f7fbefbb;border-color:#64805a26}.board[data-theme=light] .panelLabel{color:#5f7658}.board[data-theme=light] .eventRow{border-color:#6c8c5d33}.board[data-theme=light] .calDay{border-color:#63865355}.board[data-theme=light] .calDay.current{background:#55885433;color:#244d2a}.board[data-theme=light] .calDay.current>span{color:#234c27}.previewWrap.tall .agendaPanel{top:38%;width:90%}.previewWrap.tall .clock{font-size:14cqw}.previewWrap.tall .boardDate{font-size:3cqw}.previewWrap.tall .boardName{font-size:3cqw}.previewWrap.tall .eventInfo strong{font-size:3.5cqw}.previewWrap.tall .eventInfo small,.previewWrap.tall .panelLabel{font-size:2.5cqw}.previewWrap.tall .eventDay strong{font-size:4cqw}.previewWrap.tall .eventDay small{font-size:2.5cqw}.previewWrap.tall .boardNotice{max-width:90%}.previewWrap.tall .boardNotice p{font-size:3cqw}.previewWrap.tall .board[data-layout=month] .calendarPanel{width:90%;top:28%;height:50%}.previewWrap.tall .board[data-layout=month] .agendaPanel{display:none}.previewWrap.tall .calDay{font-size:3cqw}.previewWrap.tall .calDay small{font-size:2cqw}.previewWrap.tall .calendarPanel h2{font-size:4cqw}.viewerBody{background:#132c2c}.viewerBoard{height:100vh;height:100dvh;width:100vw}.viewerTools{position:fixed;bottom:10px;right:14px;display:flex;gap:8px;align-items:center;color:#cde3d0;opacity:.06;transition:opacity .25s;z-index:5}.viewerTools:hover,.viewerTools:focus-within{opacity:1}.viewerTools button{font-size:10px;background:#183a32dd;padding:8px;border-radius:5px;color:#e8f5e8}.viewerTools span{font-size:9px}.viewerTools .offline{color:#ffd49b}.pairScreen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#edf8ec;text-align:center;padding:40px;gap:18px}.pairScreen>img{width:70px;margin-bottom:15px}.pairScreen h1{font-weight:500}.pairScreen p{color:#9dbdab;font-size:14px}.pairCode{font-size:68px;letter-spacing:12px;padding:24px 36px;background:#264c40;border:1px solid #83c6a63b;border-radius:15px}.pairLink{font-size:12px;color:#91b69d;margin-top:20px}
@media(min-width:1600px){.pageBody{padding:46px 60px}.screenGrid{grid-template-columns:minmax(0,1fr) 350px;gap:34px}.settingsCard{padding:28px}.topbar{padding:0 60px}}
@media(max-width:1150px){.sidebar{width:185px;padding:28px 16px}.main{margin-left:185px;width:calc(100% - 185px)}.pageBody{padding:28px 24px}.topbar{padding:0 24px}.screenGrid{grid-template-columns:minmax(0,1fr) 275px;gap:18px}.settingsCard{padding:18px}.tip{display:block}.tip p{margin-top:8px}.pageHeading h1{font-size:26px}}
@media(max-width:900px){.screenGrid,.splitGrid{grid-template-columns:1fr}.settingsCard{max-width:none}.sidebar{width:170px}.main{margin-left:170px;width:calc(100% - 170px)}.pageHeading{align-items:flex-start}.pageHeading .statusPill{display:none}.formRow{gap:10px}.loginArt{padding:40px}.loginArt h1{font-size:40px}.photoGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:650px){.sidebar{position:static;width:100%;padding:16px}.workspace{display:block}.sidebarLabel,.sidebarBottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:15px}.nav{padding:10px;white-space:nowrap;font-size:11px;gap:6px;margin:0}.main{width:100%;margin:0}.topbar{height:65px}.pageBody{padding:24px 16px}.pageHeading h1{font-size:24px}.loginShell{grid-template-columns:1fr}.loginArt{min-height:300px;padding:25px}.loginArt h1{font-size:34px}.loginArt>small{display:none}.loginForm{padding:45px 0}.pairCode{font-size:40px;letter-spacing:8px;padding:20px}.toast{width:90%;max-width:90%}.previewTop{gap:10px}}
@media(orientation:portrait){.viewerBoard .clock{font-size:14cqw}.viewerBoard .boardName{font-size:3cqw}.viewerBoard .boardDate{font-size:3cqw}.viewerBoard .agendaPanel{top:35%;width:90%}.viewerBoard .eventInfo strong{font-size:3.5cqw}.viewerBoard .eventInfo small,.viewerBoard .panelLabel{font-size:2.5cqw}.viewerBoard .eventDay strong{font-size:4.5cqw}.viewerBoard .eventDay small{font-size:2.5cqw}.viewerBoard .boardNotice{max-width:90%}.viewerBoard .boardNotice p{font-size:3cqw}.viewerBoard[data-layout=month] .agendaPanel{display:none}.viewerBoard[data-layout=month] .calendarPanel{top:28%;width:90%;height:50%}.viewerBoard .calDay{font-size:3cqw}.viewerBoard .calDay small{font-size:2cqw}.viewerBoard .calendarPanel h2{font-size:4cqw}}