.planner-page{background:radial-gradient(ellipse at 50% 0%, var(--mc-wash) 0, transparent 680px), var(--mc-paper);min-height:100dvh;color:var(--mc-ink);padding-block:clamp(7rem,10vw,8.5rem) 5rem}.planner-breadcrumb{color:var(--mc-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.planner-breadcrumb a{padding-block:.5rem}.planner-heading{margin-bottom:3rem}.planner-page h1{letter-spacing:-.045em;text-wrap:balance;color:var(--mc-ink);font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.12}.planner-heading p{max-width:44rem;color:var(--mc-muted);margin:1rem auto 0;font-size:1.125rem;line-height:1.75}.planner-page h2{letter-spacing:-.03em;color:var(--mc-ink);font-size:clamp(1.375rem,2.8vw,1.875rem)}.planner-section p,.planner-bridge p,.planner-tool-card p{color:var(--mc-muted);line-height:1.75}.planner-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.planner-tool-card{border:1px solid var(--mc-hairline);background:var(--mc-surface);border-radius:1.5rem;flex-direction:column;padding:clamp(1.5rem,4vw,3rem);transition:background-color .15s,box-shadow .15s;display:flex}.planner-tool-card:hover{background:var(--mc-surface);box-shadow:0 12px 32px #080d2908}.planner-tool-card p{flex:1;margin-top:1rem}.planner-tool-card>span{min-height:44px;color:var(--mc-ink);align-self:flex-start;align-items:center;margin-top:1.5rem;text-decoration:none}.planner-tool-card>span:after{content:"→";margin-inline-start:.75rem}.planner-section{border-top:1px solid var(--mc-hairline);padding-block:3rem}.planner-content>section:has(.planner-pomodoro){margin-bottom:3rem}.planner-info-card{border:1px solid var(--mc-hairline);background:var(--mc-surface);border-radius:1.25rem;padding:1.5rem}.planner-section>ul{color:var(--mc-muted);line-height:1.8}.planner-bridge{border:1px solid var(--mc-hairline);background:var(--mc-wash);border-radius:1.5rem;margin-bottom:3rem;padding:2rem}.planner-bridge a{min-height:44px}.planner-pomodoro,.planner-blocking{border:1px solid var(--mc-hairline);background:var(--mc-surface);border-radius:2rem;padding:clamp(1.25rem,3.5vw,2.5rem);box-shadow:0 24px 80px #080d290b}.planner-pomodoro{max-width:54rem;margin-inline:auto}.pomodoro-face{background:var(--mc-wash);border-radius:1.5rem;flex-direction:column;align-items:center;margin-block:1.5rem;padding:1.5rem 1rem;display:flex}.pomodoro-value{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(3.75rem,10vw,6rem);font-weight:500;line-height:1.2}.pomodoro-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.planner-pomodoro button,.planner-editor button{min-height:44px;padding-inline:1rem;font-size:.875rem}.pomodoro-actions button:first-child{min-width:8rem}.pomodoro-presets{border-top:1px solid var(--mc-hairline);margin-bottom:1.5rem;padding-top:1.5rem}.planner-pomodoro>label{min-height:44px;margin-top:1.25rem;font-size:.875rem}.planner-page :is(.planner-pomodoro,.planner-editor) label{color:var(--mc-muted);font-size:.8125rem}.planner-page :is(.planner-pomodoro,.planner-editor) input:not([type=checkbox]),.planner-editor select{border:1px solid var(--mc-hairline);background:var(--mc-paper);width:100%;min-width:0;min-height:48px;color:var(--mc-ink);border-radius:.75rem;font-size:1rem}.planner-pomodoro input[type=checkbox]{width:18px;height:18px;accent-color:var(--mc-ink)}.planner-blocking{margin-bottom:3rem}.planner-blocking h2{letter-spacing:-.015em;font-size:1rem}.planner-editor{background:var(--mc-wash);border-radius:1.25rem;min-width:0;padding:1.25rem}.planner-editor>div+div{border-top:1px solid var(--mc-hairline);padding-top:1.25rem}.planner-editor button{background:var(--mc-surface);border-color:var(--mc-hairline)}.planner-editor button:hover{background:var(--mc-wash)}.planner-blocking .time-blocking-print-area{background:var(--mc-paper);border-color:var(--mc-hairline)}.planner-blocking button[data-block-type]{border-radius:.5rem}.planner-blocking button[data-block-type=focus]{color:#214866;background:#e2effa;border-color:#b9d6ed}.planner-blocking button[data-block-type=break]{color:#305b3b;background:#e6f2e9;border-color:#c1dbc7}.planner-blocking button[data-block-type=meeting]{color:#624781;background:#f2eafb;border-color:#d8c8ea}.planner-blocking button[data-block-type][aria-pressed=true]{background:var(--mc-button-bg);color:#fff;border-color:var(--mc-ink)}.planner-links .grid>a{border-color:var(--mc-hairline);min-height:52px;color:var(--mc-ink);align-items:center;font-size:.9375rem;font-weight:500;display:flex}.planner-links .grid>a:hover{background:var(--mc-wash)}.planner-faq details{border-bottom:1px solid var(--mc-hairline);box-shadow:none;background:0 0;border-radius:0;padding:0}.planner-faq summary{color:var(--mc-ink);padding:1.5rem 0}.planner-faq summary::-webkit-details-marker{display:none}.planner-faq summary>span:last-child{color:var(--mc-muted);background:0 0}.planner-faq details p{max-width:52rem;margin:0;padding-bottom:1.5rem;font-size:1rem}.planner-page :is(a,button,input,select,summary):focus-visible{outline-offset:4px;outline:2px solid #3276a5}@media (width<=639px){.planner-directory{grid-template-columns:minmax(0,1fr)}.planner-pomodoro,.planner-blocking{border-radius:1.5rem}.planner-editor{padding:1rem}}@media (prefers-reduced-motion:reduce){.planner-tool-card{transition:none}}
