:root{--color-bg:#07070d;--color-surface:#0f0f1a;--color-surface-hover:#1a1a2e;--color-surface-active:#252540;--color-border:#2a2a3d;--color-text:#f0f0f5;--color-text-secondary:#9090a0;--color-text-muted:#606075;--color-accent:#ff3d00;--color-accent-text:#ff6b3d;--color-accent-hover:#ff5722;--color-accent-bg:#ff3d001a;--color-cyan:#00e5ff;--color-green:#0f8;--color-purple:#b400ff;--color-purple-text:#d070ff;--color-error:#f44;--color-error-text:#ff6b6b;--color-warning:#ffb300;--color-yellow:#ffc400;--color-red-wrong:#f35;--color-disabled:#3a3a42;--font-heading:"Bebas Neue", sans-serif;--font-body:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--container-max:1080px;--container-padding:24px;--grid-gap:16px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #ff3d004d;--transition-fast:.1s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-in-out;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--touch-min:44px;--touch-comfortable:48px;--tz-friendly-work:#34d399;--tz-friendly-ok:#fbbf24;--tz-friendly-bad:#f87171;--tz-friendly-work-bg:#34d3991a;--tz-friendly-ok-bg:#fbbf241a;--tz-friendly-bad-bg:#f871711a;--z-base:0;--z-sticky:10;--z-overlay:100;--z-modal:200;--z-toast:300}[data-theme=light]{--color-bg:#f5f5fa;--color-surface:#fff;--color-surface-hover:#ededf2;--color-surface-active:#e0e0e8;--color-border:#d0d0da;--color-text:#1a1a2e;--color-text-secondary:#5a5a70;--color-text-muted:#9090a0;--color-accent:#e03500;--color-accent-text:#d03000;--color-accent-hover:#c02800;--color-accent-bg:#e0350014;--color-cyan:#0097a7;--color-green:#00894a;--color-purple:#8e00cc;--color-purple-text:#7b00b3;--color-error:#d32f2f;--color-error-text:#c62828;--color-warning:#e6a200;--color-yellow:#e6a200;--color-red-wrong:#d32f2f;--color-disabled:#d0d0da;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-glow:0 0 20px #e0350026;--tz-friendly-work:#059669;--tz-friendly-ok:#d97706;--tz-friendly-bad:#dc2626;--tz-friendly-work-bg:#05966914;--tz-friendly-ok-bg:#d9770614;--tz-friendly-bad-bg:#dc262614}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s;--transition-spring:0s}}@media (width>=640px){:root{--grid-gap:20px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}a{color:var(--color-cyan);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:var(--text-base);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:0 0;outline:none}input:focus,textarea:focus{border-color:var(--color-accent)}img{max-width:100%;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.header{z-index:var(--z-sticky);background:var(--color-bg);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.header__logo{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-tight);letter-spacing:2px;flex-shrink:0}.header__logo span{color:var(--color-accent)}.header__actions{align-items:center;gap:var(--space-3);flex:1;justify-content:flex-end;display:flex}.search{width:100%;max-width:480px;position:relative}.search__input{width:100%;height:var(--touch-comfortable);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-fast)}.search__input::placeholder{color:var(--color-text-muted)}.search__input:focus{border-color:var(--color-accent);outline:none}.search__icon{left:var(--space-4);color:var(--color-text-muted);pointer-events:none;font-size:var(--text-lg);position:absolute;top:50%;transform:translateY(-50%)}.search__clear{right:var(--space-3);width:var(--touch-min);height:var(--touch-min);color:var(--color-text-muted);font-size:var(--text-lg);justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.search__clear.visible{display:flex}.categories{gap:var(--space-2);padding:var(--space-4) 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.category-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);white-space:nowrap;font-size:var(--text-sm);color:var(--color-text-secondary);min-height:var(--touch-min);transition:all var(--transition-fast);flex-shrink:0;display:flex}.category-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.category-btn.active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent-text)}.tool-grid{gap:var(--grid-gap);padding:var(--space-4) 0 var(--space-16);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=640px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.tool-grid{grid-template-columns:repeat(4,1fr)}}.tool-card{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.tool-card:hover{background:var(--color-surface-hover);border-color:var(--color-surface-active);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card:active{transform:translateY(0)}.tool-card__icon{background:var(--color-accent-bg);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tool-card__info{min-width:0}.tool-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);line-height:var(--leading-tight)}.tool-card__desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);line-height:var(--leading-normal)}.section-label{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-secondary);letter-spacing:1px;padding:var(--space-4) 0 var(--space-2)}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.empty-state__icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.empty-state__text{font-size:var(--text-lg)}.tool-page{padding-top:var(--space-6);padding-bottom:var(--space-16);min-height:calc(100dvh - 80px)}.tool-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-6);text-align:center}.tool-page__body{max-width:640px;margin:0 auto}.tool-page__back{align-items:center;gap:var(--space-3);color:var(--color-text);transition:opacity var(--transition-fast);text-decoration:none;display:flex}.tool-page__back:hover{opacity:.7}.tool-page__back>span:first-child{font-size:var(--text-xl);color:var(--color-text-secondary)}.tool-page__loading{color:var(--color-text-muted);padding:var(--space-8) 0}.tool-about{max-width:640px;margin:var(--space-8) auto 0}.tool-about__divider{border-top:1px solid var(--color-border);margin-bottom:var(--space-5)}.tool-about__toggle{cursor:pointer}.tool-about__heading{font-size:var(--text-base);color:var(--color-text-secondary);padding:var(--space-2) 0;justify-content:space-between;align-items:center;list-style:none;display:flex}.tool-about__heading:after{content:"▼";font-size:var(--text-xs);color:var(--color-text-muted);transition:transform var(--transition-fast)}.tool-about__toggle[open]>.tool-about__heading:after{transform:rotate(180deg)}.tool-about__heading::-webkit-details-marker{display:none}.tool-about__content{padding:var(--space-4) 0}.tool-about__content h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin-top:var(--space-6);margin-bottom:var(--space-3)}.tool-about__content h2:first-child{margin-top:0}.tool-about__content h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-top:var(--space-5);margin-bottom:var(--space-2)}.tool-about__content p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.tool-about__content ul,.tool-about__content ol{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);padding-left:var(--space-5)}.tool-about__content li{margin-bottom:var(--space-1)}.tool-about__content strong{color:var(--color-text)}.tool-about__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}.tool-about__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.tool-about__faq{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.tool-about__faq summary{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;list-style:none}.tool-about__faq summary::-webkit-details-marker{display:none}.tool-about__faq p{padding:0 var(--space-4) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.tool-about__privacy{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);display:flex}.tool-about__privacy .lucide-icon{width:14px;height:14px;color:var(--color-green)}.tool-related{max-width:640px;margin:var(--space-8) auto 0}.tool-related__heading{align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-text-secondary);letter-spacing:1px;margin-bottom:var(--space-4);display:flex}.tool-related__heading .lucide-icon{width:18px;height:18px;color:var(--color-accent-text)}.tool-related__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.related-card{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.related-card:hover{background:var(--color-surface-hover);border-color:var(--color-surface-active);box-shadow:var(--shadow-sm)}.related-card__icon .lucide-icon{width:24px;height:24px;color:var(--color-accent-text)}.related-card__name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);text-align:center}@media (width>=640px){.tool-related__grid{grid-template-columns:repeat(4,1fr)}}.footer{text-align:center;padding:var(--space-8) 0;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.footer a{color:var(--color-text-secondary)}@media (width<=639px){.header__inner{flex-wrap:wrap}.header__actions{flex:0;order:2}.search{flex:1;order:3;max-width:100%}}.lucide-icon{stroke-width:2px;vertical-align:-.125em;width:1em;height:1em}.tool-card__icon .lucide-icon{width:28px;height:28px;color:var(--color-accent-text)}.category-btn .lucide-icon{width:16px;height:16px}.search__icon .lucide-icon{width:18px;height:18px}.search__clear .lucide-icon{width:16px;height:16px}.tool-page__title .lucide-icon{width:28px;height:28px;color:var(--color-accent-text);vertical-align:-.15em}.tool-page__back .lucide-icon{width:20px;height:20px;color:var(--color-text-secondary)}.theme-toggle{width:var(--touch-min);height:var(--touch-min);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-surface-active)}.theme-toggle .lucide-icon{width:20px;height:20px}.toast-container{bottom:var(--space-6);z-index:var(--z-toast);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--space-3) var(--space-5);background:var(--color-surface-active);color:var(--color-green);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-md);animation:toast-in var(--transition-spring) forwards;pointer-events:auto}.toast.out{animation:toast-out var(--transition-base) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(-4px)scale(.95)}}.copy-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);min-height:var(--touch-min);transition:all var(--transition-fast);display:inline-flex}.copy-btn:hover{background:var(--color-surface-active);color:var(--color-text)}.copy-btn.copied{color:var(--color-green);border-color:var(--color-green)}.tool-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--transition-fast)}.tool-input:focus{border-color:var(--color-accent);outline:none}.tool-input--mono{font-family:var(--font-mono);font-size:var(--text-sm)}.tool-textarea{width:100%;min-height:120px;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);resize:vertical;transition:border-color var(--transition-fast)}.tool-textarea:focus{border-color:var(--color-accent);outline:none}.tool-textarea--mono{font-family:var(--font-mono);font-size:var(--text-sm)}.tool-result{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-cyan);word-break:break-all;white-space:pre-wrap}.tool-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.tool-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.tool-section{margin-bottom:var(--space-5)}.tool-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);min-height:var(--touch-min);transition:background var(--transition-fast);display:inline-flex}.tool-btn:hover{background:var(--color-accent-hover)}.tool-btn--secondary{background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}.tool-btn--secondary:hover{background:var(--color-surface-active)}.b64-tabs{gap:var(--space-1);margin-bottom:var(--space-4);display:flex}.b64-tab{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-fast);background:0 0;flex:1}.b64-tab:hover{background:var(--color-surface-hover)}.b64-tab--encode[aria-selected=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.b64-tab--decode[aria-selected=true]{color:var(--color-cyan);border-color:var(--color-cyan);background:#00e5ff26}.b64-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.b64-card__label{display:block}.b64-card__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.b64-card .tool-textarea{margin-bottom:0}.b64-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);display:block}.b64-output-text--cyan{color:var(--color-cyan)}.b64-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.b64-actions__left{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.b64-select{padding:var(--space-2) var(--space-3);padding-right:var(--space-6);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);min-height:var(--touch-min);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%239090A0' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.b64-action-btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);min-height:var(--touch-min)}.b64-checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;display:flex}.b64-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.b64-message{font-size:var(--text-sm);min-height:0;margin-top:var(--space-2)}.b64-message:empty{display:none}.b64-output-footer{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.b64-copy-btn{white-space:nowrap}.b64-disabled{opacity:.4;pointer-events:none}.b64-privacy{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;padding:var(--space-4) 0;border-top:1px dashed var(--color-border)}.pw-display-wrap{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--touch-comfortable);margin-bottom:var(--space-3)}.pw-display{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);word-break:break-all;line-height:var(--leading-normal)}@media (width>=640px){.pw-display{font-size:var(--text-xl)}}.pw-copy-btn{width:100%;min-height:48px;margin-bottom:var(--space-2);justify-content:center}.pw-copy-advice{font-size:var(--text-xs);color:var(--color-text-muted);min-height:1.5em;margin-bottom:var(--space-2);opacity:0;transition:opacity .3s ease-out}.pw-strength{margin-bottom:var(--space-2)}.pw-strength__bar{gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.pw-strength__bar span{border-radius:var(--radius-full);background:var(--color-surface-active);flex:1;height:6px;transition:background .2s ease-out}@media (prefers-reduced-motion:reduce){.pw-strength__bar span{transition:none}}.pw-strength__label{font-size:var(--text-sm);font-weight:var(--font-semibold)}.pw-crack-time{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.pw-crack-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.pw-warning{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-4)}.pw-warning--yellow{border:1px solid var(--color-warning);color:var(--color-warning);background:#ffb3001a}.pw-warning--red{border:1px solid var(--color-error);color:var(--color-error-text);background:#ff44441a}.pw-length-row{margin-bottom:var(--space-2)}.pw-length-controls{align-items:center;gap:var(--space-3);display:flex}.pw-length-num{width:56px;padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);text-align:center}.pw-length-num:focus{border-color:var(--color-accent);outline:none}.pw-toggles{gap:var(--space-2);flex-wrap:wrap;display:flex}.pw-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);min-height:var(--touch-min);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.pw-chip:hover{background:var(--color-surface-hover);color:var(--color-text)}.pw-chip--active{background:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent-text)}.pw-chip--active:hover{border-color:var(--color-accent-hover)}.pw-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pw-advanced{margin-bottom:var(--space-5)}.pw-advanced summary{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2) 0;list-style:none}.pw-advanced summary:hover{color:var(--color-text)}.pw-advanced summary::-webkit-details-marker{display:none}.pw-advanced__content{padding:var(--space-4) 0;gap:var(--space-3);flex-direction:column;display:flex}.pw-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) 0;display:flex}.pw-toggle__text{flex-direction:column;gap:2px;display:flex}.pw-toggle__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.pw-toggle__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.pw-toggle__input{opacity:0;width:0;height:0;position:absolute}.pw-toggle__track{background:var(--color-surface-active);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.pw-toggle__track:after{content:"";background:var(--color-text-secondary);width:20px;height:20px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px}.pw-toggle__input:checked+.pw-toggle__track{background:var(--color-cyan)}.pw-toggle__input:checked+.pw-toggle__track:after{background:#fff;transform:translate(20px)}.pw-toggle__input:focus-visible+.pw-toggle__track{outline:2px solid var(--color-accent);outline-offset:2px}.pw-router-desc{font-size:var(--text-xs);color:var(--color-text-muted);padding-left:var(--space-2)}.pw-cta{width:100%;height:52px;margin-bottom:var(--space-4)}.pw-privacy{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.bmi-badge{padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-5);display:inline-block}.bmi-input-group{margin-bottom:var(--space-4)}.bmi-error{font-size:var(--text-xs);color:var(--color-error-text);margin-top:var(--space-1);min-height:1.2em}.bmi-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.bmi-result{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-4)}.bmi-placeholder{font-size:var(--text-base);color:var(--color-text-muted);padding:var(--space-6) 0;border:2px dashed var(--color-border);border-radius:var(--radius-md);line-height:var(--leading-relaxed)}.bmi-result-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-2)}.bmi-value{font-family:var(--font-mono);font-size:36px;font-weight:var(--font-bold);line-height:1}@media (width>=640px){.bmi-value{font-size:var(--text-4xl)}}.bmi-unit{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);margin-bottom:var(--space-4)}.bmi-category{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:left;margin-bottom:var(--space-5);border-left:3px solid}.bmi-category__friendly{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.bmi-category__raw{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.bmi-gauge{margin:var(--space-5) 0;padding-bottom:var(--space-6);position:relative}.bmi-gauge__bar{border-radius:var(--radius-full);background:linear-gradient(90deg,#ff3d00 0% 17.86%,#ff9100 17.86% 23.21%,#0f8 23.21% 46.43%,#ffd600 46.43% 53.57%,#ff3d00 53.57%);width:100%;height:12px}.bmi-gauge__dot{border:3px solid var(--color-text);width:18px;height:18px;transition:left var(--transition-slow);background:#fff;border-radius:50%;position:absolute;top:6px;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.bmi-gauge__dot{transition:none}}.bmi-gauge__ticks{margin-top:var(--space-2);position:relative}.bmi-gauge__ticks span{font-size:var(--text-xs);color:var(--color-text-muted);position:absolute;transform:translate(-50%)}.bmi-gauge__clamp{font-weight:var(--font-bold)}@media (width<=359px){.bmi-gauge__ticks span:first-child{display:none}}.bmi-normal-range{padding:var(--space-3) var(--space-4);border:2px dashed var(--color-border);border-radius:var(--radius-md);text-align:left;margin-bottom:var(--space-3)}.bmi-normal-range__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.bmi-normal-range__value{font-size:var(--text-base);color:var(--color-text)}.bmi-normal-range__value strong{font-weight:var(--font-bold)}.bmi-normal-range__source{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.bmi-comment{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) 0;text-align:left}.bmi-actions{margin-bottom:var(--space-3)}.bmi-copy{width:100%;min-height:var(--touch-comfortable);margin-bottom:var(--space-2);justify-content:center}.bmi-share{gap:var(--space-2);display:flex}.bmi-share__btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);min-height:var(--touch-min);transition:var(--transition-fast);flex:1;text-decoration:none;display:inline-flex}.bmi-share__btn--wa{color:#fff;background:#25d366}.bmi-share__btn--wa:hover{background:#1ebe57}.bmi-share__btn--x{background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}.bmi-share__btn--x:hover{background:var(--color-surface-active)}.bmi-round-note{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-5);font-style:italic}.bmi-disclaimer{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.wc-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.wc-stat{text-align:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}.wc-stat__value{font-size:var(--text-xl);font-weight:var(--font-bold);transition:var(--transition-fast)}.wc-stat__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;margin-top:2px}@media (width>=640px){.wc-grid{gap:var(--space-2)}.wc-stat{padding:var(--space-2) var(--space-4)}.wc-stat__value{font-size:var(--text-2xl)}.wc-stat__label{font-size:var(--text-xs)}}#cookie-consent{z-index:9999;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-4);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.cookie-consent__inner{gap:var(--space-3);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.cookie-consent__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.cookie-consent__text a{color:var(--color-accent);text-decoration:underline}.cookie-consent__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.cookie-consent__btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:1px solid var(--color-border);min-height:var(--touch-min);transition:var(--transition-fast)}.cookie-consent__btn--reject{color:var(--color-text-secondary);background:0 0}.cookie-consent__btn--reject:hover{background:var(--color-surface-hover)}.cookie-consent__btn--accept{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:var(--font-semibold)}.cookie-consent__btn--accept:hover{opacity:.9}@media (width>=640px){.cookie-consent__inner{flex-direction:row;align-items:center}.cookie-consent__text{flex:1}.cookie-consent__actions{flex-shrink:0}}.jf-layout{gap:var(--space-4);flex-direction:column;display:flex}.jf-controls-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.jf-mode{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px;display:inline-flex}.jf-mode__btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);min-height:var(--touch-min);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none}.jf-mode__btn:hover{color:var(--color-text)}.jf-mode__btn--active{background:var(--color-accent);color:#fff;font-weight:var(--font-semibold)}.jf-mode__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.jf-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.jf-actions__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);min-height:var(--touch-min);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.jf-actions__btn:hover{background:var(--color-surface-active);color:var(--color-text)}.jf-actions__btn:disabled{opacity:.4;cursor:not-allowed}.jf-actions__btn.copied{color:var(--color-green);border-color:var(--color-green)}.jf-actions__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.jf-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2);display:inline-flex}.jf-badge--valid{color:var(--color-green);background:#00ff881a;border:1px solid #0f83}.jf-badge--invalid{color:var(--color-error-text);background:#ff44441a;border:1px solid #f443}.jf-badge--info{color:var(--color-cyan);background:#00e5ff1a;border:1px solid #00e5ff33}.jf-badge--error{color:var(--color-error-text);background:#ff44441a;border:1px solid #f443}.jf-size{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;margin-bottom:var(--space-2)}.jf-size__arrow{color:var(--color-text-muted);margin:0 var(--space-1)}.jf-size__diff{font-weight:var(--font-medium)}.jf-size__diff--smaller{color:var(--color-green)}.jf-size__diff--larger{color:var(--color-warning)}.jf-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-2)}.jf-error__location{font-weight:var(--font-semibold);color:var(--color-error-text);margin-bottom:var(--space-1)}.jf-error__hint{color:var(--color-text-secondary);font-size:var(--text-xs);align-items:flex-start;gap:var(--space-1);display:flex}.jf-warning{padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning);line-height:var(--leading-normal);margin-bottom:var(--space-2);background:#ffb3001a}.jf-output{padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;word-break:break-all;max-height:400px;line-height:var(--leading-normal);margin:0;overflow-y:auto}.jf-indent{gap:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px;display:inline-flex}.jf-indent__btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;min-height:28px}.jf-indent__btn--active{background:var(--color-surface-active);color:var(--color-text);font-weight:var(--font-medium)}.jf-indent__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.jf-manual{width:100%;padding:var(--space-3) var(--space-5);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);min-height:var(--touch-min);cursor:pointer;transition:background var(--transition-fast);margin-bottom:var(--space-2);border:none;justify-content:center;align-items:center;display:flex}.jf-manual:hover{background:var(--color-accent-hover)}.jf-sample{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:inline-flex}.jf-sample:hover{color:var(--color-accent-text)}.jf-drag-over{border-color:var(--color-accent)!important;background:var(--color-accent-bg)!important}@media (width>=640px){.jf-output{max-height:600px}}.pct-tabs{gap:var(--space-1);margin-bottom:var(--space-4);display:flex}.pct-tab{padding:var(--space-2) var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-fast);text-align:center;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;flex:1}.pct-tab:hover{color:var(--color-text)}.pct-tab--active{color:var(--color-accent-text);border-bottom-color:var(--color-accent)}.pct-tab__short{display:none}@media (width<=459px){.pct-tab__full{display:none}.pct-tab__short{display:inline}}.pct-question{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);min-height:1.5em;font-style:italic}.pct-inputs{gap:var(--space-4);margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.pct-inputs--vertical{grid-template-columns:1fr}@media (width<=400px){.pct-inputs{grid-template-columns:1fr}}.pct-field__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);display:block}.pct-field__wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;display:flex}.pct-field__wrapper:focus-within{border-color:var(--color-accent)}.pct-field__input{width:100%;height:var(--touch-comfortable);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.pct-field__input::placeholder{color:var(--color-text-muted)}.pct-field__prefix,.pct-field__suffix{padding:0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.pct-field__wrapper:has(input[aria-invalid=true]){border-color:var(--color-error)}.pct-field__msg{font-size:var(--text-sm);min-height:1.4em;margin-top:var(--space-1)}.pct-msg--error{color:var(--color-error-text)}.pct-msg--warning{color:var(--color-warning)}.pct-msg--success{color:var(--color-green)}.pct-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);min-height:1em}.pct-divider{border-top:1px dashed var(--color-border);margin:var(--space-2) 0 var(--space-3)}.pct-formula{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);min-height:1.2em}.pct-result-area{margin-bottom:var(--space-4)}.pct-empty{padding:var(--space-8) var(--space-4);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.pct-empty__icon{margin-bottom:var(--space-3);opacity:.4;font-size:2rem}.pct-empty p{color:var(--color-text-muted);font-size:var(--text-sm)}.pct-result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:center}.pct-result__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.pct-result__value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text)}@media (width>=640px){.pct-result__value{font-size:var(--text-4xl)}}.pct-direction--up{color:var(--color-green)}.pct-direction--down{color:var(--color-accent-text)}.pct-direction--neutral{color:var(--color-text-secondary)}.pct-discount-detail,.pct-change-detail{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.pct-discount-result{gap:var(--space-1);flex-direction:column;display:flex}.pct-celebration{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);display:inline-block}.pct-celebration--hemat{color:var(--color-green);background:#00ff881a;border:1px solid #0f83}.pct-celebration--gratis{color:var(--color-green);font-size:var(--text-base);background:#00ff8826;border:1px solid #00ff884d}.pct-actions{gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.pct-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-body);min-height:var(--touch-min);cursor:pointer;transition:all var(--transition-fast);color:var(--color-accent-text);border:1px solid var(--color-accent);background:0 0;flex:1;display:inline-flex}.pct-btn:hover:not(:disabled){background:var(--color-accent-bg)}.pct-btn:disabled{opacity:.35;cursor:not-allowed}.pct-disabled-hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-3)}.pct-btn-reset{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;margin-bottom:var(--space-6);transition:color var(--transition-fast);background:0 0;border:none;display:flex}.pct-btn-reset:hover{color:var(--color-text)}.ipk-container{gap:var(--space-6);flex-direction:column;display:flex}.ipk-intro{text-align:center;padding:var(--space-4) 0}.ipk-intro__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text);letter-spacing:.05em}.ipk-intro__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.ipk-section__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.ipk-preset-select{width:100%;height:var(--touch-comfortable);font-size:var(--text-base);cursor:pointer}#ipk-rows{gap:var(--space-3);flex-direction:column;display:flex}.ipk-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.ipk-row__name{font-size:var(--text-base)}.ipk-row__controls{align-items:center;gap:var(--space-3);display:flex}.ipk-row__sks-group{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ipk-row__sks-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium)}.ipk-row__sks-btn{width:var(--touch-min);height:var(--touch-min);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-lg);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex}.ipk-row__sks-btn:hover:not(:disabled){background:var(--color-surface-active)}.ipk-row__sks-btn:disabled{opacity:.3;cursor:not-allowed}.ipk-row__sks-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center;min-width:1.5em}.ipk-row__nilai-group{flex:1;min-width:0}.ipk-row__nilai{width:100%;height:var(--touch-min);padding:0 var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);cursor:pointer}.ipk-row__nilai:focus{border-color:var(--color-accent);outline:none}.ipk-row__delete{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ipk-row__delete:hover:not(:disabled){color:var(--color-error-text);border-color:var(--color-error);background:#ff444414}.ipk-row__delete:disabled{cursor:not-allowed}@media (width>=640px){.ipk-row{flex-direction:row;align-items:center}.ipk-row__name{flex:1;min-width:0}.ipk-row__controls{flex-shrink:0}}.ipk-add-row{width:100%;height:var(--touch-comfortable);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-3);background:0 0;justify-content:center;align-items:center;display:flex}.ipk-add-row:hover{border-color:var(--color-accent);background:var(--color-accent-bg)}.ipk-divider{border:none;border-top:1px solid var(--color-border);margin:0}.ipk-result{text-align:center;padding:var(--space-6) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ipk-placeholder{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-6) 0}.ipk-result__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.1em;margin-bottom:var(--space-2)}.ipk-result__value{font-family:var(--font-mono);font-size:36px;font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-tight)}@media (width>=640px){.ipk-result__value{font-size:40px}}.ipk-result__scale{font-size:var(--text-lg);font-weight:var(--font-regular);color:var(--color-text-muted)}.ipk-result__total{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-3)}.ipk-result__divider{border-top:1px solid var(--color-border);margin:var(--space-4) auto;width:60%}.ipk-result__kumulatif-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.ipk-result__estimasi{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.ipk-result__predikat-divider{border-top:1px solid var(--color-border);margin:var(--space-4) auto;width:40%}.ipk-result__predikat-info{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.ipk-result__predikat{font-size:var(--text-lg);font-weight:var(--font-semibold)}.ipk-result__disclaimer{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic}.ipk-collapsible{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.ipk-collapsible__header{width:100%;padding:var(--space-4);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast);text-align:left;border:none;justify-content:space-between;align-items:center;display:flex}.ipk-collapsible__header:hover{background:var(--color-surface-hover)}.ipk-collapsible__arrow{font-size:var(--text-xs);color:var(--color-text-muted);transition:transform var(--transition-base)}.ipk-collapsible__header[aria-expanded=true] .ipk-collapsible__arrow{transform:rotate(90deg)}.ipk-collapsible__content{padding:0 var(--space-4) var(--space-4);background:var(--color-surface)}.ipk-kumulatif{gap:var(--space-3);display:flex}.ipk-kumulatif__field{flex:1}.ipk-target{gap:var(--space-3);flex-direction:column;display:flex}.ipk-target__field{flex:1}@media (width>=640px){.ipk-target{flex-flow:wrap}.ipk-target__field{flex:45%}#ipk-target-result{flex:100%}}.ipk-target__locked{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-4)}.ipk-target__result{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-2)}.ipk-target__result--ok{background:var(--color-surface-hover);border-left:3px solid var(--color-accent)}.ipk-target__result--unachievable{border-left:3px solid var(--color-error);color:var(--color-error-text);background:#ff444414}.ipk-target__result--achieved{border-left:3px solid var(--color-green);color:var(--color-green);background:#00ff8814}.ipk-actions{gap:var(--space-3);display:flex}.ipk-copy{height:var(--touch-comfortable);flex:1;justify-content:center}.ipk-reset{height:var(--touch-comfortable);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex}.ipk-reset:hover{background:var(--color-surface-active);color:var(--color-text)}.ipk-warning-banner{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-warning);background:#ffb30014;display:flex}.ipk-warning-banner__close{color:var(--color-warning);font-size:var(--text-lg);cursor:pointer;padding:0 var(--space-1);background:0 0;border:none;margin-left:auto}.ipk-confirm-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ipk-confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);max-width:360px;width:calc(100% - var(--space-8));box-shadow:0 8px 32px #0006}.ipk-confirm-dialog__msg{font-size:var(--text-base);color:var(--color-text);margin:0 0 var(--space-6);line-height:1.5}.ipk-confirm-dialog__actions{gap:var(--space-3);justify-content:flex-end;display:flex}.ipk-confirm-dialog__btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-fast)}.ipk-confirm-dialog__btn--cancel{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary)}.ipk-confirm-dialog__btn--cancel:hover{background:var(--color-surface-active);color:var(--color-text)}.ipk-confirm-dialog__btn--confirm{background:var(--color-error);border:1px solid var(--color-error);color:#fff}.ipk-confirm-dialog__btn--confirm:hover{opacity:.9}.ipk-confirm-dialog__btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.ipk-custom-grades{gap:var(--space-2);flex-direction:column;display:flex}.ipk-custom-grades__header{gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);padding:0 0 var(--space-1);grid-template-columns:1fr 1fr 40px;display:grid}.ipk-custom-grades__row{gap:var(--space-2);grid-template-columns:1fr 1fr 40px;align-items:start;display:grid}.ipk-custom-grades__label,.ipk-custom-grades__bobot{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.ipk-custom-grades__delete{width:40px;height:var(--touch-min);cursor:pointer;font-size:var(--text-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ipk-custom-grades__delete:disabled{cursor:not-allowed;opacity:.6}.ipk-custom-grades__add{margin-top:var(--space-2)}.ipk-custom-grades__save{width:100%;height:var(--touch-comfortable);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;margin-top:var(--space-3);transition:background var(--transition-fast);border:none}.ipk-custom-grades__save:hover{background:var(--color-accent-hover)}.ipk-error{font-size:var(--text-xs);color:var(--color-error-text);margin-top:var(--space-1)}.share-bar{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;margin-top:var(--space-6);border-top:1px solid var(--color-border);flex-wrap:wrap;max-width:640px;margin-left:auto;margin-right:auto;display:flex}.share-bar__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap}.share-bar__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.share-bar__btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;min-height:36px;transition:background var(--transition-fast), border-color var(--transition-fast);text-decoration:none;display:inline-flex}.share-bar__btn:hover{background:var(--color-surface-hover)}.share-bar__btn--wa{color:#fff;background:#25d366;border-color:#25d366}.share-bar__btn--wa:hover{background:#1ebe57;border-color:#1ebe57}.share-bar__btn--x{background:var(--color-surface-hover)}.share-bar__btn--x:hover{background:var(--color-surface-active)}.share-bar__btn--fb{color:#fff;background:#1877f2;border-color:#1877f2}.share-bar__btn--fb:hover{background:#1565c0;border-color:#1565c0}.share-bar__btn--copy,.share-bar__btn--more{font-family:inherit}.share-bar__btn .lucide-icon{flex-shrink:0;width:16px;height:16px}@media (width<=639px){.share-bar{align-items:flex-start;gap:var(--space-2);flex-direction:column}.share-bar__buttons{width:100%}.share-bar__btn{flex:1;justify-content:center;min-width:0}}.tz-layout{max-width:600px;margin:0 auto}.tz-tabs{gap:var(--space-1);margin-bottom:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-1);display:flex}.tz-tabs__tab{border-radius:var(--radius-md);height:44px;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1}.tz-tabs__tab:hover{background:var(--color-surface-hover)}.tz-tabs__tab--active{background:var(--color-accent);color:#fff}.tz-tabs__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tz-select-wrap{margin-bottom:var(--space-3);position:relative}.tz-select{width:100%;height:var(--touch-comfortable);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);appearance:none;cursor:pointer;transition:border-color var(--transition-fast)}.tz-select:hover{border-color:var(--color-surface-hover)}.tz-select:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.tz-select-picker{right:var(--space-2);width:36px;height:36px;color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;display:none;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=1024px){.tz-select-picker{display:block}}.tz-time-row{gap:var(--space-3);margin-bottom:var(--space-3);align-items:center;display:flex}.tz-time-input{align-items:center;gap:var(--space-1);display:flex}.tz-time-input__field{width:64px;height:var(--touch-comfortable);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);line-height:1;font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--font-bold);padding:0}.tz-time-input__field:focus{border-bottom:2px solid var(--color-accent);outline:none}.tz-time-input__sep{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--color-text-secondary)}.tz-date-input{height:var(--touch-comfortable);flex:1}.tz-action-row{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.tz-swap-btn{width:var(--touch-comfortable);height:var(--touch-comfortable);min-width:var(--touch-comfortable);font-size:var(--text-xl);transition:transform var(--transition-base);padding:0}.tz-swap-btn--spin{transform:rotate(180deg)}.tz-result{background:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.tz-result:empty{display:none}.tz-result__time{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1}.tz-result__abbr{color:var(--color-text-secondary);font-size:var(--text-lg);margin-top:var(--space-1)}.tz-result__date{color:var(--color-text-secondary);font-size:var(--text-base);margin-top:var(--space-1)}.tz-result__badges{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.tz-result__meeting{margin-top:var(--space-3)}.tz-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);padding:4px 8px;display:inline-flex}.tz-badge--day{color:var(--color-warning);background:#ffb30026}.tz-badge--night{color:var(--color-purple-text);background:#b400ff26}.tz-badge--dst{color:var(--color-text-muted)}.tz-badge--nonexistent{color:var(--color-warning);background:#ffb30026}.tz-badge--ambiguous{color:var(--color-cyan);background:#00e5ff1a}.tz-badge--all-ok{color:var(--color-green);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:#00ff881a}.tz-meeting-condition{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.tz-meeting-condition--work{background:var(--tz-friendly-work-bg);color:var(--tz-friendly-work)}.tz-meeting-condition--ok{background:var(--tz-friendly-ok-bg);color:var(--tz-friendly-ok)}.tz-meeting-condition--bad{background:var(--tz-friendly-bad-bg);color:var(--tz-friendly-bad)}.tz-meeting-condition__dot{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.tz-meeting-condition__dot--work{background:var(--tz-friendly-work)}.tz-meeting-condition__dot--ok{background:var(--tz-friendly-ok)}.tz-meeting-condition__dot--bad{background:var(--tz-friendly-bad)}.tz-buttons{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.tz-quick{margin-top:var(--space-4)}.tz-quick__label{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.tz-quick__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tz-quick__chip{min-width:80px;height:36px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;transition:background var(--transition-fast);flex-direction:column;align-items:center;display:flex}.tz-quick__chip:hover{background:var(--color-surface-hover)}.tz-quick__city{font-family:var(--font-body);color:var(--color-text);font-size:11px;line-height:1}.tz-quick__time{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:11px;line-height:1}.tz-slider-wrap{margin-bottom:var(--space-4);text-align:center}.tz-slider{appearance:none;background:var(--color-border);border-radius:var(--radius-full);outline:none;width:100%;height:4px}.tz-slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-full);background:var(--color-accent);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-md)}.tz-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-accent);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-md);border:none}.tz-slider__time{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-top:var(--space-2)}.tz-compare-rows{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.tz-compare-row{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3)}.tz-compare-row--base{border-left:3px solid var(--color-accent)}.tz-compare-row__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.tz-compare-row__pin{font-size:var(--text-xs);color:var(--color-accent);white-space:nowrap}.tz-compare-row__set-base{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none;width:24px;height:24px;padding:0}.tz-compare-row__set-base:hover{color:var(--color-accent)}.tz-compare-row__city{font-weight:var(--font-medium);color:var(--color-text);flex:1}.tz-compare-row__offset{color:var(--color-text-muted);font-size:var(--text-xs)}.tz-compare-row__delete{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-lg);background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;margin:-12px -12px -12px 0;padding:0;display:flex}.tz-compare-row__delete:hover{color:var(--color-error-text)}.tz-compare-row__body{align-items:center;gap:var(--space-2);display:flex}.tz-compare-row__time{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.tz-compare-row__dot{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.tz-compare-row__dot--work{background:var(--tz-friendly-work)}.tz-compare-row__dot--ok{background:var(--tz-friendly-ok)}.tz-compare-row__dot--bad{background:var(--tz-friendly-bad)}.tz-compare-row__label{font-size:var(--text-xs);color:var(--color-text-secondary)}.tz-compare-row__night{font-size:var(--text-sm)}.tz-add-zone{width:100%;margin-bottom:var(--space-4)}.tz-friendly-legend{gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.tz-friendly-legend__item{align-items:center;gap:var(--space-1);display:flex}.tz-friendly-legend__dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.tz-friendly-legend__dot--work{background:var(--tz-friendly-work)}.tz-friendly-legend__dot--ok{background:var(--tz-friendly-ok)}.tz-friendly-legend__dot--bad{background:var(--tz-friendly-bad)}.tz-compare-status{margin-bottom:var(--space-3);text-align:center}.tz-zone-picker{z-index:var(--z-modal);background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.tz-zone-picker__header{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.tz-zone-picker__back{color:var(--color-text);font-size:var(--text-xl);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tz-zone-picker__title{font-weight:var(--font-medium);color:var(--color-text)}.tz-zone-picker__search{margin:var(--space-3) var(--space-4);position:sticky;top:0}.tz-zone-picker__list{padding:0 var(--space-4) var(--space-4);flex:1;overflow-y:auto}.tz-zone-picker__group{padding:var(--space-2) 0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium)}.tz-zone-picker__item{width:100%;height:var(--touch-comfortable);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.tz-zone-picker__item:hover{background:var(--color-surface-hover)}.tz-zone-picker__item--selected{background:var(--color-accent-bg);color:var(--color-accent-text)}.tz-zone-picker__meta{color:var(--color-text-muted);font-size:var(--text-sm)}@media (width<=640px){.tz-time-input__field{font-size:var(--text-4xl);width:72px}.tz-time-input__sep,.tz-result__time{font-size:var(--text-4xl)}}@media (width>=1025px){.tz-layout{max-width:900px}.tz-convert{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.tz-convert__output{top:var(--space-4);position:sticky}.tz-zone-picker{border-radius:var(--radius-lg);width:480px;max-height:80vh;box-shadow:var(--shadow-lg);position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.url-seg{gap:var(--space-1);margin-bottom:var(--space-3);display:flex}.url-seg__btn{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;min-height:var(--touch-min);transition:all var(--transition-fast);background:0 0;flex:1}.url-seg__btn:hover{background:var(--color-surface-hover)}.url-seg__btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.url-seg__btn--encode[aria-selected=true]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.url-seg__btn--decode[aria-selected=true]{color:var(--color-cyan);border-color:var(--color-cyan);background:#00e5ff26}.url-seg__btn--mode[aria-selected=true]{background:var(--color-surface-active);color:var(--color-text);border-color:var(--color-border)}.url-mode-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.url-input-section{margin-bottom:var(--space-3)}.url-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.url-input-wrap{position:relative}.url-input-wrap .tool-textarea{padding-right:var(--space-10,40px);overflow-wrap:break-word;margin-bottom:0}.url-clear-btn{top:var(--space-2);right:var(--space-2);background:var(--color-surface-hover);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.url-clear-btn:hover{background:var(--color-surface-active);color:var(--color-text)}.url-checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);cursor:pointer;display:flex}.url-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-cyan);cursor:pointer}.url-swap{margin-bottom:var(--space-3);justify-content:center;display:flex}.url-output-section{margin-bottom:var(--space-3)}.url-output-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.url-output-text{color:var(--color-cyan);resize:none}.url-copy-btn{white-space:nowrap;flex-shrink:0}.url-error{font-size:var(--text-sm);color:var(--color-error-text);background:var(--color-accent-bg);border-left:3px solid var(--color-accent);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-top:var(--space-2)}.url-error__action{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.url-warning{font-size:var(--text-sm);color:var(--color-warning);margin-top:var(--space-2);min-height:0}.url-warning:empty{display:none}.url-info{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.url-info:empty{display:none}.url-info--fn{font-family:var(--font-mono)}.url-privacy{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);padding:var(--space-3) 0}.url-btn-disabled{opacity:.4;pointer-events:none}.qr-hero{text-align:center;margin-bottom:var(--space-6)}.qr-hero__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:.02em}.qr-hero__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.qr-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);display:flex;position:relative}.qr-tab{padding:var(--space-3) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-align:center;cursor:pointer;min-height:var(--touch-min);transition:color var(--transition-fast);background:0 0;border:none;flex:1}.qr-tab:hover{color:var(--color-text)}.qr-tab--active{color:var(--color-accent-text)}.qr-tabs__indicator{background:var(--color-accent);height:2px;transition:left .15s ease-out,width .15s ease-out;position:absolute;bottom:-1px}.qr-trust{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.qr-trust__item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.qr-trust__item .lucide-icon{width:14px;height:14px;color:var(--color-green)}.qr-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);display:block}.qr-panel{margin-bottom:var(--space-4)}.qr-input-wrap{position:relative}.qr-input-wrap .tool-input{padding-right:var(--space-10)}.qr-input-clear{right:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);background:0 0;border:none;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.qr-input-clear:hover{color:var(--color-text)}.qr-input-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.qr-wa-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;margin-top:var(--space-3);transition:all var(--transition-fast);display:inline-flex}.qr-wa-toggle:hover{border-color:var(--color-text-muted)}.qr-wa-toggle--active{color:#fff;background:#25d366;border-color:#25d366}.qr-wa-toggle--active:hover{background:#20bd5a;border-color:#20bd5a}.qr-phone-wrap{align-items:center;gap:0;display:flex}.qr-phone-prefix{padding:var(--space-3) var(--space-3);background:var(--color-surface-active);border:1px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);min-height:var(--touch-min);border-right:none;align-items:center;display:flex}.qr-phone-input{flex:1;border-radius:0 var(--radius-md) var(--radius-md) 0!important}.qr-wa-preview{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);font-family:var(--font-mono);word-break:break-all}.qr-pw-toggle{right:var(--space-2);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.qr-pw-toggle:hover{color:var(--color-text)}.qr-pw-toggle .lucide-icon{width:18px;height:18px}.qr-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239090A0' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.qr-preview{border-radius:var(--radius-md);padding:var(--space-6);margin:var(--space-4) 0;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.qr-preview canvas{max-width:100%;height:auto}.qr-preview--empty{background:var(--color-surface);border:2px dashed var(--color-border)}.qr-preview__empty{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.qr-preview__icon .lucide-icon{width:48px;height:48px;color:var(--color-text-muted)}.qr-preview__text{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.qr-warning{font-size:var(--text-sm);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);margin:0;padding:0;display:flex}.qr-warning:empty{display:none}.qr-warning--yellow{padding:var(--space-3) var(--space-4);color:var(--color-warning);margin-bottom:var(--space-4);background:#ffb3001a;border:1px solid #ffb3004d}.qr-warning--red{padding:var(--space-3) var(--space-4);color:var(--color-error-text);margin-bottom:var(--space-4);background:#ff44441a;border:1px solid #ff44444d}.qr-warning .lucide-icon{flex-shrink:0;width:16px;height:16px}.qr-download{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.qr-btn-download{width:100%}.qr-btn-download:disabled{opacity:.4;pointer-events:none}.qr-advanced summary{padding:var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;list-style:none;display:flex}.qr-advanced summary::-webkit-details-marker{display:none}.qr-advanced summary:after{content:"▼";font-size:var(--text-xs);color:var(--color-text-muted);transition:transform var(--transition-fast)}.qr-advanced[open] summary:after{transform:rotate(180deg)}.qr-advanced__body{padding:var(--space-4) 0;gap:var(--space-5);flex-direction:column;display:flex}.qr-segments{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;display:flex;overflow:hidden}.qr-segment{padding:var(--space-2) var(--space-3);background:var(--color-bg);border:none;border-right:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-align:center;min-height:var(--touch-min);transition:all var(--transition-fast);flex:1}.qr-segment:last-child{border-right:none}.qr-segment:hover{background:var(--color-surface-hover)}.qr-segment--active{background:var(--color-accent);color:#fff}.qr-segment--active:hover{background:var(--color-accent-hover)}.qr-color-row{gap:var(--space-2);flex-direction:column;display:flex}.qr-color-row label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.qr-color-pair{align-items:center;gap:var(--space-3);display:flex}.qr-color-pair input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;width:40px;height:40px;padding:2px}.qr-hex-input{text-transform:uppercase;width:100px!important;font-family:var(--font-mono)!important;font-size:var(--text-sm)!important}.qr-checkbox-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.qr-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent)}.qr-setting-group{gap:var(--space-2);flex-direction:column;display:flex}.qr-disclaimer{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.qr-disclaimer__title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.qr-disclaimer__text{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.qr-privacy{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);display:flex}.qr-privacy .lucide-icon{width:14px;height:14px}.pomo{text-align:center;max-width:480px;margin:0 auto}.pomo__ring-wrap{margin-bottom:var(--space-5);justify-content:center;display:flex}.pomo__ring-container{width:200px;height:200px;position:relative}.pomo-ring{width:100%;height:100%}.pomo__time-display{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pomo[data-state=running] .pomo__ring-container,.pomo[data-state=paused] .pomo__ring-container{cursor:pointer}.pomo__time{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1}.pomo__session-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;margin-top:var(--space-1);transition:color var(--transition-base)}.pomo__ring--pulse .pomo-ring__progress{animation:1s ease-in-out infinite pomo-pulse}.pomo__stats{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.pomo__indicators{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.pomo__indicator{opacity:.4;font-size:1.25rem;line-height:1}.pomo__indicator--done{opacity:1;animation:.4s ease-out pomo-drop}.pomo__session-info{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-6)}.pomo__complete-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);text-align:left;border-left:4px solid #ff6b35;animation:.3s ease-out pomo-drop}.pomo__complete-icon{margin-bottom:var(--space-1);font-size:1.5rem}.pomo__complete-title{font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.pomo__complete-detail{font-size:var(--text-sm);color:var(--color-text-secondary)}.pomo__health-tip{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;animation:.3s ease-out pomo-drop}.pomo__tip-icon{margin-right:var(--space-2)}.pomo__actions{margin-bottom:var(--space-5)}.pomo__actions-row{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.pomo__reset-row{text-align:center}.pomo__btn{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;padding:0 var(--space-5);min-height:var(--touch-comfortable);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none}.pomo__btn:active{transform:scale(.97)}.pomo__btn--primary{color:#fff;background:#ff6b35;min-width:140px}.pomo__btn--secondary{color:#ff6b35;background:0 0;border:1px solid #ff6b3566;min-width:110px}.pomo__btn--tertiary{color:var(--color-text-muted);opacity:.6;font-size:var(--text-sm);min-height:36px;padding:0 var(--space-3);background:0 0;border:none}.pomo__btn--tertiary:hover{opacity:.9}.pomo__ambient{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.pomo__ambient-chips{gap:var(--space-2);margin-bottom:var(--space-3);justify-content:center;display:flex}.pomo__chip{font-family:var(--font-body);font-size:13px;font-weight:var(--font-medium);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);cursor:pointer;min-width:72px;min-height:40px;transition:border-color var(--transition-fast), background var(--transition-fast)}.pomo__chip:hover{border-color:var(--color-text-muted)}.pomo__chip--active{color:var(--color-text);background:#ff6b351a;border-width:2px;border-color:#ff6b35}.pomo__volume-row{align-items:center;gap:var(--space-3);display:flex}.pomo__volume-icon{font-size:var(--text-sm);flex-shrink:0}.pomo__volume{appearance:none;background:var(--color-border);border-radius:2px;outline:none;flex:1;height:4px}.pomo__volume::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ff6b35;border-radius:50%;width:16px;height:16px}.pomo__volume::-moz-range-thumb{cursor:pointer;background:#ff6b35;border:none;border-radius:50%;width:16px;height:16px}.pomo__settings{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-bottom:var(--space-4)}.pomo__settings-toggle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2) 0;list-style:none}.pomo__settings-toggle::-webkit-details-marker{display:none}.pomo__settings-body{margin-top:var(--space-4)}.pomo__setting-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.pomo__setting-row:last-child{border-bottom:none}.pomo__stepper{align-items:center;gap:var(--space-2);display:flex}.pomo__stepper-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-hover);width:36px;height:36px;color:var(--color-text);font-size:var(--text-lg);cursor:pointer;justify-content:center;align-items:center;display:flex}.pomo__stepper-btn:hover{background:var(--color-surface-active)}.pomo__stepper-val{font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--color-text);text-align:center;min-width:28px}.pomo__stepper-unit{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase}.pomo__settings-body--disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.pomo__stepper-btn:disabled{opacity:.3;cursor:not-allowed}.pomo__toggle{border-radius:var(--radius-full);background:var(--color-surface-active);cursor:pointer;width:48px;height:26px;transition:background var(--transition-fast);border:none;flex-shrink:0;position:relative}.pomo__toggle--on{background:#ff6b35}.pomo__toggle-knob{width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.pomo__toggle--on .pomo__toggle-knob{transform:translate(22px)}.pomo__toast-container{bottom:var(--space-4);z-index:var(--z-toast);width:calc(100% - var(--space-8));gap:var(--space-2);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.pomo__toast{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-lg);pointer-events:auto;animation:.3s ease-out pomo-slide-up}.pomo__toast-body{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);margin-bottom:var(--space-3)}.pomo__toast-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.pomo__toast-actions .pomo__btn{font-size:var(--text-sm);min-height:38px;padding:0 var(--space-4)}.pomo__notif-prompt{z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pomo__notif-prompt[hidden]{display:none}.pomo__notif-overlay{background:#0009;position:absolute;inset:0}.pomo__notif-dialog{z-index:1;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;width:90%;max-width:320px;position:relative}.pomo__notif-icon{margin-bottom:var(--space-4);font-size:2.5rem}.pomo__notif-title{font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.pomo__notif-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:var(--leading-normal)}.pomo__notif-accept{width:100%;margin-bottom:var(--space-3)}.pomo__notif-dismiss{width:100%}.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}@keyframes pomo-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pomo-drop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pomo-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pomo__indicator--done,.pomo__complete-card,.pomo__health-tip,.pomo__toast,.pomo__ring--pulse .pomo-ring__progress{animation:none!important}}.pomo--fullscreen{z-index:var(--z-modal);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;max-width:none;display:flex;position:fixed;inset:0;overflow:hidden}.pomo--fullscreen .pomo__main{margin-bottom:var(--space-6)}.pomo--fullscreen .pomo__ring-container{cursor:pointer;width:280px;height:280px}.pomo--fullscreen .pomo__time{font-size:3.5rem}.pomo--fullscreen .pomo__stats,.pomo--fullscreen .pomo__indicators,.pomo--fullscreen .pomo__session-info,.pomo--fullscreen .pomo__complete-card,.pomo--fullscreen .pomo__health-tip,.pomo--fullscreen .pomo__ambient,.pomo--fullscreen .pomo__settings,.pomo--fullscreen .pomo__reset-row{display:none!important}.pomo__fullscreen-exit[hidden]{display:none}.pomo__fullscreen-exit{top:var(--space-4);right:var(--space-4);z-index:calc(var(--z-modal) + 1);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text-secondary);font-size:var(--text-lg);cursor:pointer;transition:opacity var(--transition-fast);opacity:.6;justify-content:center;align-items:center;display:flex;position:fixed}.pomo__fullscreen-exit:hover{opacity:1}@media (width>=640px){.pomo--fullscreen .pomo__ring-container{width:360px;height:360px}.pomo--fullscreen .pomo__time{font-size:4.5rem}.pomo__ring-container{width:240px;height:240px}.pomo__time{font-size:3rem}}