.hourglass{color:#edf6fc;outline:none;max-width:1240px;margin:auto;padding:30px 5% 60px}.hourglass nav{justify-content:space-between;font-size:13px;display:flex}.hourglass a,.hourglass header span,.hour-details span,.hour-wiring>span{color:#08b5ef}.hourglass header{margin:30px 0}.hourglass header span,.hour-details span,.hour-wiring>span,.hour-kicker{letter-spacing:.09em;font:12px monospace}.hourglass h1{letter-spacing:-.05em;margin:14px 0;font-size:clamp(42px,7vw,76px);font-weight:750;line-height:1.1}.hourglass em{color:#08b5ef;font-style:normal}.hourglass p{color:#adc1d1;font-size:14px;line-height:1.7}.hourglass h2{margin:14px 0;font-size:23px}.hour-layout{border:1px solid #284659;border-radius:16px;grid-template-columns:1.3fr 1fr;display:grid;overflow:hidden}.hour-stage{background:radial-gradient(#173742,#031321 75%);flex-direction:column;justify-content:center;align-items:center;min-height:680px;display:flex}.hour-orbit{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex-shrink:0;place-items:center;width:560px;height:570px;display:grid}.hour-orbit:active{cursor:grabbing}.hour-device{width:380px;height:520px;transform-style:preserve-3d;background-color:#daddd3;background-image:radial-gradient(#68766a 1px,#0000 1.5px);background-size:12px 12px;border:3px solid #a8b8ae;border-radius:12px;position:relative;box-shadow:0 8px #87988b,8px 18px 30px #0007}.hour-device canvas{width:336px;height:336px;position:absolute;top:14px;left:19px;transform:translateZ(8px);box-shadow:0 5px #1b2426}.hour-rail{background:#ed5656;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.rail-blue{background:#268dbd;left:auto;right:7px}.matrix-labels{color:#344a4f;justify-content:space-between;font:10px monospace;display:flex;position:absolute;top:356px;left:30px;right:30px}.hour-circuit{align-items:center;gap:12px;display:flex;position:absolute;top:382px;left:28px;right:28px}.esp-chip,.sensor-chip{color:#fff;background:#24353c;border:3px dashed #779588;padding:12px 8px;font:12px monospace}.esp-chip small,.sensor-chip small{margin-top:5px;font-size:7px;display:block}.sensor-chip{background:#16478d;font-size:10px}.hour-wire{border-top:3px solid #37b3b7;border-bottom:3px solid #dda536;flex:1;height:16px}.hour-driver{color:#253d44;background:#daddd3;font:8px monospace;position:absolute;top:448px;left:28px}.hour-buttons{justify-content:space-between;display:flex;position:absolute;bottom:12px;left:60px;right:60px}.hourglass button{color:#eaf9ff;cursor:pointer;background:#0b293c;border:1px solid #577487;border-radius:6px;padding:10px 15px}.hourglass button:disabled{opacity:.4;cursor:default}:is(.hourglass button:focus-visible,.hourglass input:focus-visible){outline-offset:4px;outline:2px solid #08b5ef}.hour-buttons button{padding:7px 12px;font:10px monospace}.hour-stage>p{text-align:center;margin:12px;font:10px monospace}.hourglass aside{background:#071d30;padding:28px}.hour-time{color:#ff7954;letter-spacing:-.06em;margin:15px 0;font:56px monospace;display:block}.hour-setting,.hour-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.hour-setting button:first-child{color:#001724;background:#08b5ef}.duration-list{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.duration-list span{color:#87a4b7;border:1px solid #2d4656;border-radius:5px;padding:7px 9px;font:11px monospace}.duration-list .selected{color:#ff7954;background:#ff795411;border-color:#ff7954}.hour-angle{color:#a4bdce;gap:12px;font-size:13px;display:grid}.hour-angle input{accent-color:#08b5ef;width:100%}.hourglass .hour-small{font-size:12px}.hour-wiring{background:#071d30;border:1px solid #284659;border-radius:16px;margin-top:36px;padding:26px}.hour-tables,.hour-details{grid-template-columns:1fr 1fr;gap:30px;display:grid}.hour-details{margin-top:36px}.hourglass h3{margin:18px 0 12px;font-size:16px}.hourglass table{border-collapse:collapse;width:100%;font:12px monospace}.hourglass th,.hourglass td{text-align:left;border-bottom:1px solid #284659;padding:10px 5px}.hourglass th{color:#9bbbd0;font-weight:400}@media (max-width:780px){.hour-layout{grid-template-columns:1fr}.hour-stage{min-height:470px;overflow:hidden}.hour-orbit{margin:-70px 0;scale:.75}.hour-stage>p{font-size:9px}.hour-tables,.hour-details{grid-template-columns:1fr;gap:14px}.hourglass aside,.hour-wiring{padding:20px}.hour-time{font-size:45px}}@media (max-width:400px){.hour-orbit{margin:-118px 0;scale:.57}.hour-stage{min-height:360px}}.hour-orbit{width:1100px;height:1160px;margin:-250px 0;position:relative;scale:.55}.hour-device{width:760px;height:820px;box-shadow:none;background:0 0;border:0;border-radius:0}.hour-breadboard{filter:drop-shadow(0 10px #829287)drop-shadow(10px 20px 18px #0006);width:760px;height:820px;position:absolute;inset:0}.hour-device canvas{background:#091014;top:48px;left:212px}.hour-buttons{gap:130px;inset:696px auto auto 300px}.hour-buttons button{border:3px solid #91a4a4;width:70px;height:54px;padding:6px;font-size:11px;box-shadow:0 5px #617679}.hour-stage{min-height:735px;overflow:hidden}.hour-breadboard text{pointer-events:none}@media (max-width:780px){.hour-orbit{margin:-292px 0;scale:.49}.hour-stage{min-height:610px}}@media (max-width:400px){.hour-orbit{margin:-393px 0;scale:.31}.hour-stage{min-height:405px}}.hour-device canvas{width:336px;height:448px;box-shadow:none;background:0 0;top:0;left:212px}