/* Friendly Hatbox concierge theme. Presentation only; API and records unchanged. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Italianno&display=swap');
:root{--purple:#593281;--nav:#fffdfc;--gold:#b68642;--gold-light:#805d29;--aqua:#147e8d;--ink:#342349;--paper:#fffdf9;--panel:#fffdfa;--panel-edge:#d7c8e3;--nav-w:248px;--heading:'Cormorant Garamond',Georgia,serif}
body{background:radial-gradient(ellipse at 90% 0%,#e8e0f9 0,transparent 45%),linear-gradient(125deg,#f8f6ff,#fffdf8);color:var(--ink)}
h1,h2,h3,.cinzel{font-family:var(--heading)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #167b8c;outline-offset:4px}button,a{touch-action:manipulation}.app{min-width:0;padding:0 clamp(20px,3vw,48px) 32px}.loading{color:var(--purple);text-shadow:none}
.side-nav{background:linear-gradient(180deg,#fffefd,#fbf8ff);color:var(--purple);border-right:1px solid #dccbe7;padding:25px 12px 20px;box-shadow:3px 0 20px #6c49800b}.brand{text-align:center;display:grid;justify-items:center;padding:0 0 12px;color:#633789}.brand>span:not(.brand-spark){font-family:var(--heading);font-weight:700;font-size:39px;line-height:.82;letter-spacing:-2px}.brand .brand-spark{color:#b68642;font-size:25px;margin-bottom:8px}.brand small{font-size:10px;color:#08677b;margin-top:15px;letter-spacing:2px}.nav-title{font-size:10px;letter-spacing:3px;color:#7b648d;margin:2px 0 25px}.nav-group{margin-bottom:18px}.nav-group h4{color:#796787;font-size:9px;letter-spacing:1.6px;padding-left:13px;margin-bottom:8px}.nav-link{min-height:47px;padding:11px 13px;color:#493069;font-size:13px;display:flex;gap:13px;align-items:center;line-height:1.4;border-left:3px solid transparent}.nav-link .resource-icon{width:23px;height:23px;color:#117c91;flex-shrink:0}.nav-link:hover{background:#f0eaf7}.nav-link.active{background:#dff3f5;color:#006c80;border-left-color:#33a6b8}.nav-panel{margin-top:5px;border:none;border-top:1px solid #e6daeb;border-radius:0;padding:17px 12px 0;background:none}.nav-panel p{line-height:1.6}.nav-user{color:#6c5c80}.nav-motto{border:1px solid #b98c4a;border-radius:25px 25px 9px 9px;margin:18px 14px 0;padding:21px 12px 13px;text-align:center;font:19px/1.35 var(--heading);color:#63467d;box-shadow:inset 0 0 0 4px #fffdfa,inset 0 0 0 5px #e1cba7}.nav-motto span{display:block;color:var(--gold);margin-top:12px}
.hero{position:relative;min-height:280px;display:flex;align-items:flex-start;text-align:left;padding:35px 0 24px;margin-bottom:18px;border-bottom:1px solid #e2d4eb;overflow:hidden}.hero-copy{position:relative;z-index:1;width:70%;max-width:760px}.welcome{font:38px/1 'Italianno',cursive;color:#ac772e;padding-left:5px}.hero h1{color:#58317b;text-shadow:none;font-weight:600;letter-spacing:-2px;font-size:clamp(48px,5.7vw,80px);line-height:1.05;margin:6px 0}.hero .tagline{color:#75618c;text-shadow:none;font:italic 22px/1.4 var(--heading);margin:10px 0 20px}.search-wrap{width:min(580px,100%)}.search-wrap input{font:14px Inter,system-ui,sans-serif;padding:17px 23px;background:#ffffffdc;border:1px solid #c7b5dc;box-shadow:0 5px 15px #65468012;color:var(--ink)}.hero-art{position:absolute;right:-30px;top:0;width:44%;height:100%;background:url('/assets/concierge-hero.png') right center/cover no-repeat;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 25%)}
.top-pair{max-width:none;margin:14px 0 26px;padding:0;gap:22px;align-items:stretch}.stone,.stone.featured{aspect-ratio:auto;background:#fffdfb;box-shadow:0 5px 18px #63477b0e;border:1px solid #d8c5e8;border-radius:17px;padding:26px;min-width:0;text-shadow:none;align-items:stretch;text-align:left;overflow:hidden}.stone:before,.stone.featured:before{display:none}.stone .resource-emblem{background:#f1eafa;color:#6b4392;width:65px;height:65px;border:1px solid #e4d5ed;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.resource-icon{width:31px;height:31px}.stone h3,.stone.featured h3{color:#58337e;text-shadow:none;font:600 28px/1.05 var(--heading);margin:0 0 10px}.stone p,.stone.featured p{font:14px/1.6 Inter,system-ui,sans-serif;color:#756187;text-shadow:none;font-weight:400;margin:0 0 15px}.resource-copy{min-width:0;display:flex;flex-direction:column;height:100%}.stone-grid{padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch}.stone-grid .stone{display:flex;flex-direction:row;gap:17px;padding:23px 18px}.stone-grid .resource-emblem{width:48px;height:48px}.stone-grid .resource-icon{width:26px;height:26px}.stone-grid .stone h3{font-size:25px}.stone-grid .stone p{font-size:12px}.stone-grid .btn-gold{font-family:Inter,system-ui,sans-serif;font-weight:500;letter-spacing:0;background:none;color:#6a408a;box-shadow:none;padding:0;margin:auto 0 0;text-align:left;font-size:12px;border:none;display:flex;align-items:center;gap:12px}.btn-gold span{font-family:Georgia,serif;font-size:25px;line-height:1}.resources-heading{font:500 20px var(--heading);letter-spacing:2px;text-transform:uppercase;color:#634080;margin:32px 0 17px;display:flex;align-items:center;gap:20px}.resources-heading:after{content:'';height:1px;background:linear-gradient(90deg,#c7a266,transparent);flex:1}
.top-pair .stone{min-height:345px;display:flex;align-items:center;text-align:center;padding:27px 25px 24px;background:radial-gradient(ellipse at 0% 100%,#dbcbefbb,transparent 60%),linear-gradient(135deg,#fffdf9,#f1eafa);border:1px solid #bea1d4;box-shadow:inset 0 0 0 7px #ffffff88,inset 0 0 0 8px #dbc9e7,0 6px 17px #7f5d9914}.top-pair .stone.featured{background:radial-gradient(ellipse at 100% 100%,#b9e6e9,transparent 60%),linear-gradient(135deg,#fffdf9,#eafafb);border-color:#83c5ce;box-shadow:inset 0 0 0 7px #ffffff88,inset 0 0 0 8px #b9dfe0,0 6px 17px #7f5d9914}.top-pair .resource-emblem{border:1px solid #bf934e;outline:4px double #d9c393;background:#fffaf2;width:67px;height:67px;margin:0 0 18px}.top-pair .featured .resource-emblem{color:#08758a}.top-pair h3{font-size:clamp(35px,3.6vw,53px);margin:0 0 15px;letter-spacing:-1px}.top-pair .featured h3{color:#12596a}.top-pair .resource-copy{align-items:center;width:100%;flex:1}.top-pair p{font:20px/1.35 var(--heading);max-width:330px;margin:0 0 20px}.top-pair .btn-gold{margin:auto 0 0;width:85%;max-width:320px}.btn-gold{background:linear-gradient(#8459a4,#60387f);color:#fff;border:1px solid #805094;box-shadow:inset 0 1px 1px #ffffff80,0 3px 7px #65388422;font:600 19px var(--heading);letter-spacing:0;padding:13px 22px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:24px}.featured .btn-gold{background:linear-gradient(#249cad,#08758a);border-color:#138b9b}.btn-ghost{border-color:#baa4cc;color:#61417e;background:#fffaf7;min-height:42px}.btn-danger{color:#a03532;background:#fff4f1}.stone .badge{position:static;align-self:flex-start;background:#fcf0d8;color:#795426;border:1px solid #ead5af;box-shadow:none;font:500 10px Inter,system-ui,sans-serif;letter-spacing:.5px;transform:none;border-radius:20px;padding:4px 9px;margin:0 0 9px}.plot-row{justify-content:flex-start;margin:18px 0}.plot-sign{transform:none}.plot-sign .board{background:none;border:none;padding:0;color:var(--purple);font:500 30px var(--heading);text-shadow:none;box-shadow:none;letter-spacing:0;white-space:normal}.plot-sign .board:before,.plot-sign .board:after,.plot-sign .posts{display:none}.empty-note{color:#6c5c80;text-shadow:none}.portal-footer{text-align:center;color:#7c628f;font:11px/1.8 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:3px;margin:42px 0 10px}.portal-footer span{color:var(--gold);padding:0 12px}
.panel{background:#fffdfb;color:var(--ink);box-shadow:0 10px 35px #5534740c}.panel h2,.panel h3{color:var(--purple)}.panel .sub,.panel label{color:#6c5c80}.card{background:#faf7fe;border-color:#e0d3e9}.card h4{color:#593281}.card p,.card .meta{color:#6c5c80}.contract-body{background:#f1edf5;color:#493b56}.tabs button{color:#6b4787;border-color:#c6afd5}.tabs button.active{color:#fff;background:#71508d}.viewas-bar{background:#eaf8f8;border-color:#b9dfe0}.viewas-bar label{color:#176979}.flag-item,.flag-inline{color:#7b5828}.flag-item{background:#fff6e4;border-color:#e3c890}.flag-item.overdue{background:#fff0ec;color:#a03532;border-color:#e0b3a9}table.roster th{color:#795426}.modal-back{background:#35234466;backdrop-filter:blur(4px)}.modal{background:#fffdfb;color:var(--ink);border-color:#dac6e8;box-shadow:0 25px 80px #3a21493b}.modal h3{color:var(--purple);font:600 31px var(--heading)}.modal p,.modal label{color:#6c5c80}.modal .error{color:#a03532}.toast{background:#58347a;color:#fff;border-color:#ad88c7}.nav-toggle{background:#fffafc;color:#55317c;min-height:44px;border-color:#bba2d0}
@media(min-width:1500px){.app{padding-left:48px;padding-right:48px}.hero{min-height:300px}.top-pair .stone{min-height:360px}}
@media(max-width:1150px){.stone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-pair{gap:16px}.top-pair .stone{padding-left:16px;padding-right:16px}.top-pair p{font-size:18px}.hero-copy{width:75%}}
@media(max-width:900px){.app{margin-left:0;padding:0 20px 26px;width:100%}.side-nav{width:min(300px,86vw);padding-top:65px;box-shadow:10px 0 35px #4c2c6020}.hero{padding-top:73px;min-height:300px}.hero h1{font-size:62px}.hero-art{width:45%}.hero-copy{width:75%}.hero .search-wrap{width:100%}.top-pair{grid-template-columns:1fr 1fr;max-width:none}.stone-grid{max-width:none;gap:16px}.top-pair .stone{min-height:330px}.top-pair h3{font-size:38px}.panel .row{grid-template-columns:1fr}.panel{margin-top:72px}.panel .panel{margin-top:18px}}
@media(max-width:600px){.app{padding-left:16px;padding-right:16px}.hero{min-height:315px;padding-top:74px;margin-bottom:20px}.hero-copy{width:100%}.hero h1{font-size:51px;letter-spacing:-1.5px}.welcome{font-size:30px}.hero .tagline{font-size:20px;max-width:245px;margin-top:9px}.hero-art{right:-42px;top:33px;height:180px;width:49%;opacity:.6;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 50%)}.search-wrap{margin-top:30px;position:relative}.search-wrap input{font-size:16px;padding:15px 18px}.top-pair{grid-template-columns:1fr;gap:18px}.top-pair .stone{min-height:315px;padding:25px 21px}.top-pair h3{font-size:45px}.top-pair p{font-size:20px}.top-pair .btn-gold{width:90%}.stone-grid{grid-template-columns:1fr;gap:13px}.stone-grid .stone{padding:22px 19px}.stone-grid .stone h3{font-size:28px}.stone-grid .stone p{font-size:13px}.resources-heading{font-size:15px;letter-spacing:1px;gap:10px}.portal-footer{font-size:9px;letter-spacing:1.5px;line-height:2}.portal-footer span{padding:0 4px}.panel{padding:18px 15px}.viewas-bar select{min-width:0;width:100%}.modal{padding:24px 20px}.modal .actions>*{flex:1}.flag-inline,.flag-item,.nav-user{overflow-wrap:anywhere}.actions{flex-wrap:wrap}.panel input,.panel select,.panel textarea{max-width:100%;font-size:16px}.card{padding:15px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.top-pair .stone h3{font-size:clamp(35px,3.6vw,53px);line-height:1.05;letter-spacing:-1px}.top-pair .stone p{font:20px/1.35 var(--heading);max-width:330px;margin:0 0 20px}.feature-illustration{position:absolute;left:6px;bottom:9px;width:120px;height:160px;object-fit:contain;z-index:0;pointer-events:none}.featured .feature-illustration{left:auto;right:0}.top-pair .btn-gold{position:relative;z-index:2;max-width:285px}.top-pair .crypt-feature .btn-gold{transform:translateX(16px)}.top-pair .featured .btn-gold{transform:translateX(-16px)}
@media(max-width:600px){.top-pair .stone h3{font-size:45px}.feature-illustration{width:88px;height:130px;top:0;bottom:auto;left:9px}.featured .feature-illustration{right:8px;left:auto}.top-pair .crypt-feature .btn-gold,.top-pair .featured .btn-gold{transform:none}}
.side-nav .brand{padding:5px 5px 12px;min-height:107px;display:grid;place-items:center}.side-nav .wordmark{filter:brightness(0) saturate(100%) invert(26%) sepia(24%) saturate(1280%) hue-rotate(228deg);margin:0;width:100%;height:auto}