:root{--bg:#201915;--accent:#9b3537;--fg:#efe1c9;--panel:#201a18}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:Georgia,serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:inherit}button{touch-action:manipulation}.brand{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem max(1.2rem,env(safe-area-inset-left));position:relative;z-index:3}.brand h1{margin:0;font-size:clamp(2.4rem,9vw,5rem);font-weight:400;letter-spacing:.07em;color:var(--accent);line-height:.85}.brand h1 span{display:block;font:600 .16em Arial,sans-serif;letter-spacing:.6em;text-align:center;margin-top:.8em}.brand-actions{display:flex;align-items:center;gap:.4rem}.sound-toggle{width:44px;height:44px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);background:transparent}.sound-toggle[aria-pressed=true]{background:var(--accent);color:var(--bg)}.icon-button .saved-count{font:600 .55rem Arial,sans-serif;vertical-align:top}.compare-actions{display:flex;justify-content:center;gap:1rem}.icon-button{border:1px solid currentColor;background:transparent;color:var(--accent);width:44px;height:44px;border-radius:50%;font-size:1.4rem}.overline,.path-label{font:600 .72rem Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase}.saved-trigger,.footer-button{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.7rem 1rem;border-radius:3px;font:600 .8rem Arial,sans-serif;letter-spacing:.06em}.footer-button{display:block;margin:2rem auto}.results{display:grid;gap:1rem}.result-card{position:relative;min-width:0;padding:1.2rem;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:var(--panel);color:var(--fg);border-radius:8px}.result-card .meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font:600 .72rem Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}.result-card h3{font-size:clamp(1.4rem,4vw,2rem);font-weight:400;line-height:1.1;margin:.7rem 0}.result-card p{font:1rem/1.5 Arial,sans-serif;opacity:.78;margin:.5rem 0 1rem}.result-card button{border:1px solid var(--accent);background:var(--accent);color:var(--bg);min-height:44px;padding:.65rem 1.2rem;border-radius:3px;font:600 .9rem Arial,sans-serif}.result-card .service{display:block;font:.75rem Arial,sans-serif;opacity:.7;margin-top:.8rem}.empty{padding:2rem;border:1px dashed var(--accent);line-height:1.5}.active{filter:brightness(1.18)}.current-cat{color:var(--accent)}#overlay{position:fixed;inset:0;background:#000b;z-index:10;display:none;align-items:end;justify-content:center}#overlay.open{display:flex}.sheet{background:var(--bg);color:var(--fg);border:1px solid var(--accent);border-radius:18px 18px 0 0;width:min(100%,680px);max-height:92dvh;overflow:auto;padding:1.25rem 1.25rem calc(1.4rem + env(safe-area-inset-bottom));box-shadow:0 -20px 70px #0008}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sheet h2{font-size:clamp(2rem,8vw,3.3rem);font-weight:400;line-height:1.05;margin:.8rem 0}.sheet p,.sheet li{font:1rem/1.55 Arial,sans-serif}.sheet ol{padding-left:1.35rem}.sheet li{padding:.35rem 0}.sheet .caveat{border-left:3px solid var(--accent);padding:.7rem 1rem;background:var(--panel)}.sheet .actions{display:flex;flex-wrap:wrap;gap:.7rem}.sheet .actions a,.sheet .actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:4px;padding:.7rem 1rem;font:600 .9rem Arial,sans-serif;text-decoration:none}.sheet .actions button{background:transparent;color:var(--accent)}.sheet .close{background:transparent;border:0;color:var(--fg);font-size:1.7rem;min-width:44px;min-height:44px}.sheet input[type=search]{width:100%;padding:1rem;background:var(--panel);color:var(--fg);border:1px solid var(--accent);border-radius:5px;font:1rem Arial,sans-serif}.sheet .search-results{display:grid;gap:.5rem;margin-top:1rem}.sheet .search-results button{padding:1rem;text-align:left;border:1px solid var(--accent);background:var(--panel);color:var(--fg);font:1rem Arial,sans-serif}.sheet .search-results small{display:block;color:var(--accent);margin-top:.4rem}.splash{position:fixed;inset:0;background:var(--bg);z-index:20;display:grid;place-items:center;color:var(--accent);pointer-events:none;animation:depart .7s ease .35s forwards}.splash-0 span{transform-origin:bottom;animation:arrive .5s both}.splash-3 span{animation:arrive .5s both,rotate-in .7s both}.splash-9 span{animation:arrive .5s both}.splash-9{background:#dfc9aa}@keyframes rotate-in{from{transform:rotate(-90deg) scale(.6);opacity:0}to{transform:none;opacity:1}}.splash span{font-size:clamp(4rem,18vw,9rem);letter-spacing:.13em;animation:arrive .5s both}@keyframes arrive{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}@keyframes depart{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.splash{display:none}}
body{background:radial-gradient(#453126,#1b1512)}.brand,.folio{max-width:900px;margin:auto}.folio{padding:1rem;position:relative}.binder-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);font:.7rem Arial,sans-serif;letter-spacing:.18em;padding:1rem}.paper-stack{position:relative;margin:1rem 3.3rem 0 0;min-height:520px;touch-action:pan-y}.paper-back,.paper-front{border-radius:17px;background:#f0e3ca;border:1px solid #b7a081;box-shadow:0 14px 25px #0008}.paper-back{position:absolute;inset:0}.back-one{transform:translate(12px,14px) rotate(1deg);background:#b4786c}.back-two{transform:translate(22px,25px) rotate(2deg);background:#746456}.paper-front{position:relative;min-height:520px;padding:1.5rem;color:#211813;transition:transform .3s}.paper-front:before{content:'';position:absolute;left:2rem;top:0;bottom:0;width:1px;background:#ae7775}.paper-front .overline{display:block;padding-left:2rem;border-bottom:1px solid #ad8881;padding-bottom:1rem;color:#5c3632}.paper-front .results{padding:1rem 0 0 2rem}.paper-front .result-card{background:transparent;border:0;border-bottom:1px solid #c5ad91;border-radius:0;color:#211813;padding:1rem .2rem}.paper-front .result-card .meta{color:#7b3333}.paper-front .result-card button{background:#6a282a;color:#fff}.paper-front .result-card p{color:#33231e}.swipe-hint{font:.75rem Arial,sans-serif;padding:1rem 0 0 2rem;color:#715a4d}.binder-tabs{position:absolute;right:1rem;top:6rem;display:grid;gap:.15rem}.binder-tab{writing-mode:vertical-rl;min-height:58px;min-width:38px;border:1px solid #8e6b51;border-radius:0 10px 10px 0;background:#d1b99a;color:#332217;padding:.3rem}.binder-tab span:first-child{display:none}.binder-tab.active{background:#743034;color:white;transform:translateX(6px)}@media(max-width:600px){.paper-stack{margin-right:2.4rem}.paper-front{padding:.8rem}.paper-front .results{padding-left:1rem}.binder-tab{min-height:52px;min-width:30px;font-size:.75rem}}