:root{color:#171717;background:#f8f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(125deg,rgba(33,106,92,.11),transparent 34%),linear-gradient(315deg,rgba(128,70,102,.12),transparent 38%),#f8f8f6}button,input,textarea{font:inherit}button{min-height:40px;border:1px solid rgba(23,23,23,.15);border-radius:999px;background:#ffffff73;color:#171717;cursor:pointer;padding:0 16px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}button:hover{border-color:#17171752;background:#ffffffc7;transform:translateY(-1px)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(33,106,92,.36);outline-offset:3px}.page-shell{min-height:100vh;padding:clamp(18px,4vw,48px);display:grid;place-items:center}.timer-hero{width:min(1160px,100%);min-height:min(760px,calc(100vh - 36px));padding:clamp(20px,4vw,56px);border:1px solid rgba(23,23,23,.09);border-radius:8px;background:#ffffff85;box-shadow:0 30px 80px #181d211a,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#5d625f;font-size:.76rem;letter-spacing:0;text-transform:uppercase}.ghost-button{min-height:34px;padding:0 12px;font-size:.82rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:clamp(28px,5vw,72px);align-items:center;min-height:620px}.time-block{text-align:center;padding:36px 0}.days-label,.content-kicker,.since-line{margin:0;color:#6f756f;font-size:clamp(.78rem,1.5vw,.9rem);letter-spacing:0;text-transform:uppercase}.days-count{margin-top:6px;font-family:SF Pro Display,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(5.4rem,calc(22vw / var(--day-scale)),18rem);font-weight:650;line-height:.82;letter-spacing:0;color:#141414;animation:enterSoft .7s ease both}.clock-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;width:min(560px,100%);margin:clamp(18px,3vw,28px) auto 0;color:#1f2220;font-family:SF Mono,Roboto Mono,ui-monospace,monospace;font-size:clamp(2.35rem,8vw,6rem);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:0}.clock-line span:nth-child(2n){color:#7b526b;transform:translateY(-.06em)}.since-line{margin-top:20px;color:#4d5650;text-transform:none}.timer-actions{margin:30px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.primary-button{background:#171717;color:#fbfbf9;border-color:#171717;box-shadow:0 12px 30px #17171729}.primary-button:hover{background:#2a2a28}.quiet-danger{color:#8d3240}.start-editor{width:min(440px,100%);margin:18px auto 0;padding:14px;border:1px solid rgba(23,23,23,.1);border-radius:8px;background:#ffffff85;text-align:left}.start-editor label,.editor-stack label{display:grid;gap:8px;color:#555d57;font-size:.82rem}.start-editor-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:8px}input,textarea{width:100%;border:1px solid rgba(23,23,23,.13);border-radius:8px;background:#ffffffb8;color:#171717;padding:12px 13px}textarea{resize:vertical;min-height:140px;line-height:1.65}.content-panel{padding:clamp(22px,4vw,34px);border:1px solid rgba(23,23,23,.08);border-radius:8px;background:linear-gradient(180deg,#ffffffad,#ffffff6b),#ffffff73;box-shadow:0 24px 64px #1c232114}.content-panel h1{margin:14px 0 0;max-width:12ch;color:#151515;font-size:clamp(2rem,4.6vw,4.7rem);font-weight:580;line-height:.98;letter-spacing:0;overflow-wrap:anywhere}.note-copy{margin:22px 0 0;color:#3d423f;font-size:clamp(1rem,1.7vw,1.12rem);line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.image-frame{margin:28px 0 0}.image-frame img,.image-placeholder{width:100%;aspect-ratio:4 / 3;display:block;border-radius:8px;object-fit:cover;border:1px solid rgba(23,23,23,.08);box-shadow:0 22px 42px #1418171f}.image-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#216a5c33,#ffffff3d),linear-gradient(45deg,#7b526b29,#f8f8f6cc)}.image-placeholder span{width:32%;aspect-ratio:1;border:1px solid rgba(23,23,23,.16);border-radius:50%;background:#ffffff57;box-shadow:inset 0 0 30px #fff9}figcaption{margin-top:12px;color:#69706a;font-size:.86rem;line-height:1.5}.editor-stack{display:grid;gap:16px}input[type=file]{padding:10px}@keyframes enterSoft{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.page-shell{align-items:start;padding:12px}.timer-hero{min-height:calc(100vh - 24px);padding:20px}.hero-grid{grid-template-columns:1fr;gap:16px;min-height:auto}.time-block{padding:42px 0 22px}.content-panel{padding:20px}.content-panel h1{max-width:none}}@media(max-width:520px){.topline{align-items:flex-start;flex-direction:column}.days-count{font-size:clamp(6.4rem,34vw,10rem)}.clock-line{font-size:clamp(2rem,14vw,4.2rem)}.timer-actions{display:grid;grid-template-columns:1fr}.timer-actions button,.start-editor-row button{width:100%}.start-editor-row{grid-template-columns:1fr}}