:root{--pwk-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", system-ui, sans-serif;--pwk-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--pwk-title-large-size: 34px;--pwk-title-large-weight: 600;--pwk-title-large-lh: 1.18;--pwk-title-large-spacing: -.022em;--pwk-title-size: 17px;--pwk-body-size: 17px;--pwk-footnote-size: 13px;--pwk-tint: #0A84FF;--pwk-theme-color: var(--pwk-tint);--pwk-bg: #F2F2F7;--pwk-bg-color: var(--pwk-bg);--pwk-bg-elevated: #FFFFFF;--pwk-label: #000000;--pwk-text: var(--pwk-label);--pwk-label-secondary: rgba(60, 60, 67, .6);--pwk-text-secondary: var(--pwk-label-secondary);--pwk-separator: rgba(60, 60, 67, .29);--pwk-border: var(--pwk-separator);--pwk-surface: var(--pwk-bg-elevated);--pwk-surface-elevated: var(--pwk-bg-elevated);--pwk-material-bar: rgba(249, 249, 249, .72);--pwk-material-sheet: rgba(255, 255, 255, .78);--pwk-blur-bar: saturate(180%) blur(22px);--pwk-blur-sheet: saturate(180%) blur(28px);--pwk-shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .06);--pwk-shadow-sheet: 0 -8px 40px rgba(0, 0, 0, .16);--pwk-shadow-toast: 0 2px 8px rgba(0, 0, 0, .08), 0 8px 32px rgba(0, 0, 0, .12);--pwk-shadow: var(--pwk-shadow-card);--pwk-shadow-lg: var(--pwk-shadow-sheet);--pwk-radius-card: 16px;--pwk-radius-sheet: 24px;--pwk-radius-control: 12px;--pwk-radius-capsule: 999px;--pwk-radius-sm: var(--pwk-radius-control);--pwk-radius-md: var(--pwk-radius-control);--pwk-radius-lg: var(--pwk-radius-sheet);--pwk-spring: linear(0, .0087, .0341 2.62%, .1389 5.52%, .5605 12.07%, .7102, .8266 17.42%, .9163, .9786 22.66%, 1.0204, 1.047 28.06%, 1.0631 31.21%, 1.0676 34.79%, 1.0608 39.07%, 1.0061 56.45%, .9931 64.39%, .9921 68.84%, 1.0003 99.96%);--pwk-spring-fallback: cubic-bezier(.34, 1.3, .64, 1);--pwk-ease-out: cubic-bezier(.22, 1, .36, 1);--pwk-transition: .25s var(--pwk-ease-out);--pwk-tabbar-height: 49px;--pwk-header-height: 44px;--pwk-safe-top: env(safe-area-inset-top, 0px);--pwk-safe-bottom: env(safe-area-inset-bottom, 0px);--pwk-safe-left: env(safe-area-inset-left, 0px);--pwk-safe-right: env(safe-area-inset-right, 0px);--pwk-color-success: #30D158;--pwk-color-warning: #FF9F0A;--pwk-color-error: #FF3B30;--pwk-color-info: var(--pwk-tint);--pwk-z-tabbar: 9000;--pwk-z-header: 8990;--pwk-z-sheet: 9500;--pwk-z-toast: 9600;--pwk-z-offline: 8980}@media(prefers-color-scheme:dark){:root:not(.pwk-light){--pwk-tint: #0A84FF;--pwk-bg: #000000;--pwk-bg-elevated: #1C1C1E;--pwk-label: #FFFFFF;--pwk-label-secondary: rgba(235, 235, 245, .6);--pwk-separator: rgba(84, 84, 88, .65);--pwk-material-bar: rgba(22, 22, 24, .68);--pwk-material-sheet: rgba(28, 28, 30, .82);--pwk-shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .32);--pwk-shadow-sheet: 0 -8px 40px rgba(0, 0, 0, .48);--pwk-shadow-toast: 0 2px 8px rgba(0, 0, 0, .24), 0 8px 32px rgba(0, 0, 0, .36)}}.pwk-dark{--pwk-bg: #000000;--pwk-bg-elevated: #1C1C1E;--pwk-label: #FFFFFF;--pwk-label-secondary: rgba(235, 235, 245, .6);--pwk-separator: rgba(84, 84, 88, .65);--pwk-material-bar: rgba(22, 22, 24, .68);--pwk-material-sheet: rgba(28, 28, 30, .82)}.pwk-light{--pwk-bg: #F2F2F7;--pwk-bg-elevated: #FFFFFF;--pwk-label: #000000;--pwk-label-secondary: rgba(60, 60, 67, .6);--pwk-separator: rgba(60, 60, 67, .29);--pwk-material-bar: rgba(249, 249, 249, .72);--pwk-material-sheet: rgba(255, 255, 255, .78)}@supports not (backdrop-filter: blur(1px)){:root{--pwk-material-bar: var(--pwk-bg-elevated);--pwk-material-sheet: var(--pwk-bg-elevated)}}@media(prefers-reduced-transparency:reduce){:root{--pwk-material-bar: var(--pwk-bg-elevated);--pwk-material-sheet: var(--pwk-bg-elevated);--pwk-blur-bar: none;--pwk-blur-sheet: none}}@media(prefers-reduced-motion:reduce){:root{--pwk-spring: ease;--pwk-spring-fallback: ease;--pwk-transition: .15s ease}}#pwk-root{all:initial;font-family:var(--pwk-font);-webkit-font-smoothing:antialiased;position:fixed;inset:0;pointer-events:none;z-index:8000}#pwk-root *{box-sizing:border-box}#pwk-root>*{pointer-events:auto}html.pwk-standalone .pwk-hide-standalone{display:none!important}.pwk-large-title{font-family:var(--pwk-font-display);font-size:var(--pwk-title-large-size);font-weight:var(--pwk-title-large-weight);line-height:var(--pwk-title-large-lh);letter-spacing:var(--pwk-title-large-spacing);color:var(--pwk-label);margin:0 0 8px;padding:8px 16px 12px}.pwk-standalone body{overscroll-behavior:none}.pwk-standalone.pwk-has-tabbar body{padding-bottom:calc(var(--pwk-tabbar-height) + var(--pwk-safe-bottom) + 16px)}.pwk-standalone.pwk-has-header:not(.pwk-large-title-mode) body{padding-top:calc(var(--pwk-header-height) + var(--pwk-safe-top))}.pwk-standalone.pwk-has-header.pwk-large-title-mode body{padding-top:var(--pwk-safe-top)}html.pwk-sheet-open body{overflow:hidden}html.pwk-sheet-open #pwk-root~*{transition:filter .48s var(--pwk-ease-out)}@supports (backdrop-filter: blur(1px)){html.pwk-sheet-open .pwk-sheet-backdrop-target{filter:brightness(.92)}}.pwk-fade-out{opacity:0;transition:opacity .15s ease}.pwk-fade-in{animation:pwk-fade-in .15s ease}@keyframes pwk-fade-in{0%{opacity:0}to{opacity:1}}.pwk-navigating{opacity:.95;transition:opacity .15s ease}@supports (view-transition-name: none){::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}}@media(prefers-reduced-motion:reduce){.pwk-fade-in,.pwk-navigating{animation:none;transition:opacity .15s ease}}.pwk-demo-card{background:var(--pwk-bg-elevated);border-radius:var(--pwk-radius-card);box-shadow:var(--pwk-shadow-card);padding:16px;margin-bottom:12px}.pwk-demo-card__heading{font:600 var(--pwk-footnote-size)/1.35 var(--pwk-font);letter-spacing:.06em;text-transform:uppercase;color:var(--pwk-label-secondary);margin:0 0 12px}.pwk-demo-btn{display:inline-block;padding:10px 18px;margin:4px;background:var(--pwk-tint);color:#fff;border:none;border-radius:var(--pwk-radius-capsule);font:600 var(--pwk-body-size)/1.2 var(--pwk-font);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .12s var(--pwk-ease-out),filter .12s ease}.pwk-demo-btn:active{transform:scale(.96);filter:brightness(.9)}.pwk-demo-btn--ghost{background:var(--pwk-label-secondary)}.pwk-demo-btn:focus-visible,.pwk-demo-nav a:focus-visible{outline:2px solid var(--pwk-tint);outline-offset:2px}.pwk-demo-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.pwk-demo-nav a{padding:8px 14px;background:var(--pwk-bg-elevated);border-radius:var(--pwk-radius-capsule);text-decoration:none;color:var(--pwk-tint);font:400 15px/1.2 var(--pwk-font);box-shadow:var(--pwk-shadow-card)}.pwk-demo-page{font:var(--pwk-body-size)/1.45 var(--pwk-font);color:var(--pwk-label);background:var(--pwk-bg);margin:0;padding:0 0 100px}.pwk-demo-page main{max-width:600px;margin:0 auto}.pwk-demo-list{list-style:none;padding:0;margin:0}.pwk-demo-list li{padding:14px 16px;background:var(--pwk-bg-elevated);margin-bottom:8px;border-radius:var(--pwk-radius-control);box-shadow:var(--pwk-shadow-card)}@media(prefers-reduced-motion:reduce){.pwk-demo-btn:active{transform:none}}.pwk-tabbar{position:fixed;left:12px;right:12px;bottom:calc(8px + var(--pwk-safe-bottom));height:var(--pwk-tabbar-height);display:flex;align-items:stretch;background:var(--pwk-material-bar);backdrop-filter:var(--pwk-blur-bar);-webkit-backdrop-filter:var(--pwk-blur-bar);border-radius:var(--pwk-radius-card);box-shadow:var(--pwk-shadow-card);z-index:var(--pwk-z-tabbar);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;overflow:hidden}.pwk-tabbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--pwk-separator);transform:scaleY(.5);transform-origin:top;pointer-events:none}.pwk-tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--pwk-label-secondary);font:500 10px/1.2 var(--pwk-font);position:relative;min-height:var(--pwk-tabbar-height);transition:color .2s var(--pwk-ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pwk-tabbar__item:focus-visible{outline:2px solid var(--pwk-tint);outline-offset:-2px;border-radius:8px}.pwk-tabbar__item.pwk-active{color:var(--pwk-tint)}.pwk-tabbar__item.pwk-active .pwk-tabbar__icon svg{stroke-width:2}.pwk-tabbar__icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:color .2s var(--pwk-ease-out)}.pwk-tabbar__icon svg{width:24px;height:24px;stroke-width:1.8}.pwk-tabbar__icon--tap{animation:pwk-tab-tap .35s var(--pwk-spring, var(--pwk-spring-fallback))}@keyframes pwk-tab-tap{0%{transform:scale(1)}35%{transform:scale(.85)}to{transform:scale(1)}}.pwk-tabbar__badge{position:absolute;top:4px;right:calc(50% - 22px);min-width:17px;height:17px;padding:0 5px;border-radius:var(--pwk-radius-capsule);background:var(--pwk-color-error);color:#fff;font:600 10px/17px var(--pwk-font);text-align:center;transform:scale(0);transition:transform .35s var(--pwk-spring, var(--pwk-spring-fallback))}.pwk-tabbar__badge--visible{transform:scale(1)}.pwk-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;min-height:calc(var(--pwk-header-height) + var(--pwk-safe-top));padding-top:var(--pwk-safe-top);padding-left:calc(4px + var(--pwk-safe-left));padding-right:calc(4px + var(--pwk-safe-right));background:transparent;z-index:var(--pwk-z-header);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;transition:background .28s var(--pwk-ease-out),box-shadow .28s var(--pwk-ease-out)}.pwk-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--pwk-separator);transform:scaleY(.5);opacity:0;transition:opacity .28s var(--pwk-ease-out)}.pwk-header--scrolled,.pwk-header:not(.pwk-header--large-title){background:var(--pwk-material-bar);backdrop-filter:var(--pwk-blur-bar);-webkit-backdrop-filter:var(--pwk-blur-bar)}.pwk-header--scrolled:after,.pwk-header:not(.pwk-header--large-title):after{opacity:1}.pwk-header__back{display:flex;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:0 8px 0 4px;background:none;border:none;color:var(--pwk-tint);cursor:pointer;font:400 17px/1 var(--pwk-font);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0}.pwk-header__back:focus-visible{outline:2px solid var(--pwk-tint);outline-offset:2px;border-radius:8px}.pwk-header__back svg{width:20px;height:20px;flex-shrink:0}.pwk-header__back-label{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwk-header__title{flex:1;margin:0;font:600 var(--pwk-title-size)/1.3 var(--pwk-font-display);color:var(--pwk-label);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px);transition:opacity .28s var(--pwk-ease-out),transform .28s var(--pwk-spring, var(--pwk-spring-fallback));pointer-events:none}.pwk-header__title--visible{opacity:1;transform:translateY(0);pointer-events:auto}.pwk-header__title--hidden{opacity:0;transform:translateY(8px)}.pwk-header--large-title:not(.pwk-header--scrolled) .pwk-header__title{opacity:0;transform:translateY(8px)}.pwk-header__actions{width:44px;flex-shrink:0}.pwk-toast-container{position:fixed;top:calc(var(--pwk-header-height) + var(--pwk-safe-top) + 8px);left:50%;transform:translate(-50%);z-index:var(--pwk-z-toast);display:flex;flex-direction:column;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.pwk-toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--pwk-radius-capsule);background:var(--pwk-material-bar);backdrop-filter:var(--pwk-blur-bar);-webkit-backdrop-filter:var(--pwk-blur-bar);color:var(--pwk-label);font:400 15px/1.35 var(--pwk-font);box-shadow:var(--pwk-shadow-toast);opacity:0;transform:translateY(-16px) scale(.95);transition:opacity .35s var(--pwk-spring, var(--pwk-spring-fallback)),transform .35s var(--pwk-spring, var(--pwk-spring-fallback));pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.pwk-toast--visible{opacity:1;transform:translateY(0) scale(1)}.pwk-toast--dismiss{opacity:0;transform:translateY(-24px) scale(.92)}.pwk-toast__icon{width:20px;height:20px;flex-shrink:0;display:flex}.pwk-toast__icon svg{width:20px;height:20px}.pwk-toast--info .pwk-toast__icon{color:var(--pwk-color-info)}.pwk-toast--success .pwk-toast__icon{color:var(--pwk-color-success)}.pwk-toast--warning .pwk-toast__icon{color:var(--pwk-color-warning)}.pwk-toast--error .pwk-toast__icon{color:var(--pwk-color-error)}.pwk-toast:focus-visible{outline:2px solid var(--pwk-tint);outline-offset:2px}.pwk-sheet-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:var(--pwk-z-sheet);display:flex;align-items:flex-end;opacity:0;transition:opacity .48s var(--pwk-spring, var(--pwk-spring-fallback));-webkit-tap-highlight-color:transparent}@supports not (backdrop-filter: blur(1px)){.pwk-sheet-overlay{backdrop-filter:none}}.pwk-sheet-overlay--open{opacity:1}.pwk-sheet{width:100%;max-height:88vh;background:var(--pwk-material-sheet);backdrop-filter:var(--pwk-blur-sheet);-webkit-backdrop-filter:var(--pwk-blur-sheet);border-radius:var(--pwk-radius-sheet) var(--pwk-radius-sheet) 0 0;padding-bottom:var(--pwk-safe-bottom);transform:translateY(100%);transition:transform .48s var(--pwk-spring, var(--pwk-spring-fallback));font-family:var(--pwk-font);color:var(--pwk-label);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--pwk-shadow-sheet)}.pwk-sheet--dragging{transition:none}.pwk-sheet-overlay--open .pwk-sheet:not(.pwk-sheet--dragging){transform:translateY(0)}.pwk-sheet__grabber{width:36px;height:5px;background:var(--pwk-separator);border-radius:var(--pwk-radius-capsule);margin:8px auto 4px;flex-shrink:0}.pwk-sheet__header{padding:8px 20px 12px;font:600 var(--pwk-title-size)/1.3 var(--pwk-font-display);text-align:center;flex-shrink:0}.pwk-sheet__body{padding:0 20px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.pwk-btn{display:block;width:100%;padding:14px;border:none;border-radius:var(--pwk-radius-capsule);font:600 var(--pwk-body-size)/1.2 var(--pwk-font);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin-top:8px;transition:transform .12s var(--pwk-ease-out),filter .12s ease}.pwk-btn:focus-visible{outline:2px solid var(--pwk-tint);outline-offset:2px}.pwk-btn:active{transform:scale(.96);filter:brightness(.9)}.pwk-btn--primary{background:var(--pwk-tint);color:#fff}.pwk-btn--ghost{background:transparent;color:var(--pwk-label-secondary)}.pwk-install-prompt__text{margin:0 0 16px;font:400 15px/1.45 var(--pwk-font);color:var(--pwk-label-secondary)}.pwk-install-ios__step{margin:12px 0;font:400 15px/1.5 var(--pwk-font)}.pwk-install-ios__icon{display:inline-block;font-size:20px;vertical-align:middle}.pwk-pull-refresh{position:fixed;top:calc(var(--pwk-safe-top) + 8px);left:50%;transform:translate(-50%) translateY(calc(-100% + var(--pwk-pull-offset, 0px)));z-index:var(--pwk-z-header);pointer-events:none}.pwk-pull-refresh__spinner{width:28px;height:28px;border:2.5px solid var(--pwk-separator);border-top-color:var(--pwk-tint);border-radius:50%}.pwk-pull-refresh--loading .pwk-pull-refresh__spinner{animation:pwk-spin .8s linear infinite}@keyframes pwk-spin{to{transform:rotate(360deg)}}.pwk-offline-banner{position:fixed;top:0;left:0;right:0;padding:6px 16px;padding-top:calc(6px + var(--pwk-safe-top));background:var(--pwk-color-warning);color:#fff;font:500 var(--pwk-footnote-size)/1.35 var(--pwk-font);text-align:center;z-index:var(--pwk-z-offline)}.pwk-offline-page{display:flex;align-items:center;justify-content:center;min-height:60vh;font-family:var(--pwk-font);color:var(--pwk-label)}.pwk-offline-page__content{text-align:center;padding:32px}.pwk-offline-page h2{margin:0 0 8px;font:600 22px/1.3 var(--pwk-font-display)}.pwk-offline-page p{color:var(--pwk-label-secondary);margin:0 0 24px}@media(prefers-reduced-motion:reduce){.pwk-tabbar__icon--tap,.pwk-tabbar__badge--visible,.pwk-toast,.pwk-sheet,.pwk-header__title,.pwk-btn:active{animation:none;transition:opacity .15s ease;transform:none}.pwk-tabbar__badge--visible{transform:scale(1)}}