.time-stage{align-self:center}.time-film{height:480px;border-radius:100px 30px 100px 30px;overflow:hidden;position:relative}.time-film video{width:100%;height:100%;object-fit:cover}.time-film button{position:absolute;bottom:20px;right:20px;background:#111c;color:#fff;border:1px solid #d7b777;border-radius:30px;padding:12px 18px}.time-strip{display:flex;justify-content:space-around;gap:10px;align-items:center;padding:24px 10px;color:#d6b77c;font-size:11px;letter-spacing:.1em}.time-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.time-pair article{padding:36px;background:#e5ddcf;border-radius:50px 16px 50px 16px}.time-pair article:nth-child(2){background:#231c19;color:#f1e8da}.time-pair h3{font-size:30px}.time-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.time-presets{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.time-presets button{font:inherit;border:1px solid #9b8054;background:transparent;color:#efdfc5;padding:12px 20px;border-radius:30px;cursor:pointer}.time-presets button:hover,.time-presets button[aria-pressed=true]{background:#b70916;color:white}.time-calculator{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.time-calculator fieldset{border:0;padding:0;min-width:0}.time-calculator legend{font-size:20px;margin-bottom:15px}.time-calculator label{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #51443a;padding:18px 0}.time-calculator label span{white-space:nowrap}.time-calculator input{width:85px;background:#29221e;border:1px solid #937b57;border-radius:12px;padding:12px;color:white;font:inherit}.time-result{background:#e9dfce;border-radius:40px 12px 40px 12px;padding:32px;color:#231c19;align-self:start}.time-result output{display:block;font-family:Georgia,serif;font-size:64px;line-height:1.1;margin:15px 0}.time-result small{letter-spacing:.15em}.time-bar{height:12px;background:#cabca6;border-radius:20px;overflow:hidden}.time-bar span{display:block;height:100%;width:0;background:#b90814;transition:width .25s}.time-note{font-size:13px}.time-reset{display:block;margin:18px auto 0;background:none;border:0;text-decoration:underline;color:#34251b;cursor:pointer}.time-space{background:#e3d7c5}.time-three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0}.time-three span{color:#ac1c18}.time-three h3{font-size:29px}.time-diary{padding:35px;background:#251e1a;color:#eee2ce;border-radius:15px 65px 15px 65px;transform:rotate(1deg)}.time-diary small{color:#d1b67e}.time-diary h3{font-size:30px}.time-end{text-align:center;max-width:1000px}.time-guide :is(a,button,input):focus-visible{outline:3px solid #d0aa61;outline-offset:4px}.time-guide .creator-small{margin-top:30px}@media(max-width:800px){.time-heading,.time-pair,.time-calculator,.time-three{grid-template-columns:1fr}.time-film{height:370px}.time-pair article{padding:26px}.time-calculator label{font-size:15px}.time-calculator input{width:70px}.time-result output{font-size:52px}.time-diary{transform:none}.time-strip{font-size:9px;letter-spacing:.05em}}@media(prefers-reduced-motion:reduce){.time-bar span{transition:none}}
.time-guide .time-pair article:nth-child(2) p,.time-guide .time-diary p{color:#e6daca}.time-guide .time-pair article:nth-child(2) a{color:#e8c687}.time-guide .time-result p{color:#483b2d}