*{box-sizing:border-box}:root{color:#172033;background:#f6f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 90% 0,#e8e2ff 0,#0000 30%),#f6f7fb;min-height:100vh}.header{background:#fff;border-bottom:1px solid #e7e9f0;align-items:center;height:78px;padding:0 6%;display:flex}.logo{color:#20263a;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.logo-icon{font-size:25px}.container{width:min(1050px,100% - 40px);margin:auto;padding:55px 0 80px}.intro{margin-bottom:30px}.eyebrow{color:#6958e8;letter-spacing:1.5px;margin:0 0 9px;font-size:12px;font-weight:800}.intro h1{color:#131a2b;margin:0;font-size:clamp(35px,6vw,55px);line-height:1.05}.description{color:#697287;max-width:650px;margin-top:17px;font-size:17px;line-height:1.65}.form-card{background:#fff;border:1px solid #e3e6ee;border-radius:18px;padding:27px;box-shadow:0 12px 35px #1e28460f}.form-card h2{margin:0 0 20px;font-size:21px}.form-card form{grid-template-columns:1fr 1.4fr auto;align-items:end;gap:13px;display:grid}.field label{color:#444c5e;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.field input{background:#fafbfe;border:1px solid #dce0e9;border-radius:9px;outline:none;width:100%;height:46px;padding:0 13px}.field input:focus{border-color:#6958e8;box-shadow:0 0 0 3px #6958e821}.primary-button{color:#fff;background:#6958e8;border:0;border-radius:9px;min-height:46px;padding:0 19px;font-weight:750;transition:all .2s}.primary-button:hover{background:#5745d4;transform:translateY(-1px)}.primary-button:focus-visible,.remove-button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #6958e859}.state-card{text-align:center;background:#fff;border:1px solid #e3e6ee;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;margin-top:30px;padding:50px 25px;display:flex;box-shadow:0 12px 35px #1e28460d}.state-card h2{margin:17px 0 9px;font-size:25px}.state-card p{color:#71798b;max-width:540px;margin:0 0 22px;line-height:1.65}.state-icon{background:#eeeaff;border-radius:50%;place-items:center;width:65px;height:65px;font-size:28px;display:grid}.error{background:snow;border-color:#ffd9d9}.error .state-icon{color:#d23939;background:#ffe6e6;font-size:29px;font-weight:900}.loading{border-color:#ddd8ff}.spinner{border:4px solid #e4e1ff;border-top-color:#6958e8;border-radius:50%;width:45px;height:45px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.list-section{margin-top:35px}.section-heading h2{margin:0;font-size:24px}.section-heading p{color:#7b8292;margin:5px 0 15px}.reading-list{gap:12px;display:grid}.reading-item{background:#fff;border:1px solid #e3e6ee;border-radius:14px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 7px 25px #1e28460a}.article-icon{background:#f0edff;border-radius:11px;flex-shrink:0;place-items:center;width:50px;height:50px;font-size:23px;display:grid}.article-info{flex:1;min-width:0}.article-info h3{margin:0 0 5px;font-size:18px}.article-info a{color:#6958e8;word-break:break-all;font-size:14px}.remove-button{color:#c23b3b;background:#fff;border:1px solid #e4baba;border-radius:8px;padding:9px 13px;font-weight:700}.remove-button:hover{background:#fff1f1}@media (width<=760px){.container{width:min(100% - 28px,1050px);padding-top:35px}.form-card form{grid-template-columns:1fr}.primary-button{width:100%}.reading-item{align-items:flex-start}}@media (width<=520px){.header{padding:0 20px}.intro h1{font-size:38px}.form-card{padding:20px}.reading-item{flex-wrap:wrap}.remove-button{margin-left:66px}}