:root{--bg: #f2f2f7;--surface: #ffffff;--surface-2: #f2f2f7;--fill: rgba(120, 120, 128, .12);--text: #000000;--muted: rgba(60, 60, 67, .6);--separator: rgba(60, 60, 67, .18);--bar: rgba(249, 249, 249, .78);--primary: #007aff;--primary-text: #ffffff;--danger: #ff3b30;--success: #34c759;--warning: #ff9500;--purple: #af52de;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--radius: 16px;--radius-sm: 10px;--gap: 16px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.25, .1, .25, 1);--tabbar-height: 0px;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--fill: rgba(120, 120, 128, .24);--text: #ffffff;--muted: rgba(235, 235, 245, .6);--separator: rgba(84, 84, 88, .6);--bar: rgba(22, 22, 24, .78);--primary: #0a84ff;--danger: #ff453a;--success: #30d158;--warning: #ff9f0a;--purple: #bf5af2;--shadow: none}}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);line-height:1.4;font-size:17px;letter-spacing:-.2px}a{color:var(--primary);text-decoration:none}a:hover{opacity:.8}h1{font-size:34px;font-weight:700;letter-spacing:.3px;margin:0;line-height:1.15}h2{font-size:20px;font-weight:600;margin:0;letter-spacing:.2px}h3{font-size:17px;font-weight:600;margin:0}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.stack{display:grid;gap:var(--gap)}.stack>*,.grid>*{min-width:0}.stack--tight{gap:6px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row--between{justify-content:space-between}.spacer{flex:1}.container{max-width:980px;margin:0 auto;padding:16px 20px calc(48px + var(--tabbar-height) + env(safe-area-inset-bottom));animation:page-in .45s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:10px 20px;padding-top:max(10px,env(safe-area-inset-top))}.topbar:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--separator)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:19px;color:var(--text)}.brand__icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5ac8fa,#007aff 55%,#5856d6);box-shadow:0 2px 6px #007aff59}.brand__icon svg{width:18px;height:18px}.tabs{display:flex;gap:4px;flex:1;justify-content:center}.tabs a{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;color:var(--muted);font-size:15px;font-weight:500;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--spring)}.tabs a:hover{background:var(--fill);color:var(--text);opacity:1}.tabs a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.tabs a:active{transform:scale(.94)}.tabs svg{width:18px;height:18px;flex:none}.account{display:flex;gap:10px;align-items:center;font-size:14px}.account__email{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){:root{--tabbar-height: 56px}.topbar{padding-left:16px;padding-right:16px}.account__email{display:none}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;justify-content:space-around;gap:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabs:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--separator)}.tabs a{flex-direction:column;gap:2px;padding:4px 6px;font-size:10px;border-radius:10px;min-width:56px}.tabs a.active,.tabs a:hover{background:none}.tabs svg{width:24px;height:24px}.container{padding-left:16px;padding-right:16px}h1{font-size:30px}}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:12px 0 20px;flex-wrap:wrap}.page-header p{margin-top:6px;font-size:15px}.page{min-height:100vh}@media(max-width:760px){.brand__name{display:none}.topbar{gap:10px}.account{flex:1;justify-content:flex-end;gap:8px}}.card{background:var(--surface);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);transition:transform .35s var(--spring),box-shadow .25s var(--ease)}.card--interactive:hover{transform:translateY(-2px)}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.grid>*{animation:rise .5s var(--ease) both}.grid>*:nth-child(2){animation-delay:.04s}.grid>*:nth-child(3){animation-delay:.08s}.grid>*:nth-child(4){animation-delay:.12s}.grid>*:nth-child(n+5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:0 16px 6px}.section-note{font-size:13px;color:var(--muted);margin:6px 16px 0}.list{background:var(--surface);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow)}.list__row{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 16px;position:relative;color:var(--text);font-size:17px}.list__row+.list__row:before{content:"";position:absolute;top:0;left:16px;right:0;border-top:.5px solid var(--separator)}.list__row>:first-child{flex:1;min-width:0}.list__row--disabled{opacity:.45}.card .list{background:var(--surface-2);box-shadow:none}.list__row input:not([type=checkbox]):not([type=radio]),.list__row select{border:0;background:none;padding:4px 0;text-align:right;color:var(--muted);max-width:55%;width:auto;flex:1;min-width:0;box-shadow:none}.list__row input:focus,.list__row select:focus{outline:none;color:var(--text);box-shadow:none}.list__row--stacked{flex-direction:column;align-items:stretch;gap:4px}.list__row--stacked input:not([type=checkbox]){text-align:left;max-width:none}.list__hint{font-size:13px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:99px;border:0;background:var(--fill);color:var(--primary);font:inherit;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;transition:transform .25s var(--spring),opacity .2s,background .2s}.button:hover{opacity:.88}.button:active{transform:scale(.96)}.button--primary{background:var(--primary);color:var(--primary-text);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 35%,transparent)}.button--danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.button--block{width:100%}.button--small{padding:7px 14px;font-size:14px}.button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.link{background:none;border:0;color:var(--primary);cursor:pointer;font:inherit;padding:0}label{display:grid;gap:6px;font-size:15px;color:var(--muted)}input,select{font:inherit;font-size:17px;padding:12px 14px;border-radius:12px;border:0;background:var(--fill);color:var(--text);width:100%;transition:box-shadow .2s var(--ease)}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 35%,transparent)}input::placeholder{color:var(--muted)}.switch{appearance:none;-webkit-appearance:none;flex:none;cursor:pointer;width:51px;height:31px;padding:0;border-radius:99px;background:var(--fill);position:relative;transition:background .25s var(--ease)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;transition:transform .3s var(--spring)}.switch:checked{background:var(--success)}.switch:checked:after{transform:translate(20px)}.switch:disabled{cursor:default;opacity:.5}.switch:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 35%,transparent)}.segmented{display:inline-flex;padding:2px;border-radius:9px;background:var(--fill);gap:2px}.segmented label{display:flex;align-items:center;justify-content:center;gap:6px;min-width:76px;position:relative;padding:6px 14px;border-radius:7px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:background .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--spring)}.segmented label:has(input:checked){background:var(--surface);box-shadow:0 3px 8px #0000001f,0 0 0 .5px #0000000a;font-weight:600}.segmented label:active{transform:scale(.96)}.segmented input{position:absolute;opacity:0;width:1px;height:1px;margin:0}@media(prefers-color-scheme:dark){.segmented label:has(input:checked){background:#636366}}.icon-button{width:30px;height:30px;border-radius:50%;border:0;cursor:pointer;flex:none;background:var(--fill);color:var(--primary);font:inherit;font-weight:700;font-size:15px;transition:transform .25s var(--spring)}.icon-button:active{transform:scale(.9)}.language{width:auto;padding:5px 8px;font-size:13px;border-radius:99px;background:var(--fill);color:var(--text);cursor:pointer}.banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;margin-bottom:var(--gap);font-size:15px;animation:pop .4s var(--spring) both}@keyframes pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.banner--error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.banner--success{background:color-mix(in srgb,var(--success) 14%,transparent);color:color-mix(in srgb,var(--success) 70%,var(--text))}.banner--info{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text)}.banner a{font-weight:600}.badge{display:inline-flex;align-items:center;justify-self:start;align-self:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--fill);color:var(--muted);text-transform:capitalize;white-space:nowrap}.badge--pro{background:linear-gradient(135deg,var(--purple),var(--primary));color:#fff;text-transform:uppercase;letter-spacing:.4px}.badge--success{background:color-mix(in srgb,var(--success) 16%,transparent);color:color-mix(in srgb,var(--success) 75%,var(--text))}.badge--warning{background:color-mix(in srgb,var(--warning) 16%,transparent);color:color-mix(in srgb,var(--warning) 80%,var(--text))}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px 16px;display:grid;gap:10px;justify-items:center;color:var(--muted)}.empty__icon{font-size:44px}.listing{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden;color:inherit}.listing__photo{aspect-ratio:16 / 10;width:100%;object-fit:cover;display:block;background:linear-gradient(135deg,var(--fill),var(--surface-2))}.listing__body{padding:14px 16px 16px;display:grid;gap:4px;align-content:start}.listing__price{font-weight:700;font-size:20px;letter-spacing:-.3px}.listing__title{color:var(--text);font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing__meta{font-size:13px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{background:var(--fill);padding:2px 8px;border-radius:99px;font-size:13px;color:var(--text)}.price-change{display:flex;align-items:center;gap:12px}.price-change__drop{color:var(--success);font-weight:700;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:.5px solid var(--separator)}th{color:var(--muted);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.table-scroll{overflow-x:auto}code,.secret{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;word-break:break-all}.secret{display:block;padding:10px 12px;background:var(--fill);border-radius:10px;color:var(--text)}.steps{display:grid;gap:var(--gap)}.step__number{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;flex:none;background:var(--primary);color:var(--primary-text);margin-right:10px;font-weight:700;font-size:15px;transition:background .3s var(--ease),transform .4s var(--spring)}.step--done .step__number{background:var(--success);transform:scale(1.08)}.step h2{display:flex;align-items:center}.auth-card{max-width:400px;margin:8vh auto 0;text-align:center}.auth-card form{text-align:left}.app-icon{width:76px;height:76px;border-radius:18px;margin:0 auto;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5ac8fa,#007aff 55%,#5856d6);box-shadow:0 10px 30px #007aff59;animation:float 5s ease-in-out infinite}.app-icon svg{width:40px;height:40px}@keyframes float{50%{transform:translateY(-6px)}}.plan{position:relative;overflow:hidden}.plan--featured{box-shadow:0 0 0 2px var(--primary),var(--shadow)}.plan__price{font-size:34px;font-weight:700;letter-spacing:-.5px}.plan__features{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}.plan__features li{display:flex;gap:8px;align-items:baseline}.plan__features li:before{content:"\2713";color:var(--success);font-weight:700}.plan__features li.off:before{content:"\2013";color:var(--muted)}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
