:root{color:#3b302d;background:#fff7f1;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top left,rgba(255,216,204,.85),transparent 34rem),linear-gradient(135deg,#fff8f2,#ffeef2 45%,#f7fbf3)}button,input{font:inherit}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:56px 0 44px}.hero{max-width:760px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#b1675c;font-size:.88rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;color:#302523;font-size:clamp(2.3rem,8vw,4.8rem);line-height:1.03}.subtitle{margin-bottom:0;color:#695754;font-size:clamp(1rem,2.3vw,1.18rem);line-height:1.8}.calculator-panel,.timeline-section{border:1px solid rgba(151,92,84,.13);border-radius:8px;background:#ffffffbf;box-shadow:0 24px 70px #8c574d24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.calculator-panel{padding:24px}.date-field{display:grid;gap:10px;max-width:360px;margin-bottom:18px;color:#594744;font-weight:700}.date-field input{width:100%;min-height:52px;border:1px solid rgba(129,82,76,.22);border-radius:8px;padding:0 16px;color:#332826;background:#fffaf7;box-shadow:inset 0 1px #ffffffe6;outline:none}.date-field input:focus{border-color:#cf7f77;box-shadow:0 0 0 4px #cf7f772e}.notice{margin:0 0 18px;border-radius:8px;padding:14px 16px;color:#684037;background:#fff0e7;line-height:1.65}.notice-before-start{color:#715234;background:#fff4de}.notice-after-due{color:#744042;background:#ffecef}.notice-due-date{color:#53623b;background:#f0f7de}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.result-card{min-height:146px;border:1px solid rgba(151,92,84,.12);border-radius:8px;padding:18px;background:#fff;box-shadow:0 12px 34px #83534d1a}.primary-card{background:linear-gradient(145deg,#fff1ec,#fff 80%)}.card-label{display:block;margin-bottom:18px;color:#856d68;font-size:.92rem;font-weight:700}.result-card strong{display:block;color:#302523;font-size:clamp(1.35rem,2.8vw,2.3rem);line-height:1.22}.primary-card strong{color:#bd5f56;font-size:clamp(1.9rem,4.8vw,3.4rem)}.timeline-section{margin-top:22px;padding:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin-bottom:0;color:#302523;font-size:clamp(1.45rem,3vw,2.1rem)}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.timeline-item{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid rgba(151,92,84,.12);border-radius:8px;padding:18px;background:#fffdfb}.timeline-item-active{border-color:#be5f5661;background:#fff6f2}.timeline-dot{width:14px;height:14px;margin-top:5px;border-radius:50%;background:#d98e83;box-shadow:0 0 0 6px #d98e8329}.timeline-item h3{margin-bottom:8px;color:#3b302d;font-size:1.05rem}.timeline-item p{margin-bottom:0;color:#6e5a55;line-height:1.6}@media(max-width:900px){.result-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.page-shell{width:min(100% - 24px,1120px);padding:32px 0 28px}.hero{margin-bottom:20px}.calculator-panel,.timeline-section{border-radius:8px;padding:18px}.result-grid,.timeline{grid-template-columns:1fr}.result-card{min-height:126px}.section-heading{display:block}}