:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;color:#17191e;background:#fff}*{box-sizing:border-box}body{margin:0}button,select,a{font:inherit}a{color:inherit}.controls{display:flex;align-items:center;gap:16px;padding:10px 24px;background:#f3f4f6;border-bottom:1px solid #b8bdc5;font-size:14px}.controls button,.controls select{padding:8px 12px;background:#fff;color:#17191e;border:1px solid #60656e;border-radius:3px}.controls button{background:#17191e;color:white;cursor:pointer}.controls #help{font-size:12px}main{min-height:calc(100dvh - 59px);padding:2.5vh 3vw;display:flex;flex-direction:column;gap:2.3vh}header{display:flex;align-items:center;gap:24px;border-bottom:2px solid #17191e;padding-bottom:1.8vh}header strong{font-size:clamp(20px,2.1vw,40px)}header>span{font-size:clamp(12px,1vw,20px);font-weight:600}#clock{margin-left:auto;font-size:clamp(20px,2.3vw,44px);font-weight:650;font-variant-numeric:tabular-nums}.headline{display:flex;justify-content:space-between;align-items:center;gap:24px}.headline p{font-weight:650;font-size:clamp(16px,1.3vw,25px);margin:0 0 6px}h1{font-size:clamp(42px,6.5vw,120px);line-height:1;letter-spacing:-.055em;margin:0}.arrow{display:inline-block;animation:drift 6s ease-in-out infinite}.countdown{display:flex;align-items:baseline;gap:20px;background:#17191e;color:#fff;padding:12px 26px}.countdown span{font-size:clamp(14px,1.3vw,25px)}.countdown strong{font-size:clamp(38px,4.5vw,86px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}#sessions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8vh 1.4vw;flex:1}#sessions.single{grid-template-columns:1fr}.session{padding:1.6vh 1.5vw;background:#fff;border:2px solid #17191e;border-top:9px solid var(--accent);display:flex;flex-direction:column;gap:1.2vh;animation:arrive .5s ease-out}.session-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(17px,1.5vw,29px);font-weight:750}.room{color:white;background:var(--accent);padding:5px 10px}.session h2{font-size:clamp(23px,2.2vw,42px);line-height:1.4;letter-spacing:-.02em;margin:0;font-weight:750;overflow-wrap:anywhere}.people{font-size:clamp(17px,1.4vw,27px);line-height:1.6;margin:0;margin-top:auto}.single .session h2{font-size:clamp(30px,3.7vw,70px)}.single .people{font-size:clamp(20px,2vw,38px)}footer{display:flex;justify-content:space-between;gap:20px;font-size:clamp(12px,1vw,19px);color:#3d424b;padding-top:1vh}#start-label{font-weight:700;color:#17191e}.done{font-size:clamp(24px,3vw,58px);line-height:1.5}.controls :focus-visible{outline:3px solid #355ac4;outline-offset:3px}:fullscreen .controls{position:fixed;top:0;left:0;right:0;z-index:5;opacity:0;transition:opacity .2s}:fullscreen .controls:hover,:fullscreen .controls:focus-within{opacity:1}:fullscreen main{min-height:100dvh}@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-5px)}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:700px){.controls{flex-wrap:wrap;gap:8px;padding:8px}header>span{display:none}.headline{align-items:start;flex-wrap:wrap}.countdown{padding:8px 14px}#sessions{grid-template-columns:1fr}.session{padding:16px}footer{flex-direction:column;gap:8px}main{padding:20px 16px}.headline h1{font-size:48px}}

.controls{gap:10px;padding:4px 12px;font-size:11px;min-height:32px}.controls button,.controls select{padding:3px 7px;font-size:11px;min-height:24px}.controls label{display:flex;align-items:center;gap:5px}.controls #help{font-size:11px}.projection-clock{margin-left:auto;display:flex;align-items:baseline;gap:10px}.projection-clock small{font-size:clamp(12px,1vw,19px);font-weight:600;color:#3d424b}.projection-clock #clock{margin-left:0}main{min-height:calc(100dvh - 33px)}:fullscreen main{min-height:100dvh}

.projection-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:auto}.projection-person{display:flex;gap:8px;align-items:start;min-width:0}.projection-person img{width:44px;height:50px;object-fit:cover;flex-shrink:0}.projection-person strong{display:block;font-size:clamp(16px,1.1vw,22px);line-height:1.4}.projection-person small{display:block;font-size:clamp(12px,.85vw,17px);line-height:1.5;margin-top:3px;color:#333841;overflow-wrap:anywhere}.session h2{font-size:clamp(22px,1.8vw,36px)}.single .projection-people{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.single .projection-person img{width:64px;height:72px}.single .projection-person strong{font-size:clamp(20px,1.6vw,32px)}.single .projection-person small{font-size:clamp(14px,1.1vw,22px)}

.countdown{flex-wrap:wrap;gap:4px 16px}.countdown strong{white-space:nowrap}.countdown strong small{font-size:.45em;letter-spacing:0;margin-inline:2px 6px}.session-head{flex-wrap:wrap;gap:8px 16px}.session-head time{white-space:nowrap;font-variant-numeric:tabular-nums}.projection-clock{flex-wrap:wrap;justify-content:flex-end}.projection-clock #clock{white-space:nowrap}