:root{--font-system: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--ios-bg-base: #000000;--ios-bg-grouped: #0c0c0e;--ios-card: rgba(28, 28, 30, .72);--ios-card-solid: #1c1c1e;--ios-card-hover: rgba(44, 44, 46, .85);--ios-input-bg: rgba(44, 44, 46, .75);--ios-blue: #0A84FF;--ios-blue-pressed: #0066CC;--ios-blue-glow: rgba(10, 132, 255, .22);--ios-green: #30D158;--ios-green-subtle: rgba(48, 209, 88, .15);--ios-red: #FF453A;--ios-red-subtle: rgba(255, 69, 58, .15);--ios-amber: #FF9F0A;--label-primary: #FFFFFF;--label-secondary: rgba(235, 235, 245, .6);--label-tertiary: rgba(235, 235, 245, .32);--label-quaternary: rgba(235, 235, 245, .16);--ios-separator: rgba(255, 255, 255, .09);--ios-border-glass: rgba(255, 255, 255, .1);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 9999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-family:var(--font-system);background-color:var(--ios-bg-base);color:var(--label-primary);color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{min-height:100%;background:var(--ios-bg-base);display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);overflow-x:hidden}button,input{font-family:inherit;font-size:16px;touch-action:manipulation}button{cursor:pointer;border:none;background:none;outline:none}.app-container{width:100%;max-width:520px;margin:0 auto;padding:12px 14px 80px;display:flex;flex-direction:column;gap:14px;flex:1}.ios-nav-header{display:flex;justify-content:space-between;align-items:flex-end;padding:8px 4px 6px}.ios-title-wrap{display:flex;flex-direction:column;gap:2px}.ios-status-indicator{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--label-secondary);letter-spacing:-.01em}.ios-live-dot{width:6px;height:6px;background-color:var(--ios-green);border-radius:50%;box-shadow:0 0 6px #30d15899;animation:applePulse 2.4s infinite cubic-bezier(.4,0,.6,1)}@keyframes applePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.ios-nav-header h1{font-size:28px;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.15}.ios-user-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-pill);background:#ffffff14;color:var(--label-secondary);transition:all .2s cubic-bezier(.25,1,.5,1)}.ios-user-action:active{background:#ffffff29;color:#fff;transform:scale(.94)}.ios-input-bar-container{display:flex;flex-direction:column;gap:6px}.ios-input-pill{display:flex;align-items:center;gap:8px;background:#1c1c1ed9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--ios-border-glass);border-radius:22px;padding:5px 6px 5px 14px;min-height:48px;box-shadow:0 4px 18px #00000059;transition:border-color .25s ease,box-shadow .25s ease}.ios-input-pill:focus-within{border-color:#0a84ff73;box-shadow:0 0 0 3px var(--ios-blue-glow)}.ios-input-field{flex:1;min-width:0;background:transparent;border:none;color:var(--label-primary);font-size:15px;outline:none;padding:4px 0;letter-spacing:-.01em}.ios-input-field::placeholder{color:var(--label-tertiary)}.ios-send-button{width:36px;height:36px;min-width:36px;border-radius:var(--radius-pill);background:var(--ios-blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0a84ff59;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,opacity .2s ease}.ios-send-button:active{transform:scale(.9);background:var(--ios-blue-pressed)}.ios-input-hint{font-size:11.5px;color:var(--label-tertiary);padding-left:6px;letter-spacing:-.01em}.ios-segmented-control{display:flex;background:#76768033;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3px;border-radius:10px;position:relative;user-select:none}.ios-segment-tab{flex:1;padding:7px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--label-secondary);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .25s cubic-bezier(.2,.8,.2,1);letter-spacing:-.01em}.ios-segment-tab.active{background:#ffffff21;color:#fff;font-weight:600;box-shadow:0 2px 8px #00000040}.ios-badge{background:#ffffff1f;color:var(--label-secondary);font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--radius-pill)}.ios-segment-tab.active .ios-badge{background:var(--ios-blue);color:#fff}.ios-grouped-list{background:var(--ios-card);backdrop-filter:blur(35px) saturate(190%);-webkit-backdrop-filter:blur(35px) saturate(190%);border:1px solid var(--ios-border-glass);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000040}.ios-list-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;min-height:52px;position:relative;background:transparent;transition:background .15s ease,opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.ios-list-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:48px;right:0;height:1px;background:var(--ios-separator)}.ios-list-row:active{background:#ffffff0d}.ios-row-left{display:flex;align-items:center;gap:13px;flex:1;min-width:0;cursor:pointer}.ios-checkbox{width:22px;height:22px;min-width:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.ios-list-row:hover .ios-checkbox{border-color:var(--ios-blue)}.ios-list-row.bought .ios-checkbox{background:var(--ios-blue);border-color:var(--ios-blue);transform:scale(1.05)}.ios-checkbox svg{width:12px;height:12px;stroke:#fff;stroke-width:3.2;opacity:0;transform:scale(.5);transition:all .2s ease}.ios-list-row.bought .ios-checkbox svg{opacity:1;transform:scale(1)}.ios-item-text{font-size:16px;font-weight:400;color:var(--label-primary);letter-spacing:-.015em;word-break:break-word;transition:color .2s ease,text-decoration .2s ease,opacity .2s ease}.ios-list-row.bought .ios-item-text{color:var(--label-tertiary);text-decoration:line-through}.ios-row-actions{display:flex;align-items:center;gap:6px;margin-left:8px}.ios-btn-icon-subtle{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--label-tertiary);transition:all .15s ease}.ios-btn-icon-subtle:active{color:var(--ios-red);background:var(--ios-red-subtle);transform:scale(.92)}.ios-btn-readd{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;color:var(--ios-blue);background:#0a84ff1f;padding:5px 10px;border-radius:var(--radius-pill);transition:transform .15s ease,background .15s ease;letter-spacing:-.01em}.ios-btn-readd:active{transform:scale(.94);background:#0a84ff3d}.ios-item-completing{opacity:0;transform:translate(25px) scale(.96);pointer-events:none}.ios-section-header{display:flex;justify-content:space-between;align-items:center;padding:4px 6px}.ios-section-label{font-size:12px;font-weight:600;color:var(--label-tertiary);text-transform:uppercase;letter-spacing:.05em}.ios-btn-clear{font-size:12.5px;font-weight:500;color:var(--ios-red);background:transparent;padding:4px 6px;transition:opacity .2s ease}.ios-btn-clear:active{opacity:.6}.ios-empty-view{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 20px;background:var(--ios-card);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:1px solid var(--ios-border-glass);border-radius:var(--radius-md);margin-top:4px}.ios-empty-icon{width:48px;height:48px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--label-tertiary)}.ios-empty-title{font-size:16px;font-weight:600;color:var(--label-secondary);letter-spacing:-.015em;margin-bottom:3px}.ios-empty-desc{font-size:13px;color:var(--label-tertiary);max-width:260px;line-height:1.35;letter-spacing:-.01em}.ios-auth-card{width:100%;max-width:380px;margin:40px auto;padding:28px 22px;background:#1c1c1ed9;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid var(--ios-border-glass);border-radius:24px;box-shadow:0 10px 40px #00000073}.ios-auth-header{text-align:center;margin-bottom:24px}.ios-auth-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(180deg,#1c1c1e,#121214);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;box-shadow:0 4px 16px #0000004d}.ios-auth-icon svg{width:26px;height:26px;color:var(--ios-blue)}.ios-auth-header h2{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.02em}.ios-auth-header p{font-size:13px;color:var(--label-secondary);margin-top:4px;letter-spacing:-.01em}.ios-auth-fields{display:flex;flex-direction:column;gap:12px}.ios-field-group{display:flex;flex-direction:column;gap:5px}.ios-field-group label{font-size:12px;font-weight:500;color:var(--label-secondary);letter-spacing:-.01em}.ios-field-input{background:#2c2c2e99;border:1px solid var(--ios-border-glass);border-radius:11px;padding:11px 13px;color:#fff;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;letter-spacing:-.01em}.ios-field-input:focus{border-color:var(--ios-blue);box-shadow:0 0 0 3px var(--ios-blue-glow)}.ios-btn-submit{margin-top:8px;background:var(--ios-blue);color:#fff;font-size:15px;font-weight:600;padding:13px;border-radius:12px;letter-spacing:-.01em;box-shadow:0 2px 10px #0a84ff4d;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .2s ease}.ios-btn-submit:active{transform:scale(.98);background:var(--ios-blue-pressed)}.ios-auth-error{background:var(--ios-red-subtle);color:var(--ios-red);border:1px solid rgba(255,69,58,.25);padding:10px 12px;border-radius:10px;font-size:13px;letter-spacing:-.01em;margin-bottom:14px;display:none}.ios-toast-container{position:fixed;top:calc(var(--safe-top) + 14px);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.ios-toast{background:#1c1c1eeb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:#fff;border:1px solid var(--ios-border-glass);padding:9px 16px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:500;box-shadow:0 8px 24px #0006;display:flex;align-items:center;gap:8px;letter-spacing:-.01em;animation:iosToastIn .35s cubic-bezier(.16,1,.3,1)}@keyframes iosToastIn{0%{opacity:0;transform:translateY(-16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.ios-loading-view{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--label-tertiary);font-size:14px;gap:10px;letter-spacing:-.01em}.ios-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--ios-blue);border-radius:50%;animation:iosSpin .75s linear infinite}@keyframes iosSpin{to{transform:rotate(360deg)}}
