@import url('/fonts/fonts.css');
:root{
 --pl-primary:#5B3A8C;--pl-primary-hover:#4A2E75;--pl-primary-strong:#3A2360;--pl-primary-soft:#EFE9F7;--pl-primary-border:#DCD0EE;
 --pl-accent:#E8935A;--pl-accent-text:#9A4A16;--pl-accent-soft:#FCEBDD;
 --pl-bg:#FBF8F5;--pl-surface:#FFFFFF;--pl-line:#E7E0EA;--pl-text:#2A2233;--pl-text-muted:#5E5668;
 --pl-success:#1E7A4C;--pl-success-soft:#E3F2EA;--pl-error:#B3261E;--pl-error-soft:#FBE9E7;--pl-pending:#8A5A00;--pl-pending-soft:#FBF0D9;--pl-focus:#8E6CC4;
 --green:var(--pl-primary);--primary:var(--pl-primary);--cream:var(--pl-bg);--ink:var(--pl-text);--muted:var(--pl-text-muted);--line:var(--pl-line);--orange:var(--pl-accent);--mint:var(--pl-primary-soft);--sage:var(--pl-success);--serif:'Libre Baskerville',Georgia,serif;--sans:'Source Sans 3',Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--sans)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pl-focus);outline-offset:3px}button{color:inherit}p{line-height:1.65}small{font-size:14px}h1,h2,h3,h4{color:var(--green);overflow-wrap:break-word}h1,h2{font-family:var(--serif);font-weight:400}h1{font-size:clamp(38px,4.5vw,56px);letter-spacing:-1.8px;line-height:1.16;margin:20px 0}h1 em{font-weight:400;color:var(--pl-primary-strong)}h2{font-size:30px;line-height:1.3;letter-spacing:-.6px}h3{font-size:21px;line-height:1.35}h4{font-size:18px}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex:none}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
/* Navigation stays in the document flow; mobile navigation has its own bottom bar. */
body>header{background:#fff;border-bottom:1px solid var(--line)}body>header>nav{max-width:1240px;margin:auto;padding:15px 32px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:9px;min-height:48px;font-size:27px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.brand>svg{width:36px;height:36px;flex:none}.brand-wordmark{color:var(--green)}.brand .brand-livre{font-weight:400;color:var(--green)}.brand-dot{color:var(--pl-accent);font-style:normal}.navlinks{display:flex;align-items:center;gap:23px}.navlinks a,.navright>a,.navright>.textbutton{display:inline-flex;align-items:center;min-height:44px;font-size:16px}.navright{display:flex;align-items:center;gap:18px;margin-left:auto}.navright .primary{white-space:nowrap}.mobile-nav{display:none}.primary,.secondary,.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--primary);border-radius:9px;padding:10px 17px;background:var(--primary);color:#fff;font-size:16px;font-weight:600;line-height:1.35;text-align:center;transition:background .15s}.primary:hover,.btn:hover{background:var(--pl-primary-hover)}.secondary,.btn.secondary{background:#fff;color:var(--green);border-color:var(--pl-primary-border)}.secondary:hover,.btn.secondary:hover{background:var(--pl-primary-soft)}.btn.blue{background:var(--primary);border-color:var(--primary);color:#fff}.btn.small{font-size:14px;min-height:44px;padding:9px 13px}.btn.danger{background:var(--pl-error-soft);color:var(--pl-error);border-color:var(--pl-error)}.textbutton{display:inline-flex;gap:7px;align-items:center;justify-content:center;border:0;background:transparent;min-height:44px;padding:9px 10px;font-size:14px;font-weight:600;color:var(--green);text-align:center}.textbutton:hover{text-decoration:underline}.blue{color:var(--green)}
.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;padding:50px 32px 38px;align-items:center}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--pl-accent-text);font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.intro{font-size:18px;max-width:480px;color:var(--muted);margin:0}.heroactions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 18px}.trust{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;padding:0;margin:0;list-style:none;font-size:14px;color:var(--muted)}.trust li{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.trust .icon{width:17px;height:17px;color:var(--sage)}.art{position:relative;min-height:350px;background:var(--pl-primary-soft);border:1px solid var(--pl-line);border-radius:60px 60px 16px 16px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.artbook{position:absolute;width:143px;height:205px;border-left:7px solid #0002;border-radius:3px 8px 8px 3px;padding:18px 13px;display:flex;flex-direction:column;justify-content:space-between}.artbook small{font-size:13px;line-height:1.3}.artbook strong{font:24px/1.15 var(--serif);font-weight:400}.artbook.one{background:var(--pl-accent);color:var(--pl-text);transform:rotate(-16deg);left:19%;top:25%}.artbook.two{background:var(--pl-primary);color:#fff;transform:rotate(12deg);right:16%;top:16%}.bookcircle{border:1px solid currentColor;border-radius:50%;height:55px;width:55px;display:grid;place-items:center;font-size:25px;align-self:center;opacity:.8}.bubble{position:absolute;background:#fff;padding:10px 13px;border:1px solid var(--pl-line);border-radius:9px;font-size:14px;line-height:1.4;z-index:2;max-width:85%;color:var(--muted)}.bubble.top{top:17px;left:15px}.bubble.bottom{bottom:27px;right:13px}.swapcircle{position:absolute;left:44%;top:47%;width:53px;height:53px;border-radius:50%;background:#fff;border:1px solid var(--pl-line);display:grid;place-items:center;color:var(--green);z-index:3}.swapcircle .icon{width:29px;height:29px}.artcaption{position:absolute;bottom:7px;left:18px;font-size:13px;color:var(--muted)}.wrap{max-width:1240px;margin:auto;padding:0 32px}
/* Search is the main entry point. Reference filters operate on the loaded catalogue. */
.searchbox{background:#fff;border:1px solid var(--pl-line);border-radius:12px;padding:20px;display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:16px;scroll-margin-top:20px}.field{display:flex;flex-direction:column;min-width:0;gap:5px}.field label{font-size:14px;font-weight:600;color:var(--green)}.field input,.field select{min-width:0;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--pl-text-muted);background:#fff;color:var(--ink);border-radius:7px;font-size:16px}.field input::placeholder{color:var(--pl-text-muted);opacity:1}.search-actions{display:flex;flex-wrap:wrap;align-items:end;gap:5px}.search-actions .primary{flex:1}.search-actions .textbutton{font-weight:400}.social-launch{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 0;padding:0 3px}.social-launch p{margin:0;font-size:14px;color:var(--muted)}.social-launch strong{display:block;color:var(--green);font-size:16px}.social-launch .secondary{font-size:14px;flex:none}.catalog{padding-top:36px;scroll-margin-top:24px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px}.sectionhead h2{margin:0 0 8px}.sectionhead p{font-size:16px;color:var(--muted);margin:0}.catalogue-total{font:14px var(--sans);color:var(--muted);white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}.chip{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--pl-line);border-radius:22px;padding:9px 16px;background:#fff;color:var(--pl-text-muted);font-size:14px;font-weight:500;line-height:1.3}.chip.selected{background:var(--pl-primary-soft);border-color:var(--pl-primary-border);color:var(--pl-primary-strong);font-weight:600}.chip:hover{border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}.book{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.book:hover{border-color:var(--pl-primary)}.book-art{height:250px;padding:50px 0 15px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--pl-bg);border-bottom:1px solid var(--line)}.cover{height:175px;width:140px;flex:none;background:var(--cover,var(--green));color:#fff;border-left:6px solid #0002;border-radius:3px 6px 6px 3px;padding:14px 12px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-4deg)}.cover small{font-size:13px;line-height:1.2;max-height:32px;overflow:hidden}.cover b{display:block;font:23px/1.17 var(--sans);font-weight:600;word-break:normal;overflow-wrap:normal;hyphens:none;min-width:0;max-height:82px;overflow:hidden}.cover span{font-size:14px;border-top:1px solid #fff7;padding-top:7px;line-height:1.2}.photo{width:100%;height:100%;object-fit:contain;padding:14px}.book-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.book-actions>.secondary:only-child{grid-column:1/-1}.favorite{position:static;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--pl-line);background:#fff;color:var(--green);border-radius:50%;z-index:2}.favorite.on{color:var(--pl-primary)}.book-tag{display:inline-flex;align-items:center;gap:5px;position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);border:1px solid var(--pl-primary-border);background:#fff;color:var(--green);border-radius:6px;padding:5px 7px;font-size:13px;font-weight:600;line-height:1.3;z-index:1}.book-tag .icon{width:16px;height:16px}.book-tag.exchange{background:var(--pl-primary-soft);color:var(--pl-primary-strong);border-color:var(--pl-primary-border)}.book-tag.cash{background:var(--pl-accent-soft);color:var(--pl-accent-text);border-color:var(--pl-line)}.book-tag.gift{background:var(--pl-success-soft);color:var(--pl-success);border-color:var(--pl-line)}.book-info{padding:17px;display:flex;flex-direction:column;flex:1;gap:0;min-width:0}.demo-label{display:inline-flex;align-self:start;font-size:13px;color:var(--pl-accent-text);border:1px solid var(--pl-line);background:var(--pl-accent-soft);border-radius:4px;padding:3px 7px;margin-bottom:10px}.book-meta{display:block;color:var(--muted);font-size:14px;font-weight:600;line-height:1.4}.book h3{font:600 19px/1.3 var(--sans);color:var(--green);margin:8px 0 12px;overflow-wrap:break-word}.book-reference{margin:0 0 8px;font-size:15px;color:var(--green);line-height:1.5;overflow-wrap:anywhere}.book-reference strong{display:block;font-weight:600}.book-info .book-condition{font-size:14px;color:var(--muted);margin:0 0 13px}.book-place{display:flex;gap:6px;font-size:14px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:auto}.book-place .icon{width:17px;height:17px;margin-top:3px}.book-place span{min-width:0;overflow-wrap:anywhere}.book-bottom{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:15px}.book-bottom>span{display:block;font-size:14px;font-weight:600;line-height:1.45;color:var(--ink)}.book-bottom .secondary{width:100%;font-size:14px;min-height:44px;padding:9px 10px}.catalogue-footer{display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:13px;color:var(--muted)}.empty{grid-column:1/-1;padding:35px;border:1px solid var(--line);border-radius:12px;text-align:center;background:#fff}.empty h3{font:25px/1.35 var(--serif)}.empty .eyebrow,.empty .formactions{justify-content:center}.empty p{font-size:16px;color:var(--muted)}.loading{grid-column:1/-1;padding:26px 0;font-size:16px;color:var(--muted)}.howtitle{margin-top:48px}.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:20px 0 40px;padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff}.how h3{font-size:20px;margin:12px 0 8px}.how p{font-size:16px;color:var(--muted);margin:0}.step{display:inline-grid;place-items:center;border:1px solid var(--pl-line);background:var(--pl-bg);border-radius:50%;width:36px;height:36px;color:var(--green);font-size:14px}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:13px}.foot strong{color:var(--green)}.foot>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
/* Dialogs are the only elevated surfaces. */
dialog{width:min(660px,calc(100vw - 24px));max-height:92dvh;border:1px solid var(--pl-line);border-radius:15px;background:#fff;color:var(--ink);padding:0;box-shadow:0 24px 80px #2A22333b;scrollbar-width:thin}dialog.wide{width:min(1000px,calc(100vw - 24px))}dialog::backdrop{background:#2A223366}.modal-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:var(--pl-bg);padding:9px 17px;color:var(--muted);font-size:13px}.modal-top button{display:grid;place-items:center;background:#fff;border:1px solid var(--pl-line);border-radius:50%;width:44px;height:44px;color:var(--green)}#modalBody{padding:28px}#modalBody h2{margin:0 0 16px;font-size:30px}#modalBody>p{font-size:16px}.formrow{margin:16px 0;min-width:0}.formrow label{display:block;font-size:14px;font-weight:600;color:var(--green);margin-bottom:6px;letter-spacing:0}.formrow input,.formrow select,.formrow textarea,.admin-search{display:block;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--pl-text-muted);border-radius:8px;background:#fff;color:var(--ink);font-size:16px;resize:vertical}.formrow input::placeholder,.formrow textarea::placeholder{color:var(--pl-text-muted);opacity:1}.formrow input[type=checkbox]{display:inline;width:22px;height:22px;min-height:0}.formrow input[type=file]{font-size:14px}.formrow input[type=file]::file-selector-button{min-height:44px;border:1px solid var(--pl-line);border-radius:6px;background:var(--pl-primary-soft);color:var(--green);padding:8px 11px;margin-right:10px;font:inherit}.formtwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.formtwo .formrow{margin:6px 0}.formactions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.help{font-size:14px;color:var(--muted);line-height:1.6}.notice{margin:12px 0;padding:15px;background:var(--pl-primary-soft);border:1px solid var(--pl-primary-border);border-left:3px solid var(--pl-primary-border);border-radius:8px;color:var(--pl-primary-strong);font-size:14px;line-height:1.6}.notice.error{background:var(--pl-error-soft);color:var(--pl-error);border-color:var(--pl-error)}.notice.success{background:var(--pl-success-soft);color:var(--sage);border-color:var(--pl-success)}.switcher{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.switcher button{background:none;border:0;border-bottom:3px solid transparent;min-height:46px;font-size:16px;padding:9px 3px;color:var(--muted)}.switcher button.on{color:var(--pl-primary-strong);border-color:var(--pl-primary);background:var(--pl-primary-soft);font-weight:600}.account-head{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.account-head small{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.avatar{width:56px;height:56px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:25px;flex:none}.account-menu{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.detail-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;margin:24px 0}.detail-grid>.cover{transform:none;width:150px;height:200px;margin-top:5px}.detail-grid img{width:150px;height:200px;object-fit:contain;background:var(--pl-bg)}.details dl{margin:0}.details dt{font-size:14px;color:var(--muted);margin-top:12px}.details dt:first-child{margin-top:0}.details dd{margin:3px 0 0;font-size:16px;color:var(--ink);overflow-wrap:anywhere}.details dd strong{font-weight:600}.offer{border:1px solid var(--line);border-radius:10px;padding:18px;margin:17px 0;background:#fff}.offer header{display:flex;justify-content:space-between;align-items:start;gap:12px;background:none;border:0;padding:0}.offer header h3{margin:6px 0 9px;font-size:20px}.offer small{font-size:14px;color:var(--muted)}.offer p{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.status-label{display:inline-flex;padding:5px 9px;border:1px solid var(--pl-primary-border);border-radius:20px;background:var(--pl-primary-soft);color:var(--pl-primary-strong);font-size:13px;line-height:1.4}.status-label.accepted{background:var(--pl-pending-soft);color:var(--pl-pending);border-color:var(--pl-pending)}.message-list{max-height:350px;overflow:auto}.message{max-width:94%;background:var(--pl-bg);border-left:3px solid var(--pl-primary-border);border-radius:0 9px 9px 9px;padding:13px;margin:12px 0}.message.mine{background:var(--pl-primary-soft);border-color:var(--green);margin-left:auto;border-radius:9px 0 9px 9px}.message small{font-size:13px;color:var(--muted)}.message p{font-size:16px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.payment-direction{color:var(--green);font-weight:600}.admin-row{display:grid;grid-template-columns:minmax(0,1.5fr) .6fr .8fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:17px 0;font-size:16px}.admin-row small{display:block;font-size:14px;color:var(--muted);overflow-wrap:anywhere}.admin-row select{padding:9px;min-height:44px;max-width:130px;border:1px solid var(--pl-text-muted);border-radius:6px;background:#fff;font-size:16px}.statrow{display:flex;gap:28px;flex-wrap:wrap;border-block:1px solid var(--line);padding:17px 0;margin:24px 0}.statrow strong{display:block;font-size:29px;color:var(--green)}.statrow span{font-size:14px;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:14px 20px;border-radius:10px;max-width:min(90vw,600px);font-size:16px;z-index:20;box-shadow:0 5px 20px #2A223322}.space-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:24px 0}.space-grid>button{display:flex;flex-direction:column;gap:7px;border:1px solid var(--pl-line);background:#fff;border-radius:9px;text-align:left;padding:17px;min-height:100px}.space-grid>button:hover{background:var(--pl-bg)}.space-grid strong{color:var(--green);font-size:18px}.space-grid>button>span{font-size:14px;line-height:1.5;color:var(--muted)}
/* Existing social features share the same text sizes and touch targets. */
.social-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.social-toolbar .textbutton{font-size:14px}.social-stats{display:flex;flex-wrap:wrap;gap:25px;padding:20px 0;border-block:1px solid var(--line);margin:24px 0}.social-stats strong{display:block;font-size:30px;color:var(--green)}.social-stats span{font-size:14px;color:var(--muted)}.social-settings{background:var(--pl-bg);border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:25px}.checkline{display:flex;align-items:center;gap:11px;min-height:44px;font-size:16px;line-height:1.5;padding:9px 0}.checkline input{accent-color:var(--green);height:22px;width:22px;flex:none}.checkline small{display:block;font-size:14px;color:var(--muted)}.social-book-list{display:grid;gap:12px;margin:17px 0}.social-book{display:flex;gap:15px;align-items:center;text-align:left;width:100%;border:1px solid var(--pl-line);border-radius:10px;background:#fff;padding:17px;color:var(--ink);min-height:60px}.social-book:hover{border-color:var(--green);background:var(--pl-bg)}.social-book>span:nth-child(2){flex:1;min-width:0}.social-book strong{font-size:17px}.social-book small{display:block;color:var(--muted);font-size:14px;margin-top:5px;line-height:1.5}.social-level{border:1px solid var(--pl-primary-border);border-radius:7px;padding:10px;background:var(--pl-primary-soft);color:var(--green);font-size:14px;min-width:43px;text-align:center}.need-row{border:1px solid var(--line);background:#fff;border-radius:10px;margin:13px 0;padding:18px;display:flex;align-items:start;justify-content:space-between;gap:16px}.need-row h4{margin:10px 0;font-size:19px}.need-row p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.need-row.found{background:var(--pl-success-soft);color:var(--sage)}.need-row.found h4{text-decoration:line-through;color:var(--sage)}.row-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:260px}.row-actions .btn{font-size:14px;padding:9px 12px;min-height:44px}.book-checks{border:1px solid var(--line);border-radius:9px;padding:16px;margin:20px 0}.book-checks legend{font-size:14px;color:var(--muted);padding:0 7px}.share-preview{border:1px solid var(--line);border-radius:9px;padding:20px;background:#fff;white-space:pre-wrap;font-size:16px;line-height:1.7;overflow-wrap:anywhere}.share-preview span{font-size:14px;color:var(--muted)}.btn.whatsapp{background:var(--pl-primary);color:#fff;border-color:var(--pl-primary)}.qr-panel{width:180px;margin:25px auto 0}.qr-panel svg{width:100%;height:auto}.social-link{color:var(--green);text-decoration:underline}.social-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--pl-primary-soft);color:var(--green);font-size:14px;min-width:24px;min-height:24px;border-radius:15px;padding:2px 7px}.social-badge:empty{display:none}.social-empty{padding:30px;text-align:center;color:var(--muted)}.offer.unread{border-color:var(--pl-primary);border-left:3px solid var(--pl-primary)}.event-summary{border:1px solid var(--line);background:var(--pl-bg);border-radius:10px;padding:20px;margin:20px 0}.event-summary p{font-size:16px}.needs-list:empty{display:none}
@media(max-width:1100px){.navlinks{display:none}.hero{gap:27px}.grid{gap:14px}.book-info{padding:14px}.artbook.one{left:12%}.artbook.two{right:12%}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.1fr 1fr;gap:22px}.heroactions .primary,.heroactions .secondary{font-size:15px;padding:10px 12px}.art{min-height:330px}.artbook{width:120px;height:180px}.artbook strong{font-size:21px}.artbook.one{left:10%}.artbook.two{right:8%}.bubble{font-size:13px}.searchbox{grid-template-columns:repeat(2,minmax(0,1fr))}.searchbox .field:first-child{grid-column:1/-1}.search-actions{align-items:end}.sectionhead h2{font-size:27px}}
@media(max-width:600px){
 html{scroll-padding-top:15px}body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}body>header>nav{padding:10px 20px;gap:12px}.brand{font-size:26px;min-height:44px}.brand>svg{width:32px;height:32px}.navright{gap:0}.navright>a,.navright>.primary{display:none}.navright>.textbutton{font-size:14px;padding:9px 0;min-height:44px;white-space:nowrap}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--pl-line)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:58px;border:0;border-radius:7px;background:#fff;color:var(--green);font-size:14px;line-height:1.25}.mobile-nav button:hover{background:var(--pl-primary-soft)}.mobile-nav button.is-current{background:var(--pl-primary-soft);color:var(--pl-primary-strong);font-weight:600;box-shadow:inset 0 -3px 0 var(--pl-primary)}.mobile-nav .icon{width:23px;height:23px}
 main{display:flex;flex-direction:column}.hero,.wrap{display:contents}.hero>div:first-child{order:0;padding:27px 20px 21px}h1{font-size:38px;letter-spacing:-1.2px;line-height:1.18;margin:15px 0}h1 br{display:none}.intro{font-size:16px;line-height:1.6}.heroactions{margin:20px 0 14px;gap:9px}.heroactions .primary,.heroactions .secondary{font-size:15px;min-height:46px;flex:1}.trust{font-size:14px;gap:8px 13px}.searchbox{order:1;margin:0 16px;padding:16px;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.searchbox .field:first-child{grid-column:1/-1}.search-actions{grid-column:1/-1;gap:4px;align-items:center}.search-actions .primary{flex:1}.field label{font-size:14px}.field input,.field select{font-size:16px;min-height:46px;padding:10px 8px}.search-actions .textbutton{font-size:14px;padding:9px 6px}
 .art{order:2;min-height:190px;border-radius:13px;margin:22px 20px 0}.artbook{width:98px;height:143px;padding:11px 8px;border-left-width:5px}.artbook.one{left:24%;top:21%}.artbook.two{right:23%;top:10%}.artbook strong{font-size:17px}.artbook small{font-size:13px;max-height:32px;overflow:hidden}.bookcircle{width:32px;height:32px;font-size:18px}.bubble{max-width:70%;padding:6px 9px;font-size:13px}.bubble.top{top:9px;left:10px}.bubble.bottom{bottom:8px;right:9px}.swapcircle{height:42px;width:42px;top:44%;left:44%}.swapcircle .icon{width:25px;height:25px}.artcaption{display:none}
 .social-launch{order:3;margin:20px 20px 0;flex-direction:column;align-items:start;gap:8px}.social-launch p{font-size:14px}.social-launch .secondary{font-size:14px;min-height:44px}.catalog{order:4;padding:30px 16px 0}.sectionhead{align-items:start;gap:9px}.sectionhead h2{font-size:25px;line-height:1.35}.sectionhead p{font-size:16px}.sectionhead>.textbutton{font-size:14px;flex:none;padding:8px 3px;gap:4px}.sectionhead>.textbutton .icon{width:18px;height:18px}.filters{gap:8px;margin:20px 0}.chip{min-height:44px;padding:9px 13px;font-size:14px}.grid{gap:12px}.book{border-radius:10px}.book-art{height:240px}.cover{width:118px;height:160px;padding:12px 9px}.cover small{font-size:13px;max-height:31px}.cover b{font-size:20px;max-height:76px}.cover span{font-size:14px}.book-info{padding:12px}.book h3{font-size:17px;margin:8px 0 11px}.book-meta{font-size:14px}.book-reference{font-size:14px;line-height:1.5}.book-info .book-condition{font-size:14px}.book-place{font-size:14px;gap:4px}.book-place .icon{width:15px;height:15px}.book-bottom>span,.book-bottom button{font-size:14px}.book-tag{font-size:13px;max-width:calc(100% - 16px);top:8px;left:8px;min-height:0}.demo-label{font-size:13px;padding:3px 5px}.catalogue-footer{flex-direction:column;gap:7px;font-size:13px}.howtitle{order:5;font-size:25px;margin:35px 20px 16px}.how{order:6;grid-template-columns:1fr;padding:22px;margin:0 20px 30px;gap:23px}.how h3{font-size:21px}.how p{font-size:16px}.foot{order:7;margin:0 20px;padding:17px 0;gap:10px;font-size:13px;align-items:start;flex-direction:column}.foot>a{font-size:14px}.empty{padding:26px 18px}.empty h3{font-size:23px}.empty .formactions{flex-direction:column;align-items:stretch}.toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:16px;padding:12px 17px;width:max-content;max-width:90vw}.formtwo{grid-template-columns:1fr;gap:0}.formtwo .formrow{margin:12px 0}#modalBody{padding:22px 18px}#modalBody h2{font-size:27px}.modal-top{font-size:13px;padding:8px 13px}.detail-grid{grid-template-columns:120px minmax(0,1fr);gap:17px}.detail-grid>.cover,.detail-grid img{width:120px;height:177px}.details dt{font-size:14px}.details dd{font-size:16px}.offer{padding:16px}.offer header{flex-direction:column;gap:4px}.offer header h3{font-size:20px}.admin-row{grid-template-columns:1fr 1fr;gap:10px}.admin-row>div,.admin-row>.btn{grid-column:1/-1}.admin-row select{max-width:100%;width:100%}.statrow{gap:20px}.space-grid{grid-template-columns:1fr;gap:12px}.space-grid>button{min-height:90px;padding:16px}.social-stats{gap:18px}.social-stats span{font-size:14px}.social-settings{padding:16px}.need-row{flex-direction:column;padding:16px}.row-actions{max-width:none}.social-book{padding:14px;gap:10px}.social-book strong{font-size:17px}.social-level{padding:9px;font-size:14px}.share-preview{padding:16px;font-size:16px}.formactions .btn{max-width:100%}.social-toolbar .btn,.social-toolbar .textbutton{font-size:14px;min-height:44px}
}
@media(max-width:370px){.grid{grid-template-columns:1fr}.book-art{height:230px}.book .cover{width:145px;height:180px}.book-info{padding:17px}.book h3{font-size:19px}.book-reference{font-size:16px}.heroactions{flex-direction:column}.artbook.one{left:19%}.artbook.two{right:18%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Semantic amounts and statuses, with words/icons in addition to color. */
.cash-amount{background:var(--pl-accent-soft);color:var(--pl-accent-text);border-radius:6px;padding:8px}.book-bottom>.cash-amount{color:var(--pl-accent-text)}
.status-label.pending{background:var(--pl-pending-soft);color:var(--pl-pending);border-color:var(--pl-line)}
.status-label.accepted,.status-label.completed,.status-label.available{background:var(--pl-success-soft);color:var(--pl-success);border-color:var(--pl-line)}
.status-label.declined{background:var(--pl-error-soft);color:var(--pl-error);border-color:var(--pl-line)}
.status-label.reserved{background:var(--pl-text);color:var(--pl-surface);border-color:var(--pl-text)}
.status-label.exchanged{background:var(--pl-line);color:var(--pl-text);border-color:var(--pl-line)}
.status-label.withdrawn,.status-label.hidden{background:var(--pl-surface);color:var(--pl-text-muted);border-color:var(--pl-text-muted)}
@media(max-width:400px){.searchbox{grid-template-columns:minmax(0,1fr)}.search-actions{align-items:stretch;flex-direction:column}.search-actions .primary,.search-actions .textbutton{width:100%}.book-tag{white-space:nowrap;gap:4px;padding:5px 6px}.book-tag .icon{width:14px;height:14px}}

.compare-candidate{border-top:1px solid var(--line);padding:12px 0}.compare-warning{color:var(--pl-pending)}.comparison-list .book-reference{font-size:16px}.share-card{width:100%;justify-content:start}.compare-candidate .checkline{align-items:start}.compare-candidate small{display:block;font-size:14px;color:var(--muted)}

.sectionhead .catalogue-total{font-size:14px;font-weight:600;color:var(--green);margin:0 0 7px}

.rating-field{border:1px solid var(--line);border-radius:9px;padding:16px;margin:20px 0}.rating-field legend{font-size:16px;font-weight:600}.rating-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.rating-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;gap:5px;border:1px solid var(--pl-primary-border);border-radius:7px;font-size:18px;color:var(--green);cursor:pointer}.rating-choice input{width:21px;height:21px;accent-color:var(--green)}.rating-choice:has(input:checked){background:var(--pl-primary-soft);border-color:var(--primary)}blockquote{border-left:3px solid var(--pl-primary-border);margin:16px 0;padding:12px 16px;background:var(--pl-bg);font-size:16px}.feedback-detail{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.feedback-detail h3{font-size:20px}

.admin-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.admin-filters{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin:18px 0}.space-grid .admin-entry{border-color:var(--pl-primary);background:var(--pl-primary-soft)}@media(max-width:600px){.admin-filters{grid-template-columns:1fr;gap:0}.admin-filters .formrow{margin:8px 0}}