:root{--cream:#f7eee8;--paper:#fffaf6;--espresso:#3b2d2a;--muted:#78645e;--rose:#9c4f5d;--rose-dark:#823e4b;--rose-soft:#f1d8d8;--sage:#9ead96;--sage-soft:#e3e9df;--line:#e4d8d0;--gold:#bd843b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--espresso);margin:0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.center-page{background:radial-gradient(circle at 15% 15%,#fff8f2 0,transparent 36%),radial-gradient(circle at 85% 80%,#e2e9de 0,transparent 32%),var(--cream);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{border:1px solid var(--line);background:#fffaf6f0;border-radius:26px;width:min(490px,100%);padding:46px;box-shadow:0 26px 80px #3b2d2a1f}.logo-mark{background:var(--rose);color:#fff;letter-spacing:-.08em;width:54px;height:54px;box-shadow:inset 0 0 0 4px var(--rose),inset 0 0 0 5px #ffffff8c;border-radius:50%;place-items:center;margin-bottom:25px;font-family:Georgia,serif;font-weight:700;display:grid}.logo-mark.small{width:38px;height:38px;margin:0;font-size:12px}.eyebrow{letter-spacing:.17em;color:var(--rose);margin:0 0 12px;font-size:10px;font-weight:800}.auth-card h1{letter-spacing:-.045em;margin:0;font:500 44px/1.03 Georgia,serif}.auth-card h1 em{color:var(--rose);font-weight:400}.muted{color:var(--muted);margin:20px 0 27px;line-height:1.6}.auth-form{flex-direction:column;gap:9px;display:flex}.auth-form label,.modal label{color:#6f5a54;font-size:11px;font-weight:800}.auth-form input,.modal input,.modal select{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;height:46px;padding:0 13px}.auth-form input:focus,.modal input:focus,.modal select:focus{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-soft)}.auth-form .primary{margin-top:6px}.auth-card>small{color:#9a8983;margin-top:20px;font-size:10px;line-height:1.5;display:block}.success{background:var(--sage-soft);color:#56704f;border-radius:8px;padding:11px;font-size:12px}.error{color:#9d3c2d;background:#f9dcd6;border-radius:8px;padding:11px;font-size:12px}.primary{background:var(--rose);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:14px 19px;font-weight:800;transition:all .2s;box-shadow:0 7px 20px #823e4b2e}.primary:hover{background:var(--rose-dark);transform:translateY(-1px)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f7eee8e6;justify-content:space-between;align-items:center;gap:28px;height:72px;padding:0 clamp(22px,4vw,62px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand div{flex-direction:column;display:flex}.brand strong{font:600 16px Georgia,serif}.brand small{text-transform:uppercase;letter-spacing:.15em;color:var(--rose);margin-top:2px;font-size:9px}.topbar nav{color:#99847e;align-items:center;gap:30px;font-size:11px;font-weight:750;display:flex}.topbar nav span.active{color:var(--espresso);position:relative}.topbar nav span.active:after{content:"";background:var(--rose);height:2px;position:absolute;bottom:-13px;left:0;right:0}.account{background:var(--espresso);color:#fff;cursor:pointer;border:0;border-radius:12px;width:38px;height:38px;font-size:11px;font-weight:800}.shell{max-width:1220px;margin:auto;padding:62px 30px 90px}.hero{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.hero h1{letter-spacing:-.055em;margin:0;font:500 clamp(48px,6vw,70px)/1 Georgia,serif}.hero>div>p:last-child{color:var(--muted);margin:17px 0 0;font-size:14px}.stats{border:1px solid var(--line);background:#ffffff61;border-radius:17px;grid-template-columns:repeat(3,1fr);margin:48px 0 68px;display:grid;overflow:hidden}.stats article{border-right:1px solid var(--line);align-items:center;gap:17px;padding:24px 27px;display:flex}.stats article:last-child{border:0}.stats article.attention{background:#fff4e5}.stat-symbol{border-radius:50%;place-items:center;width:47px;height:47px;font:600 21px Georgia,serif;display:grid}.stat-symbol.rose{background:var(--rose-soft);color:var(--rose)}.stat-symbol.sage{background:var(--sage-soft);color:#657d5f}.stat-symbol.gold{color:#9d661d;background:#f5dfba}.stats small{color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:750;display:block}.stats strong{font:500 29px Georgia,serif}.stats strong i{font-size:14px;font-style:normal}.stats p{color:#9b8e89;margin:0 0 0 10px;font-size:10px;display:inline}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-head .eyebrow{margin-bottom:7px}.section-head h2,.modal h2{letter-spacing:-.035em;margin:0;font:500 32px/1 Georgia,serif}.section-head>span{color:#998b86;font-size:11px}.tools{align-items:center;gap:14px;margin-bottom:24px;display:flex}.search{border:1px solid var(--line);color:#8f7e78;background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:310px;height:43px;padding:0 13px;font-size:21px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.filters{gap:6px;padding:2px;display:flex;overflow:auto}.filters button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:9px 13px;font-size:10px;font-weight:750}.filters button.active{background:var(--espresso);border-color:var(--espresso);color:#fff}.spool-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.spool-card,.add-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;min-height:246px;padding:21px}.spool-card{transition:all .2s}.spool-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px #3b2d2a14}.card-top{align-items:center;gap:15px;display:flex}.spool-visual{background:repeating-radial-gradient(circle,var(--spool-color) 0 8px,color-mix(in srgb,var(--spool-color),black 12%) 9px 11px);border:5px solid #423c39;border-radius:50%;flex:none;place-items:center;width:65px;height:65px;display:grid;box-shadow:inset 0 0 0 3px #ffffff4d,2px 4px 9px #19252129}.spool-visual i{background:var(--cream);border:5px solid #423c39;border-radius:50%;width:21px;height:21px}.spool-info{min-width:0}.tags{gap:6px;margin-bottom:7px;display:flex}.tags span,.tags b{letter-spacing:.09em;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:900}.tags span{color:#667c5f;background:var(--sage-soft)}.tags b{color:#a74738;background:#f9dfd9}.spool-info h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;overflow:hidden}.spool-info p{color:var(--muted);margin:0;font-size:10px}.meter-label{color:var(--muted);justify-content:space-between;margin:23px 0 7px;font-size:10px;display:flex}.meter-label strong{color:var(--espresso)}.meter{background:#e9e0da;border-radius:10px;height:7px;overflow:hidden}.meter i{border-radius:10px;min-width:2px;height:100%;display:block}.card-foot{color:#9a8a84;border-bottom:1px solid #eee4de;justify-content:space-between;padding:14px 0 12px;font-size:9px;display:flex}.log-button{width:100%;color:var(--rose);cursor:pointer;text-align:left;background:0 0;border:0;padding:13px 0 0;font-size:10px;font-weight:800}.add-card{cursor:pointer;color:#8c7c76;background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;display:flex}.add-card>span{background:var(--rose-soft);width:43px;height:43px;color:var(--rose);border-radius:50%;place-items:center;margin-bottom:13px;font-size:23px;display:grid}.add-card strong{color:var(--espresso);font:500 16px Georgia,serif}.add-card small{margin-top:6px;font-size:9px}.empty,.loading{text-align:center;color:var(--muted);padding:55px}.empty{border:1px dashed var(--line);border-radius:16px}.empty strong{color:var(--espresso);font:500 20px Georgia,serif;display:block}.empty p{font-size:12px}.empty.first>span{background:var(--rose-soft);width:50px;height:50px;color:var(--rose);border-radius:50%;place-items:center;margin:0 auto 15px;font-size:23px;display:grid}.empty.first .primary{margin-top:8px}.error-banner{color:#8e392d;background:#f9ddd8;border:1px solid #edc0b8;border-radius:10px;justify-content:space-between;align-items:center;margin:25px 0 -22px;padding:12px 15px;font-size:11px;display:flex}.error-banner button{cursor:pointer;background:0 0;border:0;font-size:20px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#2b201d99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:21px;width:min(590px,100%);padding:35px;animation:.2s pop;position:relative;box-shadow:0 30px 80px #00000040}.modal.compact{width:min(430px,100%)}@keyframes pop{0%{opacity:0;transform:translateY(12px)}}.modal-close{color:#897973;cursor:pointer;background:0 0;border:0;font-size:26px;position:absolute;top:14px;right:17px}.modal-copy{color:var(--muted);margin:10px 0 24px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal label{flex-direction:column;gap:7px;display:flex}.modal .color-input{width:100%;padding:5px}.form-submit{width:100%;margin-top:21px}.mini-swatch{border-radius:50%;width:42px;height:42px;margin-bottom:18px;box-shadow:inset 0 0 0 6px #ffffff59}.toast{background:var(--espresso);color:#fff;opacity:0;pointer-events:none;z-index:80;border-radius:10px;padding:13px 17px;font-size:11px;font-weight:700;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(18px)}.toast.show{opacity:1;transform:none}@media (max-width:900px){.spool-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}.stats article{border-right:0;border-bottom:1px solid var(--line)}.stats article:last-child{border-bottom:0}.tools{flex-direction:column;align-items:stretch}.search{min-width:0}.filters{width:100%}.topbar nav{display:none}}@media (max-width:600px){.auth-card{padding:34px 24px}.auth-card h1{font-size:37px}.topbar{height:64px;padding:0 17px}.shell{padding:43px 17px 70px}.hero{flex-direction:column;align-items:flex-start}.hero .primary{width:100%}.stats{margin:36px 0 52px}.spool-grid{grid-template-columns:1fr}.section-head>span{display:none}.modal{padding:29px 21px}.form-grid{grid-template-columns:1fr}.filters button{white-space:nowrap}.toast{text-align:center;left:17px;right:17px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}