:root{--background:#f7f3f6;--foreground:#251d23;--card:#fff;--primary:#7a3f70;--primary-hover:#67335f;--primary-foreground:#fff;--bonus-pause:#b65248;--bonus-pause-hover:#9f463e;--border:#d5c8d1;--muted:#eee7ec;--muted-foreground:#665b63;--surface-inverse:#3d2e3a;--destructive:#a62e2e;--ring:#7a3f70;--radius:8px;--font-ui:"Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Bodoni Moda", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;color:var(--foreground)}body{min-width:320px;min-height:100vh;font-family:var(--font-ui);letter-spacing:0;background:var(--background);color:var(--foreground);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}button,a{font:inherit}button:focus-visible,a:focus-visible,main:focus-visible,dialog:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.app-frame{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.skip-link{z-index:100;border-radius:var(--radius);background:var(--card);color:var(--foreground);padding:10px 14px;font-weight:800;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-header{background:var(--surface-inverse);grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:8px 16px;display:grid}.brand-link{grid-column:2;justify-content:center;align-items:center;min-height:52px;display:inline-flex}.brand-link img{object-fit:contain;width:auto;height:44px}.header-actions{grid-column:3;justify-self:end;gap:4px;display:flex}.icon-button{border-radius:var(--radius);color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;display:inline-flex}.icon-button:hover{background:#ffffff1a}.icon-button:disabled{cursor:wait;opacity:.65}.main-shell{width:min(100%,760px);min-width:0;margin:0 auto;padding:24px 16px 40px}.main-shell:focus{outline:none}.pause-panel,.completed-panel,.privacy-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);min-width:0;padding:28px 20px 24px;position:relative;overflow:hidden;box-shadow:0 3px 10px #32202e12}.pause-panel__accent{background:var(--bonus-pause);width:6px;position:absolute;inset:0 auto 0 0}.eyebrow{color:var(--bonus-pause);text-transform:uppercase;margin:0 0 10px;font-size:.875rem;font-weight:800;line-height:1.35}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:0;font-size:clamp(2rem,7vw,2.75rem);font-weight:800;line-height:1.12}.introduction{color:var(--muted-foreground);margin:18px 0 24px;font-size:1.0625rem;line-height:1.55}.reminder-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.reminder-item{border-bottom:1px solid var(--border);grid-template-columns:42px minmax(0,1fr);gap:12px;padding:20px 0;display:grid}.reminder-item__number{background:var(--bonus-pause);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:inline-flex}.reminder-item h2{margin:0 0 6px;font-size:1.125rem;font-weight:800;line-height:1.28}.reminder-item p{color:var(--muted-foreground);margin:0;font-size:1rem;line-height:1.5}.button{border-radius:var(--radius);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-width:44px;min-height:52px;padding:14px 20px;font-weight:800;line-height:1.25;transition:background-color .15s,color .15s,transform .1s;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{cursor:wait;background:var(--muted);color:var(--muted-foreground)}.button--primary{background:var(--bonus-pause);color:#fff;width:100%;min-height:56px;margin-top:24px}.button--primary:hover:not(:disabled){background:var(--bonus-pause-hover)}.button--secondary{border-color:var(--primary);color:var(--primary);background:#fff}.button--ghost{background:var(--muted);color:var(--foreground)}.button--danger,.button--danger-outline{border-color:var(--destructive)}.button--danger{background:var(--destructive);color:#fff}.button--danger-outline{color:var(--destructive);background:#fff}.storage-notice{border-left:4px solid var(--bonus-pause);background:var(--muted);color:var(--foreground);margin:0 0 16px;padding:12px 14px;font-size:.9375rem}.completed-panel{text-align:center;padding-top:40px}.completed-panel__icon{background:var(--bonus-pause);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:inline-flex}.privacy-actions{gap:12px;margin:24px 0;display:grid}.privacy-actions .button{width:100%}.text-link{min-height:44px;color:var(--primary);align-items:center;font-weight:800;display:inline-flex}.loading-copy{text-align:center;color:var(--muted-foreground);margin:40px 0}.app-footer{color:var(--muted-foreground);text-align:center;padding:20px 16px;font-size:.875rem;font-weight:700}.confirm-dialog{border:1px solid var(--border);border-radius:var(--radius);width:min(100% - 32px,460px);color:var(--foreground);background:#fff;padding:0;box-shadow:0 24px 56px #32202e26}.confirm-dialog::backdrop{background:#251d239e}.confirm-dialog__body{padding:24px}.confirm-dialog h2{margin:0 0 10px;font-size:1.375rem;line-height:1.25}.confirm-dialog p{color:var(--muted-foreground);margin:0}.confirm-dialog__actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:700px){.main-shell{padding:48px 24px 64px}.pause-panel,.completed-panel,.privacy-panel{padding:40px 44px 36px}.reminder-item{grid-template-columns:48px minmax(0,1fr);gap:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
