.time-pomodoro-main{padding-block:22px 64px}.time-pomodoro-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px;align-items:start}.time-pomodoro-primary{min-width:0}.time-pomodoro-input-panel,.time-pomodoro-section,.time-pomodoro-summary{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.time-pomodoro-input-panel{padding:26px 28px;position:relative;z-index:2;overflow:visible}.time-pomodoro-heading{display:flex;align-items:center;gap:16px}.time-pomodoro-art{display:grid;place-items:center;flex-shrink:0;width:74px;height:74px;border-radius:16px;background:var(--accent-soft)}.time-pomodoro-eyebrow{font-size:14px;font-weight:600;color:#ba293c}.time-pomodoro-heading h1{font-size:22px;line-height:1.7}.time-pomodoro-primary h2{font-size:20px;line-height:1.7;overflow-wrap:anywhere}.time-pomodoro-primary h3{font-size:18px;line-height:1.8}.time-pomodoro-description{margin-top:var(--tool-space-content);font-size:16px;line-height:2;color:var(--muted)}.time-pomodoro-form{margin-top:var(--tool-space-section);display:grid;gap:var(--tool-space-content)}.time-pomodoro-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tool-space-content)}.time-pomodoro-form label,.time-pomodoro-label{display:block;margin-bottom:var(--tool-space-inline);font-size:14px;font-weight:600;color:var(--muted)}.time-pomodoro-primary :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;width:100%;min-height:50px;padding:11px 12px;border:1px solid #d6dde7;border-radius:8px;background:#f8fafc;color:var(--ink);font:inherit;font-size:16px}.time-pomodoro-primary :is(input,select,textarea):focus{outline:0;border-color:var(--accent);box-shadow:var(--focus-ring)}.time-pomodoro-primary textarea{min-height:140px;resize:vertical}.time-pomodoro-error,.time-pomodoro-notice{margin-top:var(--tool-space-content);padding:16px;border-radius:12px;font-size:14px;line-height:2}.time-pomodoro-error{background:#fff0f2;color:#a51e30;border:1px solid #efcdd3}.time-pomodoro-notice{background:#fff7e5;border:1px solid #efdfb6;color:#755c2c}.time-pomodoro-facts,.time-pomodoro-cards,.time-pomodoro-links{margin-top:var(--tool-space-content)}.time-pomodoro-facts>div,.time-pomodoro-cards>article,.time-pomodoro-links>a{min-width:0;padding:16px;border:1px solid #e1d8f1;background:#f1ecfc;border-radius:12px;line-height:1.95;overflow-wrap:anywhere}.time-pomodoro-facts>div:nth-child(4n+2),.time-pomodoro-cards>article:nth-child(4n+2),.time-pomodoro-links>a:nth-child(4n+2){background:#e9f6f0;border-color:#d2e9df}.time-pomodoro-facts>div:nth-child(4n+3),.time-pomodoro-cards>article:nth-child(4n+3),.time-pomodoro-links>a:nth-child(4n+3){background:#eef4fc;border-color:#dce5ef}.time-pomodoro-facts>div:nth-child(4n),.time-pomodoro-cards>article:nth-child(4n),.time-pomodoro-links>a:nth-child(4n){background:#fff2e7;border-color:#efdfcf}.time-pomodoro-facts dt{font-size:14px;color:var(--muted)}.time-pomodoro-facts dd{margin:0;font-size:20px;font-weight:600;overflow-wrap:anywhere}.time-pomodoro-cards p{margin-top:var(--tool-space-content);line-height:2}.time-pomodoro-links>a{display:flex;align-items:center;justify-content:space-between;gap:var(--tool-space-inline)}.time-pomodoro-actions{margin-top:var(--tool-space-content)}.time-pomodoro-actions :is(button,a){font:inherit;font-size:14px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;cursor:pointer}.time-pomodoro-table-scroll{margin-top:var(--tool-space-content);overflow-x:auto;border:1px solid var(--line);border-radius:12px}.time-pomodoro-table-scroll table{width:100%;border-collapse:collapse;white-space:normal;font-size:14px}.time-pomodoro-table-scroll :is(th,td){padding:12px 16px;text-align:right;border-bottom:1px solid var(--line)}.time-pomodoro-table-scroll thead{background:#e9f6f0}.time-pomodoro-table-scroll tbody tr:nth-child(even){background:#f8fafc}.time-pomodoro-page [hidden]{display:none!important}.time-pomodoro-summary[tabindex="-1"]:focus,.time-pomodoro-section[tabindex="-1"]:focus{outline:0}@media(max-width:1100px){.time-pomodoro-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}}@media(max-width:850px){.time-pomodoro-layout{grid-template-columns:1fr}.time-pomodoro-layout>.age-sidebar{position:static;max-height:none}}@media(max-width:599px){.time-pomodoro-main{padding-block:18px 38px}.time-pomodoro-input-panel,.time-pomodoro-section,.time-pomodoro-summary{padding:20px 16px}.time-pomodoro-heading{gap:12px}.time-pomodoro-heading h1,.time-pomodoro-primary h2{font-size:18px}.time-pomodoro-art{width:55px;height:55px}.time-pomodoro-fields{grid-template-columns:1fr}.time-pomodoro-facts>div,.time-pomodoro-cards>article,.time-pomodoro-links>a{padding:12px}}.time-pomodoro-controls{margin-top:24px;display:grid;gap:16px}.time-pomodoro-fields--three{grid-template-columns:repeat(3,minmax(0,1fr))}.time-pomodoro-field{min-width:0}.time-pomodoro-field>label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--muted)}.time-pomodoro-fields:not(.time-pomodoro-fields--three)>.time-pomodoro-field:last-child:nth-child(odd){grid-column:1/-1}.time-pomodoro-clock{display:grid;justify-items:center;gap:12px;text-align:center;background:#ffe4e8;border:1px solid #efcdd3;border-radius:16px;padding:24px 16px;line-height:2}.time-pomodoro-clock time{font-size:22px;font-weight:700;color:#a51e30;}.time-pomodoro-clock :is(span,small){font-size:14px}.time-pomodoro-page progress{appearance:none;display:block;width:100%;height:12px;border:0;border-radius:8px;overflow:hidden;background:#fff}.time-pomodoro-page progress::-webkit-progress-bar{background:#fff;border-radius:8px}.time-pomodoro-page progress::-webkit-progress-value{background:#54a58b;border-radius:8px}.time-pomodoro-page progress::-moz-progress-bar{background:#54a58b;border-radius:8px}.time-pomodoro-presets,.time-pomodoro-tabs{display:flex;flex-wrap:wrap;gap:8px}.time-pomodoro-presets button,.time-pomodoro-tabs button{border:1px solid #e1d8f1;border-radius:8px;background:#f1ecfc;padding:9px 12px;font:inherit;font-size:14px;min-height:42px}.time-pomodoro-tabs button{flex:1;min-width:max-content}.time-pomodoro-tabs button[aria-pressed=true]{background:#ffe4e8;color:#a51e30;border-color:#efcdd3}.time-pomodoro-actions{margin:0}.time-pomodoro-check{display:flex!important;gap:8px;align-items:center;font-size:14px;padding:12px;border:1px solid #dce5ef;border-radius:12px;background:#eef4fc;line-height:2}.time-pomodoro-primary input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.time-pomodoro-shortcuts{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;line-height:2;color:var(--muted)}.time-pomodoro-shortcuts>span{white-space:nowrap}.time-pomodoro-shortcuts kbd{padding:4px 8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;font:inherit;font-size:14px}.time-pomodoro-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.time-pomodoro-options>.time-pomodoro-check:last-child:nth-child(odd){grid-column:1/-1}.time-pomodoro-controls>section>h2{margin-bottom:16px}.time-pomodoro-options+.time-pomodoro-actions{margin-top:16px}.time-pomodoro-sessions{padding:16px;border:1px solid #d2e9df;background:#e9f6f0;border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.time-pomodoro-sessions>span{font-size:14px}.time-pomodoro-sessions>strong{font-size:22px}.time-pomodoro-sessions>div{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.time-pomodoro-sessions i{width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #54a58b}.time-pomodoro-sessions i.is-done{background:#54a58b}.time-pomodoro-controls:fullscreen{overflow:auto;background:#f2f4f7;padding:24px;display:flex;flex-direction:column;justify-content:center}.time-pomodoro-controls:fullscreen>.time-pomodoro-clock{min-height:200px}.time-pomodoro-page button{cursor:pointer}.time-pomodoro-alarm-list{display:grid;gap:12px}.time-pomodoro-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;background:#e9f6f0;border:1px solid #d2e9df;border-radius:12px}.time-pomodoro-card.is-disabled{background:#f8fafc}.time-pomodoro-card>div{display:grid;gap:8px}.time-pomodoro-card time{font-size:22px;font-weight:700}.time-pomodoro-card strong{font-size:16px;overflow-wrap:anywhere}.time-pomodoro-card small{font-size:14px;line-height:2;color:var(--muted)}.time-pomodoro-card button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:14px}.time-pomodoro-ring{width:min(480px,calc(100% - 32px));margin:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:var(--shadow-md)}.time-pomodoro-ring::backdrop{background:#28314299}.time-pomodoro-ring>div{display:grid;justify-items:center;gap:16px;text-align:center}.time-pomodoro-ring-art{width:74px;height:74px;display:grid;place-items:center;border-radius:16px;background:#ffe4e8}.time-pomodoro-ring time{font-size:22px;font-weight:700}.time-pomodoro-ring small{font-size:14px}.time-pomodoro-stop-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.time-pomodoro-stop-display>div{display:grid;gap:8px;place-items:center;text-align:center;padding:16px 8px}.time-pomodoro-stop-display span{font-size:22px;font-weight:700;}.time-pomodoro-stop-display small{font-size:14px}.time-pomodoro-status{font-size:14px;line-height:2;color:var(--muted)}.time-pomodoro-records{display:grid;gap:16px}.time-pomodoro-records>header{display:flex;justify-content:space-between;gap:12px;align-items:center}.time-pomodoro-records>header>span{font-size:14px}.time-pomodoro-records .time-pomodoro-facts,.time-pomodoro-records .time-pomodoro-table-scroll{margin:0}.time-pomodoro-records :is(th,td){white-space:nowrap;}.time-pomodoro-records td:not(:first-child){direction:ltr;text-align:center}.time-pomodoro-ring .time-pomodoro-actions{width:100%}@media(max-width:599px){.time-pomodoro-fields--three{gap:8px}.time-pomodoro-fields--three input{padding-inline:8px}.time-pomodoro-options{grid-template-columns:1fr}.time-pomodoro-stop-display{gap:8px}.time-pomodoro-stop-display>div{padding:12px 4px}.time-pomodoro-card{padding:12px;gap:8px}}