.ios-btn{height:var(--control-height);padding:0 var(--spacing-xl);border-radius:var(--radius-pill);font-family:var(--font-family);font-size:.95rem;font-weight:var(--weight-semibold);letter-spacing:-.012em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--spacing-xs);border:1px solid #0000;outline:none;transition:transform .25s cubic-bezier(.25,1,.5,1),background-color .25s,opacity .25s,box-shadow .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.ios-btn:hover:not(:disabled){transform:translateY(-2px)scale(1.02)}.ios-btn:active:not(:disabled){transform:translateY(0)scale(.96)}.ios-btn:disabled{opacity:.45;cursor:not-allowed}.ios-btn-full{width:100%}.ios-btn-primary{background:linear-gradient(135deg, var(--color-accent) 0%, #0a84ff 100%);color:#fff;border:1px solid #ffffff26;box-shadow:0 4px 12px #007aff33,inset 0 1.5px 1.5px #ffffff4d}.ios-btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #007aff66,inset 0 1.5px 1.5px #ffffff4d}.ios-btn-secondary{background-color:var(--color-surface-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-glass);color:var(--color-text-primary);box-shadow:var(--shadow-glass-inner)}.ios-btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-button-hover);border-color:var(--color-border-highlight);box-shadow:0 6px 16px #0000000a, var(--shadow-glass-inner)}.ios-btn-danger{color:#fff;background:linear-gradient(135deg,#ff3b30 0%,#ff453a 100%);border:1px solid #ffffff26;box-shadow:0 4px 12px #ff3b3033,inset 0 1.5px 1.5px #ffffff4d}.ios-btn-danger:hover:not(:disabled){box-shadow:0 8px 24px #ff3b3066,inset 0 1.5px 1.5px #ffffff4d}.ios-btn-success{color:#fff;background:linear-gradient(135deg,#34c759 0%,#28cd41 100%);border:1px solid #ffffff26;box-shadow:0 4px 12px #34c75933,inset 0 1.5px 1.5px #ffffff4d}.ios-btn-success:hover:not(:disabled){box-shadow:0 8px 24px #34c75966,inset 0 1.5px 1.5px #ffffff4d}.ios-btn-ghost{color:var(--color-accent);background-color:#0000;border:1px solid #0000}.ios-btn-ghost:hover:not(:disabled){background-color:var(--color-accent-bg);border-color:#007aff1a}.ios-btn-icon{align-items:center;font-size:1.15rem;display:flex}.ios-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-card-border);box-shadow:var(--shadow-md);gap:var(--spacing-md);z-index:2;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;flex-direction:column;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s,background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.ios-card-glass{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(30px);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-glass-outer), var(--shadow-glass-inner)}.ios-card-glass:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-border-highlight), transparent 60%, transparent 80%, var(--color-border-glass));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ios-card-interactive{cursor:pointer}.ios-card-interactive:hover{box-shadow:0 16px 40px #0000001f, var(--shadow-glass-inner);border-color:var(--color-border-highlight);transform:translateY(-4px)scale(1.01)}.ios-card-interactive:active{transform:translateY(-1px)scale(.99)}.ios-card-header{overflow-wrap:break-word;word-break:break-word;flex-direction:column;gap:4px;display:flex}.ios-card-title{font-size:1.2rem;font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.022em;overflow-wrap:break-word;margin:0}.ios-card-subtitle{color:var(--color-text-secondary);overflow-wrap:break-word;margin:0;font-size:.88rem}.ios-card-body{overflow-wrap:break-word;word-break:break-word;flex-direction:column;flex:1;display:flex}.ios-card-footer{border-top:1px solid var(--color-border-glass);padding-top:var(--spacing-md);margin-top:auto}.ios-input-group{gap:var(--spacing-2xs);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;display:flex}.ios-input-label{font-size:.88rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);padding-left:var(--spacing-sm)}.ios-input-req{color:#ff3b30}.ios-input{height:var(--control-height);box-sizing:border-box;border-radius:var(--radius-sm);background-color:var(--color-input-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-glass);width:100%;max-width:100%;padding:0 var(--spacing-md);font-family:var(--font-family);color:var(--color-text-primary);box-shadow:var(--shadow-glass-inner);outline:none;font-size:.95rem;transition:all .25s cubic-bezier(.25,1,.5,1)}.ios-input:focus{background-color:var(--color-input-focus-bg);border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-bg), var(--shadow-glass-inner);transform:translateY(-1px)}.ios-input::placeholder{color:var(--color-text-secondary);opacity:.6}.ios-input-error{border-color:#ff3b30!important}.ios-input-error:focus{box-shadow:0 0 0 4px #ff3b3026, var(--shadow-glass-inner)!important}.ios-input-error-msg{color:#ff3b30;padding-left:var(--spacing-sm);margin-top:2px;font-size:.8rem}.ios-modal-overlay{-webkit-backdrop-filter:blur(30px);z-index:1000;padding:var(--spacing-lg);background-color:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ios-modal-container{border-radius:var(--radius-lg);width:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 32px 80px #00000040}.ios-modal-default-footer{justify-content:flex-end;display:flex}.ios-modal-close-btn{font-family:var(--font-family);font-size:.95rem;font-weight:var(--weight-semibold);color:var(--color-accent);cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-pill);background:0 0;border:none;transition:background-color .25s,transform .2s}.ios-modal-close-btn:hover{background-color:var(--color-accent-bg);transform:translateY(-1px)}.ios-modal-close-btn:active{transform:scale(.96)}[data-theme=dark] .login-confirm-modal .ios-card-glass,[data-theme=light] .login-confirm-modal .ios-card-glass{background:var(--color-surface)!important;-webkit-backdrop-filter:none!important}.ios-toast-container{z-index:9999;gap:var(--spacing-xs);pointer-events:none;flex-direction:column;width:100%;max-width:400px;display:flex;position:fixed;top:32px;left:50%;transform:translate(-50%)}.ios-toast-item{pointer-events:auto;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-pill);background-color:var(--color-toast-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--color-border-glass);box-shadow:0 12px 36px #0000001a, var(--shadow-glass-inner);font-family:var(--font-family);font-size:.9rem;font-weight:var(--weight-medium);color:var(--color-text-primary);display:flex;position:relative;overflow:hidden}.ios-toast-item:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-border-highlight), transparent 50%, var(--color-border-glass));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ios-toast-icon{justify-content:center;align-items:center;display:flex}.ios-toast-message{flex:1;line-height:1.3}.ios-toast-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background-color .25s,color .25s,transform .2s;display:flex}.ios-toast-close:hover{background-color:var(--color-secondary-button-bg);color:var(--color-text-primary);transform:scale(1.08)}.ios-toast-close:active{transform:scale(.92)}.ios-sidebar{width:260px;height:100vh;padding:var(--spacing-md);box-sizing:border-box;background-color:var(--color-surface);border-right:1px solid var(--border);z-index:90;border-radius:0;flex-direction:column;margin:0;transition:width .3s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1),padding .3s,background-color .4s;display:flex;position:sticky;top:0;left:0;overflow:hidden}.ios-sidebar-collapsed{width:72px;padding:var(--spacing-md) var(--spacing-xs)}.ios-sidebar-item-collapsed{padding:var(--spacing-sm) 0;justify-content:center;gap:0}.ios-sidebar-section{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.ios-sidebar-section::-webkit-scrollbar{width:4px}.ios-sidebar-section::-webkit-scrollbar-thumb{background:var(--color-border-glass);border-radius:2px}.ios-sidebar-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-size:.7rem;font-weight:var(--weight-bold);opacity:.85;white-space:nowrap;text-overflow:ellipsis;padding:12px 14px 4px;overflow:hidden}.ios-sidebar-divider{border:0;border-top:1px solid var(--border);opacity:.6;margin:8px 12px}.ios-sidebar-nav{gap:var(--spacing-2xs);flex-direction:column;display:flex}.ios-sidebar-item{border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.92rem;font-weight:var(--weight-medium);align-items:center;gap:var(--spacing-sm);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;padding:10px 14px;text-decoration:none;transition:all .25s cubic-bezier(.25,1,.5,1);display:flex;overflow:hidden}.ios-sidebar-item:hover{background-color:var(--color-secondary-button-bg);border-color:var(--color-border-glass);transform:translateY(-1px)}.ios-sidebar-item-active{font-weight:600;background-color:var(--color-accent-bg)!important;color:var(--color-accent)!important;border-color:#007aff40!important}.ios-sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.ios-sidebar-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ios-sidebar-chevron{opacity:0;color:var(--color-text-secondary);flex-shrink:0;align-items:center;transition:opacity .25s,transform .25s;display:flex}.ios-sidebar-item:hover .ios-sidebar-chevron{opacity:1;transform:translate(3px)}.ios-sidebar-item-active .ios-sidebar-chevron{opacity:1;color:var(--color-accent)}.ios-sidebar-overlay{-webkit-backdrop-filter:blur(10px);z-index:85;background-color:#00000059;display:none;position:fixed;inset:0}@media (width<=768px){.ios-sidebar{height:100vh;box-shadow:var(--shadow-xl);margin:0;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:260px!important}.ios-sidebar-open{transform:translate(0)}.ios-sidebar-overlay{display:block}.mobile-menu-btn{display:block!important}}.mobile-menu-btn{cursor:pointer;color:var(--color-text-primary);background:0 0;border:none;padding:4px;display:none}.ios-spinner-container{justify-content:center;align-items:center;display:inline-flex}.ios-spinner{display:inline-block;position:relative}.ios-spinner-small{width:20px;height:20px}.ios-spinner-medium{width:32px;height:32px}.ios-spinner-large{width:48px;height:48px}.ios-spinner-bar{transform-origin:bottom;opacity:.15;background-color:currentColor;border-radius:50%/20%;width:10%;height:25%;animation:1s linear infinite ios-spinner-fade;position:absolute;top:37%;left:44.5%}.ios-spinner-accent{color:var(--color-accent)}.ios-spinner-white{color:#fff}.ios-spinner-gray{color:var(--color-text-secondary)}.ios-spinner-bar-1{animation-delay:0s;transform:rotate(0)translateY(-80%)}.ios-spinner-bar-2{animation-delay:.125s;transform:rotate(45deg)translateY(-80%)}.ios-spinner-bar-3{animation-delay:.25s;transform:rotate(90deg)translateY(-80%)}.ios-spinner-bar-4{animation-delay:.375s;transform:rotate(135deg)translateY(-80%)}.ios-spinner-bar-5{animation-delay:.5s;transform:rotate(180deg)translateY(-80%)}.ios-spinner-bar-6{animation-delay:.625s;transform:rotate(225deg)translateY(-80%)}.ios-spinner-bar-7{animation-delay:.75s;transform:rotate(270deg)translateY(-80%)}.ios-spinner-bar-8{animation-delay:.875s;transform:rotate(315deg)translateY(-80%)}@keyframes ios-spinner-fade{0%{opacity:.85}to{opacity:.15}}:root,[data-theme=light]{--ios-blue:#007aff;--ios-green:#34c759;--ios-red:#ff3b30;--ios-orange:#ff9500;--ios-yellow:#fc0;--ios-gray:#8e8e93;--ios-gray2:#aeaeb2;--ios-gray3:#c7c7cc;--ios-gray4:#d1d1d6;--ios-gray5:#e5e5ea;--ios-gray6:#f2f2f7;--color-accent:var(--ios-blue);--color-accent-bg:#007aff1a;--color-accent-rgb:0, 122, 255;--color-surface:#fff;--color-surface-glass:#ffffffb3;--color-card-border:var(--ios-gray5);--color-border-glass:#ffffff4d;--color-border-highlight:#0000000d;--color-text-primary:#000;--color-text-secondary:var(--ios-gray);--color-input-bg:var(--ios-gray6);--color-input-focus-bg:#fff;--color-secondary-button-bg:var(--ios-gray5);--color-secondary-button-hover:var(--ios-gray4);--color-toast-bg:#ffffffe6;--color-surface-elevated:#fff;--control-height:44px;--navbar-height:44px;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-xl:0 12px 24px #0000001f;--shadow-glass-outer:0 8px 32px #00000014;--shadow-glass-inner:inset 0 0 0 1px #fff6;--text:var(--color-text-primary);--text-h:var(--color-text-primary);--bg:var(--ios-gray6);--border:var(--color-card-border);--code-bg:var(--ios-gray5);--accent:var(--color-accent);--accent-bg:var(--color-accent-bg);--accent-border:var(--ios-blue);--social-bg:var(--color-surface);--shadow:var(--shadow-md);--sans:var(--font-family);--heading:var(--font-family);--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root,[data-theme=light]{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--ios-blue:#0a84ff;--ios-green:#30d158;--ios-red:#ff453a;--ios-orange:#ff9f0a;--ios-yellow:#ffd60a;--ios-gray:#8e8e93;--ios-gray2:#636366;--ios-gray3:#48484a;--ios-gray4:#3a3a3c;--ios-gray5:#2c2c2e;--ios-gray6:#1c1c1e;--color-accent:var(--ios-blue);--color-accent-bg:#0a84ff26;--color-accent-rgb:10, 132, 255;--color-surface:#1c1c1e;--color-surface-glass:#1c1c1eb3;--color-card-border:var(--ios-gray4);--color-border-glass:#ffffff1a;--color-border-highlight:#ffffff0d;--color-text-primary:#fff;--color-text-secondary:#ebebf599;--color-input-bg:var(--ios-gray6);--color-input-focus-bg:var(--ios-gray5);--color-secondary-button-bg:var(--ios-gray5);--color-secondary-button-hover:var(--ios-gray4);--color-toast-bg:#1c1c1ee6;--color-surface-elevated:var(--ios-gray5);--bg:#000;--border:var(--color-card-border);--code-bg:var(--ios-gray5);--social-bg:var(--color-surface);--text:var(--color-text-primary);--text-h:var(--color-text-primary)}}[data-theme=dark]{--ios-blue:#0a84ff;--ios-green:#30d158;--ios-red:#ff453a;--ios-orange:#ff9f0a;--ios-yellow:#ffd60a;--ios-gray:#8e8e93;--ios-gray2:#636366;--ios-gray3:#48484a;--ios-gray4:#3a3a3c;--ios-gray5:#2c2c2e;--ios-gray6:#1c1c1e;--color-accent:var(--ios-blue);--color-accent-bg:#0a84ff26;--color-accent-rgb:10, 132, 255;--color-surface:#1c1c1e;--color-surface-glass:#1c1c1eb3;--color-card-border:var(--ios-gray4);--color-border-glass:#ffffff1a;--color-border-highlight:#ffffff0d;--color-text-primary:#fff;--color-text-secondary:#ebebf599;--color-input-bg:var(--ios-gray6);--color-input-focus-bg:var(--ios-gray5);--color-secondary-button-bg:var(--ios-gray5);--color-secondary-button-hover:var(--ios-gray4);--color-toast-bg:#1c1c1ee6;--color-surface-elevated:var(--ios-gray5);--bg:#000;--border:var(--color-card-border);--code-bg:var(--ios-gray5);--social-bg:var(--color-surface);--text:var(--color-text-primary);--text-h:var(--color-text-primary)}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--heading);font-weight:var(--weight-bold);color:var(--text-h);letter-spacing:-.02em;margin-top:0}h1{margin-bottom:var(--spacing-sm);font-size:34px}h2{margin-bottom:var(--spacing-sm);font-size:28px}p{margin:0 0 var(--spacing-md)}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:2px 6px;font-size:14px}