:root{color-scheme:light;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;background:#f7f6f2;color:#303a32;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 50% 44%,#fffefa 0,#f7f6f2 70%);transition:opacity .32s ease}
.quiet-entry{position:relative;display:grid;place-items:center;height:100vh;height:100svh;min-height:240px}
.period-button{width:88px;height:88px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.period-mark{display:block;font-size:0;width:25px;height:25px;border:2.3px solid #354039;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff80;transition:border-color .25s,transform .25s}
.period-button:hover .period-mark{border-color:#9e8b66;transform:scale(1.05)}
.period-button:focus-visible{outline:1px solid #b9a783;outline-offset:0}
.period-button.is-tapped .period-mark{animation:period-touch .32s cubic-bezier(.2,.7,.3,1)}
@keyframes period-touch{0%{transform:scale(1)}35%{transform:scale(.82);border-color:#b19b72}100%{transform:scale(1)}}
.entry-filing{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:16px;right:16px;text-align:center;font-size:10px;line-height:1.6;letter-spacing:.05em}
.entry-filing a{color:#a4a79e;text-decoration:none;transition:color .2s}.entry-filing a:hover,.entry-filing a:focus-visible{color:#7d775e}
body.is-entering{opacity:0;pointer-events:none}body.is-entering .period-mark{transform:scale(1.65);transition:transform .32s ease}
@media(prefers-reduced-motion:reduce){body,.period-mark,.entry-filing a{transition:none}.period-button.is-tapped .period-mark{animation:none}}