:root{--background:#f2f2f7;--foreground:#000;--card-background:#fff;--card-border:rgba(0,0,0,.1);--primary:#007aff;--secondary:#5856d6;--success:#34c759;--danger:#ff3b30;--warning:#fc0;--text-primary:#000;--text-secondary:#8e8e93;--separator:#c6c6c8;--radius:12px;--shadow:0 2px 8px rgba(0,0,0,.05);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--background:#000;--foreground:#fff;--card-background:#1c1c1e;--card-border:hsla(0,0%,100%,.1);--text-primary:#fff;--text-secondary:#8e8e93;--separator:#38383a}}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{padding:16px;max-width:600px;margin:0 auto}.card{background:var(--card-background);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:16px}.title{font-size:34px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.subtitle{font-size:17px;color:var(--text-secondary);font-weight:400}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--separator)}.list-item:last-child{border-bottom:none}.btn{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:100px;font-size:17px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.7}.input{width:100%;padding:12px;border-radius:10px;border:none;background:hsla(240,4%,48%,.12);font-size:17px;color:var(--text-primary);margin-bottom:16px}.input:focus{outline:none;background:hsla(240,4%,48%,.24)}