:root{--green:#145445;--green-dark:#0d3b32;--cream:#f5eee3;--paper:#fffdf9;--coral:#dd715f;--ink:#19332d;--muted:#6b7771;--line:#dce2dc;--radius:20px;--shadow:0 22px 60px rgba(20,84,69,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}.skip{position:absolute;left:-9999px;z-index:10}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.65rem 1rem;border-radius:8px}.site-header{height:78px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--green-dark);font-size:19px;font-weight:850;letter-spacing:-.04em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--green);color:#f8f1e6;font:700 17px Georgia,serif}nav{display:flex;align-items:center;gap:29px;color:#48635b}nav a{text-decoration:none;transition:color .2s}nav a:hover,nav a:focus{color:var(--coral)}.nav-login{display:flex;align-items:center;gap:10px;color:var(--green-dark);font-weight:750;border:1px solid #bfd0c7;padding:9px 15px;border-radius:999px}.nav-login span{font-size:18px}.hero{max-width:1240px;margin:auto;padding:76px 28px 106px;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:75px;align-items:center}.eyebrow{margin:0 0 20px;color:var(--coral);font-size:11px;font-weight:850;letter-spacing:.15em}.hero h1{margin:0;color:var(--green-dark);font:clamp(47px,5.2vw,76px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.hero h1 em{color:var(--coral);font-style:normal}.hero-text{max-width:490px;margin:25px 0 30px;color:var(--muted);font-size:17px;line-height:1.7}.search-box{max-width:590px;margin:0}.search-box label{display:block;margin-bottom:9px;color:var(--green-dark);font-weight:750;font-size:13px}.search-row{height:60px;display:flex;align-items:center;gap:11px;padding:6px 6px 6px 17px;background:var(--paper);border:1px solid #ccd8d0;border-radius:13px;box-shadow:0 8px 24px rgba(20,84,69,.06)}.search-row>span{font-size:28px;line-height:1;color:var(--coral)}.search-row input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink)}.search-row input::placeholder{color:#8a9891}.search-row button{height:46px;border:0;border-radius:9px;padding:0 18px;background:var(--green);color:white;font-weight:750;cursor:pointer;transition:background .2s,transform .2s}.search-row button:hover,.search-row button:focus{background:var(--green-dark);transform:translateY(-1px)}.hero-meta{display:flex;gap:22px;margin-top:20px;color:#718078;font-size:12px}.hero-meta strong{color:var(--coral);font-size:16px;margin-right:4px}.hero-art{position:relative;height:455px;border-radius:34px;background:#e4e2d4;overflow:hidden;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#fff8 0 2px,transparent 3px),radial-gradient(circle at 80% 70%,#fff7 0 2px,transparent 3px);background-size:31px 31px;opacity:.6}.art-glow{position:absolute;width:310px;height:310px;left:75px;top:45px;border-radius:50%;background:#efc2a8;filter:blur(1px);opacity:.65}.floating-note{position:absolute;z-index:3;right:28px;top:29px;display:flex;align-items:flex-start;gap:6px;color:var(--coral);font:bold 21px Georgia,serif;transform:rotate(7deg)}.floating-note span{font:italic 14px Georgia,serif;line-height:1.15;color:var(--green-dark)}.book{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:20px 15px;color:white;box-shadow:7px 11px 13px #173c3528;letter-spacing:.08em}.book b{font-size:13px;line-height:1.2}.book small{margin-top:7px;font:italic 12px Georgia,serif;letter-spacing:0}.book-one{left:90px;bottom:104px;width:126px;height:212px;background:var(--coral);transform:rotate(-13deg);border-radius:4px 8px 5px 4px}.book-two{left:200px;bottom:75px;width:137px;height:250px;background:#dba77e;transform:rotate(7deg);border-radius:5px}.book-two b{color:var(--green-dark)}.book-three{left:310px;bottom:87px;width:111px;height:230px;background:var(--green);transform:rotate(19deg);border-radius:5px}.plant{position:absolute;z-index:3;right:75px;bottom:106px;color:var(--green-dark);font:130px Georgia,serif;transform:rotate(-19deg)}.shelf{position:absolute;z-index:3;left:48px;right:38px;height:14px;background:#936f55;border-radius:4px;box-shadow:0 8px 0 #684a3b}.shelf-one{bottom:67px}.shelf-two{bottom:43px;opacity:.75}.feature-section{max-width:1240px;margin:auto;padding:0 28px 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:29px}.section-heading h2,.collections h2{margin:0;color:var(--green-dark);font:clamp(29px,3vw,42px)/1.05 Georgia,serif;letter-spacing:-.04em}.section-heading p:last-child{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:250px;padding:26px;background:var(--paper);border:1px solid #e8e4db;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column}.feature-card.featured{background:var(--green);color:#f8f1e6}.feature-card.featured b,.feature-card.featured p{color:#fff}.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:23px;border-radius:12px;font-size:20px}.feature-icon.coral{background:#f6ded3;color:var(--coral)}.feature-icon.cream{background:#e5caa9;color:var(--green-dark)}.feature-icon.green{background:#dcece1;color:var(--green)}.feature-card b{color:var(--green-dark);font-size:17px}.feature-card p{max-width:260px;margin:9px 0 20px;color:var(--muted)}.feature-card a{margin-top:auto;color:var(--coral);font-weight:750;text-decoration:none}.featured a{color:#f3c0a9}.feature-card a span{margin-left:7px}.collections{max-width:1240px;margin:0 auto 100px;padding:58px 64px;display:flex;justify-content:space-between;gap:60px;background:var(--green-dark);color:#f9f3e9;border-radius:28px}.collections .eyebrow{color:#e9a18b}.collections h2{color:#f9f3e9}.collection-list{width:47%;border-top:1px solid #ffffff42}.collection-list a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #ffffff42;text-decoration:none;font-size:16px}.collection-list b{color:#efad94}.site-footer{max-width:1240px;margin:auto;padding:35px 28px 45px;border-top:1px solid #d9ded7;display:flex;align-items:end;justify-content:space-between;color:var(--muted)}.brand-footer{color:var(--green-dark)}.site-footer p{margin:9px 0 0;font-size:13px}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none;font-size:13px}.site-footer small{font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:38px;padding-top:50px}.hero-art{max-width:560px;width:100%;height:390px}.section-heading{display:block}.section-heading p:last-child{margin-top:10px}.collections{margin-left:28px;margin-right:28px;padding:40px 30px}}@media(max-width:650px){.site-header{height:auto;padding:20px;align-items:flex-start}.site-header nav{gap:12px;font-size:12px}.site-header nav a:nth-child(2){display:none}.nav-login{padding:7px 11px}.hero{padding:45px 20px 70px}.hero h1{font-size:49px}.hero-text{font-size:15px}.hero-meta{display:block}.hero-meta span{display:block;margin:6px 0}.hero-art{height:320px;border-radius:24px}.art-glow{left:35px;top:25px;width:240px;height:240px}.book-one{left:45px;bottom:69px;width:90px;height:170px}.book-two{left:125px;bottom:45px;width:100px;height:190px}.book-three{left:205px;bottom:54px;width:82px;height:174px}.plant{right:35px;bottom:69px;font-size:90px}.shelf{left:25px;right:20px}.shelf-one{bottom:39px}.shelf-two{bottom:18px}.floating-note{right:18px;top:17px}.feature-section{padding:0 20px 70px}.cards{grid-template-columns:1fr}.feature-card{min-height:220px}.collections{display:block;margin:0 20px 70px;padding:35px 24px}.collection-list{width:100%;margin-top:30px}.site-footer{display:block;padding:30px 20px}.footer-links{display:flex;flex-wrap:wrap;margin:25px 0 18px;gap:12px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.empty-state{margin-top:40px;padding:34px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);max-width:680px}.empty-state b{color:var(--green-dark);font-size:19px}.empty-state p{color:var(--muted)}
.auth{width:min(100% - 40px,460px);margin:70px auto;padding:38px;background:var(--paper);border:1px solid #e8e4db;border-radius:var(--radius);box-shadow:var(--shadow)}.auth h1{font-size:44px;margin:28px 0}.auth form{display:grid;gap:9px}.auth label{font-weight:700;color:var(--green-dark);font-size:13px;margin-top:9px}.auth input{height:50px;width:100%;padding:0 14px;border:1px solid #ccd8d0;border-radius:10px;background:#fff;outline-color:var(--green)}.auth button{height:50px;margin-top:16px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:750;cursor:pointer}.auth button:hover{background:var(--green-dark)}
.auth p{color:var(--muted);font-size:13px}.auth p a{color:var(--green);font-weight:700}.form-error{padding:11px 13px;border-radius:9px;background:#fbe5df;color:#9a3e32;font-size:13px}
.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:46px 0 80px}.book-card{min-width:0;background:var(--paper);border:1px solid #e8e4db;border-radius:var(--radius);padding:13px;box-shadow:0 12px 35px rgba(20,84,69,.07);transition:transform .2s,box-shadow .2s}.book-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(20,84,69,.14)}.book-card h2{margin:15px 3px 5px;color:var(--green-dark);font:700 18px/1.15 Georgia,serif;letter-spacing:-.02em}.book-card p{min-height:24px;margin:0 3px 16px;color:var(--muted);font-size:13px}.book-card a{display:inline-flex;margin:0 3px 4px;color:var(--coral);font-size:13px;font-weight:800;text-decoration:none}.cover{height:218px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--green),#317867);color:#f8f1e6;font-size:46px;box-shadow:inset 0 0 0 1px #ffffff25}.book-card:nth-child(4n+2) .cover{background:linear-gradient(145deg,#c87865,#e2a68b)}.book-card:nth-child(4n+3) .cover{background:linear-gradient(145deg,#b98c63,#e0bd93)}.book-card:nth-child(4n+4) .cover{background:linear-gradient(145deg,#345f70,#7da0a4)}
@media(max-width:1000px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:32px}.cover{height:170px}.book-card{padding:9px}.book-card h2{font-size:15px}.book-card p{font-size:12px}.book-card a{font-size:12px}}
.logout-form{display:inline}.logout-form button{border:0;background:transparent;color:inherit;cursor:pointer}.panel-page{max-width:1240px;margin:auto;padding:70px 28px 110px}.panel-page h1{margin:0;color:var(--green-dark);font:clamp(42px,5vw,68px)/1 Georgia,serif}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}.panel-grid article{min-height:220px;padding:26px;background:var(--paper);border:1px solid #e8e4db;border-radius:var(--radius);box-shadow:var(--shadow)}.panel-icon{font-size:28px}.panel-grid h2{margin:18px 0 7px;color:var(--green-dark);font:22px Georgia,serif}.panel-grid p{color:var(--muted)}.panel-grid a,.error-link{color:var(--coral);font-weight:800;text-decoration:none}.error-page{max-width:700px;margin:15vh auto;padding:0 28px}.error-page h1{margin:20px 0;color:var(--green-dark);font:clamp(40px,6vw,68px)/1 Georgia,serif}.error-page p:not(.eyebrow){color:var(--muted);font-size:18px}.error-link{display:inline-block;margin-top:20px}@media(max-width:700px){.panel-page{padding:45px 20px}.panel-grid{grid-template-columns:1fr}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--cream)}.auth-card{width:min(100%,480px);padding:38px;background:var(--paper);border:1px solid #e8e4db;border-radius:var(--radius);box-shadow:var(--shadow)}.auth-card h1{margin:24px 0 8px;color:var(--green-dark);font:clamp(34px,7vw,50px)/1 Georgia,serif}.auth-card>p:not(.eyebrow){color:var(--muted)}.auth-form{display:grid;gap:13px;margin-top:22px}.auth-form label{display:grid;gap:6px;color:var(--green-dark);font-weight:750;font-size:13px}.auth-form input,.auth-form select,.auth-form textarea{width:100%;min-height:48px;padding:10px 13px;border:1px solid #ccd8d0;border-radius:10px;background:#fff;outline-color:var(--green)}.auth-form button{min-height:50px;margin-top:8px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.auth-form button:hover{background:var(--green-dark)}.auth-form small{color:var(--muted);font-weight:500}.auth-card>p:last-child{margin-top:20px}.auth-card>p:last-child a{color:var(--green);font-weight:800}@media(max-width:520px){.auth-page{padding:14px}.auth-card{padding:24px 18px;border-radius:16px}}