.secret-calendar{--ink:#123f4a;--sea:#1d6672;--paper:#edf5f4;background:var(--paper);min-height:100vh;color:var(--ink);overflow-wrap:anywhere;padding:0 max(24px,50vw - 560px);font-family:Georgia,serif}.secret-calendar *{box-sizing:border-box}.secret-calendar header{justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font:15px Arial,sans-serif;display:flex}.secret-calendar a{color:inherit}.secret-calendar label{flex-direction:column;gap:9px;font:15px Arial,sans-serif;display:flex}.secret-calendar header label{flex-direction:row;align-items:center}.secret-calendar input,.secret-calendar select{min-width:0;max-width:100%;color:var(--ink);background:#fff;border:1px solid #7aa3a9;border-radius:3px;padding:12px;font:16px Arial,sans-serif}.calendar-opening{grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;padding:56px 0 70px;display:grid}.secret-calendar h1{letter-spacing:-.025em;margin:22px 0;font-size:clamp(38px,5.5vw,70px);font-weight:400;line-height:1.08}.calendar-opening p{max-width:46ch;font-size:20px;line-height:1.6}.calendar-art{place-items:center;height:300px;display:grid;position:relative}.calendar-art .orbit{border:1px solid #7aa3a9;border-radius:50%;width:270px;height:270px;position:absolute;box-shadow:0 0 0 14px #edf5f4,0 0 0 15px #7aa3a9}.calendar-art .inner{width:160px;height:160px;box-shadow:none;transform:translate(35px,-25px)}.calendar-art span{color:var(--sea);font:110px Georgia}.secret-calendar form{padding-bottom:40px}.secret-calendar fieldset{border:0;margin:0;padding:0}.secret-calendar legend{margin-bottom:28px;font-size:32px}.calendar-fields{grid-template-columns:2fr 1fr 1.5fr;gap:22px;margin-bottom:30px;display:grid}.memory-row{border-top:1px solid #7aa3a9;grid-template-columns:25px 2fr 1.5fr auto;align-items:end;gap:18px;padding:20px 0;display:grid}.memory-row>span{align-self:center}.secret-calendar button{background:var(--ink);color:#fff;border:1px solid var(--ink);cursor:pointer;border-radius:3px;padding:15px 23px;font:16px Arial,sans-serif}.secret-calendar .quiet{color:var(--ink);background:0 0}.secret-calendar button:disabled{opacity:.6;cursor:wait}.calendar-note{max-width:75ch;margin:26px 0;font:14px/1.6 Arial,sans-serif}.secret-calendar :focus-visible{outline-offset:4px;outline:3px solid #ad6719}.secret-calendar footer{padding:35px 0;font:14px Arial,sans-serif}.calendar-preview{max-width:850px;margin:40px auto}.calendar-year{color:var(--sea);font-size:92px}.calendar-preview h1{font-size:44px}.calendar-preview ol{margin:40px 0;padding:0;list-style:none}.calendar-preview li{break-inside:avoid;border-top:1px solid #7aa3a9;padding:20px 0}.calendar-preview h2{margin:12px 0;font-size:29px;font-weight:400}.calendar-preview time{font:18px Arial,sans-serif}.calendar-preview li p{margin:0}.calendar-actions{flex-wrap:wrap;gap:16px;display:flex}.calendar-error{color:#842b27;background:#f9e4e2;padding:20px;font:16px/1.5 Arial,sans-serif}@media (max-width:650px){.calendar-opening{grid-template-columns:1fr;gap:0;padding:24px 0 40px}.calendar-art{height:210px}.calendar-art .orbit{width:175px;height:175px}.calendar-art .inner{width:110px;height:110px}.calendar-art span{font-size:80px}.calendar-fields{grid-template-columns:1fr}.memory-row{grid-template-columns:20px 1fr}.memory-row label,.memory-row button{grid-column:2}.memory-row>span{grid-area:1/1/3}.secret-calendar header{font-size:13px}.secret-calendar header label{flex-direction:column;align-items:start}.calendar-preview h1{font-size:36px}}.calendar-fields{grid-template-columns:2fr 1fr}.memory-row>span{background:var(--sea);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font:13px Arial,sans-serif;display:grid}details.calendar-note summary{cursor:pointer}@media (max-width:650px){.calendar-fields,.memory-row{grid-template-columns:1fr}.memory-row>span{grid-area:auto/1;align-self:start}.memory-row label,.memory-row button{grid-column:1}}