.hksi-focus-art{display:block;width:100%;max-width:440px;margin:auto}
.hksi-focus-note{font-size:14px;color:#496577}.hksi-pomodoro{font-family:inherit;color:#17394b;padding:20px;border:1px solid #dce6ea;border-radius:14px;background:#f7fafb;max-width:560px}.hksi-pomodoro label{display:block;font-size:14px;font-weight:600}.hksi-pomodoro input{width:100%;box-sizing:border-box;border:1px solid #bccdd5!important;border-radius:7px!important;background:#fff!important;color:#17394b!important;padding:10px!important;margin:6px 0 10px!important;font-size:14px!important}.hksi-focus-modes,.hksi-focus-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.hksi-pomodoro button{border:1px solid #bccdd5;border-radius:7px;background:#fff;color:#014c6b;padding:10px 14px;min-height:44px;font-size:14px;line-height:1.2;box-shadow:none}.hksi-pomodoro button[aria-pressed=true],.hksi-pomodoro [data-focus-toggle]{background:#014c6b;color:#fff;border-color:#014c6b}.hksi-focus-clock{position:relative;width:180px;height:180px;margin:18px auto}.hksi-focus-clock svg{width:100%;height:100%}.hksi-focus-clock output{position:absolute;inset:0;display:grid;place-items:center;font-variant-numeric:tabular-nums;font-size:36px;font-weight:700}.hksi-focus-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.hksi-pomodoro p{text-align:center;font-size:13px;margin:12px 0}.hksi-pomodoro [data-focus-status]:empty{display:none}.hksi-study-focus{padding:16px;border:1px solid #dce6ea;border-radius:12px;margin:20px 0;background:#fff}.hksi-study-focus summary{cursor:pointer;font-weight:700;color:#014c6b}.hksi-study-focus[open] summary{margin-bottom:16px}.hksi-share-panel{margin:24px 0;padding:24px;border:1px solid #dce6ea;border-radius:14px;background:#f7fafb;font-family:inherit;color:#17394b}.hksi-share-panel h3{color:#014c6b;font-size:24px;margin:0 0 10px}.hksi-share-panel p{font-size:14px;line-height:1.6;margin:10px 0}.hksi-share-benefit{border-left:3px solid #c4b85b;padding-left:12px}.hksi-share-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.hksi-share-panel button{display:flex;justify-content:center;align-items:center;gap:7px;min-height:46px;border:1px solid #bccdd5;border-radius:8px;background:#fff;color:#014c6b;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.3;box-shadow:none}.hksi-share-panel button:hover{background:#eaf1f4}.hksi-share-panel button:focus-visible,.hksi-pomodoro button:focus-visible{outline:3px solid #bc9f46;outline-offset:3px}.hksi-share-panel button[data-done=true]{border-color:#24835e;background:#eef8f1}.hksi-share-panel progress{display:block;width:100%;height:10px;accent-color:#014c6b;margin:10px 0}.hksi-share-panel textarea,.hksi-share-panel input{box-sizing:border-box;width:100%;padding:12px!important;border:1px solid #bccdd5!important;border-radius:7px!important;font:inherit;font-size:14px!important;color:#17394b;background:#fff;resize:vertical}.hksi-share-panel label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px}.hksi-share-icon{display:inline-grid;place-items:center;min-width:22px;font-size:16px;font-weight:700}.hksi-share-status:empty{display:none}.hksi-share-complete{font-weight:600;color:#24835e}@media(max-width:600px){.hksi-share-panel{padding:18px}.hksi-share-links{grid-template-columns:repeat(2,minmax(0,1fr))}.hksi-share-panel h3{font-size:21px}.hksi-focus-settings{grid-template-columns:1fr}.hksi-pomodoro{padding:16px}}@media(prefers-reduced-motion:reduce){.hksi-focus-float,.hksi-focus-ring{animation:none}}
.bonus-grid [data-pomodoro-bonus]{display:block;min-width:0}.bonus-grid [data-pomodoro-bonus]>figure{margin:0 0 16px;width:100%;min-width:0}.bonus-grid [data-pomodoro-bonus] .hksi-pomodoro{max-width:100%;box-sizing:border-box}.bonus-grid .bonus-card{min-width:0}.bonus-grid [data-pomodoro-bonus] svg{max-width:100%}
.bonus-grid [data-pomodoro-bonus] .hksi-focus-art{width:100%;height:auto;max-height:210px}
.hksi-focus-art{height:auto}
.hksi-focus-art .hksi-focus-float{animation:hksi-focus-float 6s ease-in-out infinite}
.hksi-focus-art .hksi-focus-ring{animation:hksi-focus-progress 8s ease-in-out infinite}
.hksi-focus-shadow{animation:hksi-focus-shadow 6s ease-in-out infinite;transform-origin:260px 304px}
.hksi-focus-session{animation:hksi-focus-session 8s ease-in-out infinite}
.hksi-focus-check{stroke-dasharray:1;animation:hksi-focus-check 8s ease-in-out infinite}
@keyframes hksi-focus-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes hksi-focus-progress{0%,100%{stroke-dasharray:60 100}55%,80%{stroke-dasharray:88 100}}
@keyframes hksi-focus-shadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.94);opacity:.65}}
@keyframes hksi-focus-session{0%,100%{opacity:.35}55%,80%{opacity:1}}
@keyframes hksi-focus-check{0%,12%,100%{stroke-dashoffset:1}30%,85%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.hksi-focus-art *{animation:none!important}.hksi-focus-check{stroke-dashoffset:0}}