:root{color:#263f36;font-synthesis:none;background:#f6f8f3;font-family:DM Sans,Noto Sans JP,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:#fff;cursor:pointer;background:#285d49;border:0;border-radius:100px;padding:12px 25px;font-weight:600}button:hover{background:#1e4838}button:disabled{opacity:.45;cursor:default}button.secondary{color:#285d49;background:#eaf0e8}a{color:inherit}header{justify-content:space-between;align-items:center;gap:20px;padding:28px 5vw;display:flex}.brand{letter-spacing:-1.6px;font-size:30px;font-weight:700;text-decoration:none}.brand span{vertical-align:top;color:#e9ad65;margin-left:3px;font-size:10px}.header-controls{align-items:center;gap:14px;display:flex}.status{color:#60756b;font-size:12px}select{color:#3e584b;background:0 0;border:1px solid #d6dfd4;border-radius:12px;padding:8px}main{max-width:680px;margin:20px auto;padding:0 22px}h1{text-wrap:balance;letter-spacing:-1px;margin:0 0 32px;font-size:clamp(26px,4vw,38px);font-weight:500;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#7d8d7b;margin:0 0 10px;font-size:11px;font-weight:600}.focus-card{background:#fffefb;border:1px solid #e1e8dc;border-radius:24px;margin-bottom:22px;padding:28px;box-shadow:0 8px 36px #2d513806}label{color:#738271;margin-bottom:12px;font-size:13px;font-weight:600;display:block}textarea{resize:vertical;color:#2b463a;background:0 0;border:0;outline:0;width:100%;min-height:110px;font-size:24px;line-height:1.65;display:block}textarea::placeholder{color:#b3bdb0}input{border:1px solid #d6dfd4;border-radius:12px;width:100%;padding:12px}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.center{justify-content:center}.timer-card{text-align:center;background:#edf1e8;border-radius:24px;padding:30px 16px 40px}.clock{font-variant-numeric:tabular-nums;letter-spacing:-4px;font-size:clamp(64px,16vw,100px);font-weight:400;line-height:1.4}.timer-card select{margin:10px 0;font-size:12px}.account{text-align:center;padding:28px 8px}.account p{font-size:14px}.account small{color:#82907e;max-width:420px;margin:20px auto;font-size:11px;display:block}h2{font-size:20px;font-weight:500}footer{text-align:center;color:#98a28f;padding:35px;font-size:11px}.notice{background:#fff2df;border-radius:16px;margin:20px 0;padding:18px;font-size:13px}.device-code{letter-spacing:4px;font-size:32px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:4px;outline:2px solid #a0bda4}.even .clock{font-size:70px}.hud-panel{border:1px solid #d6dfd4;border-radius:20px;padding:24px}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1100px;margin:50px auto;padding:0 30px;display:grid}.hero h1{margin-bottom:24px;font-size:clamp(34px,4.6vw,58px)}.hero p{color:#7b8978;font-size:16px;line-height:2}.hero .cta{color:#fff;background:#285d49;border-radius:100px;margin:20px 0;padding:14px 28px;text-decoration:none;display:inline-block}.preview{background:#e7ecdf;border-radius:32px;padding:38px;transform:rotate(-3deg);box-shadow:0 24px 70px #26463015}.preview .focus-card{padding:24px}.preview .clock{font-size:72px}.preview-title{color:#294b3a;font-size:21px}@media (width<=650px){header{padding:20px}.status{max-width:90px}main{margin:10px auto}.hero{grid-template-columns:1fr;gap:30px;margin:30px auto}.hero h1{font-size:36px}.focus-card{padding:22px}.preview{padding:25px;transform:none}textarea{font-size:21px}}