:root{--ink:#19352b;--lime:#d8ff36;--paper:#f7f8f5;--line:#dce2d8;--muted:#617068}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:10px;padding:12px 20px;font-weight:700;color:inherit}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible{outline:3px solid #7b8a18;outline-offset:4px}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:22px 6%;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:28px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brandmark{display:grid;place-items:center;background:var(--lime);height:42px;width:42px;border-radius:13px}.beta{font-size:10px;letter-spacing:1.3px;margin-left:12px;border-left:1px solid var(--line);padding-left:20px}nav{display:flex;align-items:center;gap:10px}.dark{background:var(--ink);color:white}.primary{background:var(--lime);color:var(--ink)}.quiet{background:transparent}.outlined{background:transparent;border:1px solid var(--ink)}main{max-width:1320px;margin:auto;padding:45px 6% 30px}.intro{display:grid;grid-template-columns:1fr 1fr;background:#eaf0e6;border-radius:22px;overflow:hidden;min-height:355px}.intro>div{padding:38px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px}h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;line-height:1.08;margin:18px 0}p{color:var(--muted)}.intro p{margin:20px 0 25px}.intro figure{margin:0;position:relative;min-height:300px}.intro img{height:100%;width:100%;object-fit:cover;position:absolute}.intro figcaption{position:absolute;bottom:22px;right:24px;background:var(--lime);padding:8px 15px;border-radius:5px;transform:rotate(-4deg);font-weight:700;font-size:14px}.welcome{margin-top:44px}h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:10px 0 24px}h3{font-size:23px;line-height:1.2;letter-spacing:-.4px}.pathgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.path{border:1px solid var(--line);padding:28px;border-radius:16px;background:#fff}.number{font-size:12px;letter-spacing:1.5px;font-weight:bold}.path p{max-width:400px}.bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:12px}.bottom>span{font-size:14px}.bottom strong{font-size:25px}.sellerpath{background:#edf3e9}.footnote{font-size:13px;text-align:center;margin-top:32px;color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 6%;font-size:13px;color:var(--muted)}footer span:first-child{font-weight:bold;color:var(--ink)}dialog{border:0;border-radius:20px;padding:32px;width:min(480px,calc(100% - 28px));max-height:92vh;color:var(--ink);box-shadow:0 24px 100px #0003}dialog::backdrop{background:#10282080;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:8px;background:transparent;font-size:26px}.segmented{display:flex;background:#edf1ea;padding:4px;border-radius:10px;margin:20px 0}.segmented button{flex:1;background:transparent;padding:10px}.segmented .selected{background:white;box-shadow:0 2px 5px #0001}label{display:block;font-size:14px;font-weight:700;margin:18px 0}input,select{display:block;width:100%;background:white;border:1px solid #b5c1b5;border-radius:8px;padding:12px;color:var(--ink);margin-top:7px}input:focus,select:focus{outline:2px solid #829f49;outline-offset:2px}small{font-size:12px;font-weight:400;color:var(--muted);display:block;margin-top:5px}.wide{width:100%}.textbutton{background:none;font-size:14px;padding:10px}.feenote,.notice{background:#eff4dc;padding:14px;border-radius:9px;font-size:14px;color:var(--ink)}#authmessage{font-size:14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:10px;padding:12px 20px;max-width:90vw;display:none;z-index:10}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.pagehead h1{font-size:38px}.badge{display:inline-block;border-radius:30px;background:#e9efdf;padding:6px 12px;font-size:13px}.workspace{display:grid;grid-template-columns:1fr 310px;gap:25px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:20px}.panel h2{font-size:22px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.item{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}.item label{margin:10px 0}.item button{margin-bottom:10px;background:#f1f3ee;padding:12px}.empty{padding:50px 20px;text-align:center;border:1px dashed #b3bfae;border-radius:16px;background:#fff}.empty p{max-width:400px;margin:12px auto 25px}.menurow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:15px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stock{font-size:14px;color:#486234}.sold{color:#8b5047}.price{font-weight:bold}.savebar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-weight:bold}.sellerheading{display:flex;gap:14px;align-items:center}.sellerheading h2{margin:0}.location{font-size:14px;color:var(--muted);margin:12px 0}.statprice{font-size:48px;font-weight:bold;letter-spacing:-2px}.statprice small{display:inline;font-size:16px;letter-spacing:0}.hint{font-size:14px}a{color:inherit} [hidden]{display:none!important}@media(max-width:720px){header{padding:18px 5%;flex-wrap:wrap;min-height:80px}.beta{display:none}.brand{font-size:24px}nav button{padding:10px;font-size:14px}main{padding:24px 5%}.intro{grid-template-columns:1fr}.intro>div{padding:28px}.intro figure{min-height:200px}.intro img{object-position:center 45%}.pathgrid,.workspace,.cards{grid-template-columns:1fr}.path{padding:22px}.welcome{margin-top:32px}.pagehead{align-items:start}.pagehead h1{font-size:30px}.item{grid-template-columns:2fr 1fr 1fr}.item button{grid-column:3;justify-self:end}.cols{grid-template-columns:1fr;gap:0}footer{font-size:12px}.bottom{flex-wrap:wrap}.panel{padding:20px}}

.schoolpicker label{margin:0}.schoolcontrols{display:flex;gap:12px;margin-top:8px}.schoolcontrols input{margin:0;flex:1;min-width:0}.schoolcontrols button{white-space:nowrap}@media(max-width:480px){.schoolcontrols{flex-direction:column}}

textarea{display:block;width:100%;min-height:100px;padding:12px;margin-top:7px;font:inherit;border:1px solid #b5c1b5;border-radius:8px;resize:vertical;color:var(--ink)}

/* Page navigation and gentle interaction feedback. */
.pagenav{flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:8px;background:#eaf0e6;border-radius:14px}.pagenav a{padding:11px 17px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:700;transition:background .18s,color .18s}.pagenav a[aria-current="page"]{background:var(--ink);color:white;box-shadow:0 3px 8px #19352b18}.pagenav a:hover{background:#dce6d7}.pagenav a[aria-current="page"]:hover{background:var(--ink)}.soundtoggle{margin-left:auto;font-size:14px}.workspace.singlepage{display:block;max-width:900px}.page-enter{animation:page-enter .22s ease-out}button{transition:transform .15s,filter .15s,box-shadow .15s}button:active:not(:disabled){transform:scale(.97)}input,select,textarea{transition:border-color .16s,box-shadow .16s}.panel{animation:panel-in .24s ease-out}dialog[open]{animation:panel-in .2s ease-out}small{font-size:14px}header nav{flex-wrap:wrap}#toast{box-shadow:0 8px 28px #19352b26}@keyframes page-enter{from{opacity:.6;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes panel-in{from{opacity:.7;translate:0 4px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){.pagenav a{padding:10px 12px}.soundtoggle{margin-left:0}.pagehead{flex-wrap:wrap}header nav{width:100%}}

.chatlayout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.chatlayout h3{font-size:20px}.threadbutton{display:block;text-align:left;width:100%;background:transparent;margin:6px 0;overflow-wrap:anywhere}.threadbutton.selected{background:#eaf2db}.chatpanel{min-width:0}.chatpanel h3{margin-top:0}#chatlog{max-height:440px;overflow-y:auto;padding:8px 4px;display:flex;flex-direction:column;gap:12px;min-height:150px}.bubble{align-self:flex-start;background:#edf1e9;border-radius:14px 14px 14px 3px;padding:12px 16px;max-width:88%;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.mine{align-self:flex-end;background:#e5f5b2;border-radius:14px 14px 3px 14px}.bubble small{font-size:12px}#messageform textarea{min-height:80px}.bookingcard .pagehead{margin-bottom:0}.bookingcard h3{margin:0}.bookingnote{white-space:pre-wrap;overflow-wrap:anywhere}.booking-approved{background:#d8ff36}.booking-declined,.booking-cancelled,.booking-expired{background:#f0e7e1}.snackaction{display:flex;gap:14px;align-items:center}.snackaction button{padding:8px 14px}.bookingcard{max-width:900px}.chatlayout aside{max-height:650px;overflow:auto}.chatpanel .savebar small{max-width:300px}@media(max-width:760px){.chatlayout{grid-template-columns:1fr}.chatlayout aside{max-height:230px}.snackaction{flex-direction:column;gap:6px}.bubble{max-width:95%}}

.sellercard{cursor:pointer;transition:box-shadow .18s,border-color .18s}.sellercard:hover{border-color:#a0b488;box-shadow:0 6px 20px #19352b0c}.sellerprofilelink{background:none;padding:0;text-align:left;font:inherit;letter-spacing:inherit}.sellerprofilelink:hover{text-decoration:underline;text-underline-offset:4px}.profilecta{padding:10px 0;text-decoration:underline;text-underline-offset:3px}#sellerprofile{width:min(680px,calc(100% - 28px));padding:32px}#sellerprofiletitle{padding-right:25px;overflow-wrap:anywhere}.pickupdetails{border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:20px 0}.pickupdetails h3{font-size:16px;margin:0}.pickupdetails p{margin:8px 0 0;color:var(--ink);overflow-wrap:anywhere}.profilemenutitle{margin:28px 0 12px}.profilemenutitle h3{margin-bottom:6px}.profile-school{margin:10px 0}.sellerheading h2{overflow-wrap:anywhere;min-width:0}.sellerheading .avatar{flex-shrink:0}@media(max-width:480px){#sellerprofile{padding:25px 20px}}

.messageactions{display:flex;gap:8px;flex-wrap:wrap}#peoplelist{max-height:360px;overflow:auto}#peoplesearch input{min-width:0}

.browsetools>label{margin-top:0}.browseoptions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.browseoptions label{margin:12px 0}.checklabel{display:flex;align-items:center;gap:8px}.checklabel input{width:18px;height:18px;margin:0;accent-color:var(--ink)}.browseoptions select{padding:8px 12px}.stepsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.stepsgrid article{border-top:2px solid var(--ink);padding-top:20px}.stepsgrid h3{font-size:22px}.quickhelp{max-width:1160px;margin:30px auto 50px;padding:0 6%}.quickhelp h2{font-size:24px}.quickhelp details{border-bottom:1px solid var(--line);padding:15px 0}.quickhelp summary{cursor:pointer;font-weight:700}.quickhelp details p{max-width:760px;margin-bottom:5px}.quickhelp summary:focus-visible{outline:3px solid #7b8a18;outline-offset:4px}.shopchecks{list-style:none;padding:0}.shopchecks li{display:flex;align-items:center;gap:4px}.shopchecks button{text-align:left;padding:8px}.shopnumbers{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:16px;margin:18px 0}.shopnumbers strong{font-size:27px}.shopnumbers small{font-size:13px}.browseempty{margin-bottom:20px}@media(max-width:720px){.stepsgrid{grid-template-columns:1fr;gap:15px}.browseoptions{gap:12px}.quickhelp{padding:0 5%}.browsetools input{font-size:16px}}

.paymentfields{border:1px solid var(--line);border-radius:12px;margin:25px 0 0;padding:16px}.paymentfields legend{font-weight:700;padding:0 8px}.paymentfields p{margin:0}.profilepayments{margin-top:28px;border-top:1px solid var(--line);padding-top:8px}.paymentrow{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:14px 0}.paymentrow>div{min-width:0}.paymentrow span{display:block;overflow-wrap:anywhere;user-select:text}.paymentrow button{flex-shrink:0;padding:9px 14px}.profilepayments h3{font-size:22px}

.alertcount{display:inline-block;background:#d8ff36;color:#19352b;border-radius:20px;padding:1px 6px;font-size:12px;min-width:20px;text-align:center}.unreadalert{background:#edf5da}.threadbutton span{display:block;font-weight:400;overflow-wrap:anywhere}#alertnotice{position:fixed;right:20px;bottom:25px;z-index:30;display:flex;align-items:center;gap:12px;background:#19352b;color:white;border-radius:16px;padding:18px;box-shadow:0 12px 40px #0003;width:min(470px,calc(100vw - 32px))}#alertnotice p{color:#e2eadf;margin:5px 0 0;overflow-wrap:anywhere}#alertnotice>div{min-width:0;flex:1}#alertnotice .quiet{color:white;padding:8px}#alertinbox{width:min(560px,calc(100% - 28px))}#threadsearch{margin-bottom:16px}.visuallyhidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#messageform{position:sticky;bottom:0;background:white;padding-top:8px}#nav{flex-wrap:wrap}@media(max-width:720px){#quickmessages,#openalerts{padding:8px}#alertnotice{right:16px;bottom:16px}}

.grouplog{max-height:430px;overflow:auto;padding:12px 0}.groupchoice{display:flex;align-items:center;gap:12px;padding:10px;border-bottom:1px solid #eee}.groupchoice input{width:auto}.groupchoice small{font-size:11px;color:#777}#grouppeople{max-height:260px;overflow:auto}#groupsearch{display:flex;gap:10px;align-items:end;margin:12px 0}#groupsearch label{flex:1}#groupheading p{overflow-wrap:anywhere}
/* Marketplace details */
.favoritebutton{background:#f3f6ed;border:1px solid var(--line);padding:8px 12px;font-size:13px;margin:6px 0 14px}.favoritebutton[aria-pressed=true]{background:#eff8cb;border-color:#aabe78}.snackphoto{width:68px;height:68px;border-radius:12px;object-fit:cover;flex-shrink:0}.snackdescription{flex:1;min-width:0;overflow-wrap:anywhere}.photoeditor{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.photoeditor label{flex:1}.photoeditor input{max-width:100%;padding:8px}.item{grid-template-columns:minmax(120px,2fr) 1fr 1fr 1fr auto}.photoeditor small{width:100%}
/* A focused, responsive inbox. */
.messageshub{--chat-border:#e5eae3}.messageshub>.pagehead{margin-bottom:20px}.messageshub>.pagehead h2{font-size:32px;margin:0;letter-spacing:-1px}.messageshub>.pagehead p{margin:7px 0}.messageactions{align-items:center}.messageactions button,.messageactions summary{padding:10px 14px;font-size:13px}.chatlayout{gap:0;border:1px solid var(--chat-border);border-radius:22px;overflow:hidden;background:white;box-shadow:0 10px 35px #19352b08;grid-template-columns:minmax(240px,30%) minmax(0,1fr);height:min(720px,75dvh);min-height:480px}.chatlayout>.panel{border:0;border-radius:0;margin:0;animation:none;padding:20px}.chatlayout>aside{background:#f8faf6;border-right:1px solid var(--chat-border);max-height:none;overflow:auto}.chatlayout .threadbutton{padding:14px 12px;border-radius:14px;border:1px solid transparent;margin:6px 0;font-weight:600}.chatlayout .threadbutton.selected{background:white;border-color:#c8d7b5;box-shadow:0 3px 10px #19352b06}.threadbutton small{font-size:12px;margin-top:5px}.chatlayout>.chatpanel,.chatlayout>.groupchatpanel{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;overflow:hidden}.chatpanel #chatheading,.groupchatpanel #groupheading{padding:18px 22px;border-bottom:1px solid var(--chat-border);background:white;position:relative;z-index:2}.chatlayout h3{font-size:19px;margin:0 0 6px}.chatlayout #chatheading p,.chatlayout #groupheading p{font-size:12px;margin:0;color:#738074;padding-right:5px}.chatlayout #chatlog,.chatlayout #grouplog{flex:1;min-height:100px;max-height:none;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:22px;background:linear-gradient(150deg,#fff,#f7faf3)}.bubble{max-width:82%;font-size:14px;line-height:1.55;border-radius:18px 18px 18px 5px;padding:12px 16px;background:#eef2ec;box-shadow:0 1px 1px #19352b08}.bubble.mine{background:#e4f1c8;border-radius:18px 18px 5px 18px}.bubble small{font-size:10px;color:#6a7865;margin-top:6px}.bubble strong{font-size:12px}.chatlayout #messageform,.chatlayout #groupform{position:static;margin:0;padding:14px 20px;border-top:1px solid var(--chat-border);background:white}.chatlayout form>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.chatlayout textarea{min-height:48px;max-height:130px;height:54px;margin:0;background:#f8faf6;border-color:#e1e7dc;border-radius:14px;font-size:16px;resize:vertical}.chatlayout .savebar{margin-top:10px}.chatlayout .savebar small{font-size:11px;max-width:230px;margin:0}.chatlayout .savebar button{padding:10px 16px;font-size:13px}#messagestatus{margin:0;padding:0 20px;font-size:12px}#messagestatus:not(:empty){padding-bottom:10px}.chatback{display:none}.chatmenu,.inboxmenu{position:relative}.chatmenu{margin-top:8px}.chatmenu summary,.inboxmenu summary{cursor:pointer;font-size:12px;list-style:none;border-radius:8px;font-weight:700}.chatmenu summary{padding:5px 0}.chatmenu summary::after,.inboxmenu summary::after{content:' ⌄'}.chatmenu>div,.inboxmenu>button{position:absolute;right:0;top:100%;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #19352b20;min-width:210px;z-index:6;padding:8px}.chatmenu>div button{display:block;width:100%;text-align:left;padding:10px 12px;font-size:13px}.chatmenu>div button:hover{background:#f2f6ea}.reportmessage{padding:2px 0;background:transparent;color:#738074;font-size:10px;text-decoration:underline;margin-top:5px}.inboxmenu>button{white-space:nowrap;padding:12px}#groupchats>.pagehead{margin:18px 0}#groupchats>.pagehead h3{margin:0}#groupchats>.pagehead p{margin:6px 0;font-size:13px}#addmemberresults{max-height:260px;overflow:auto}.messageshub button{min-height:36px}
@media(max-width:760px){.item{grid-template-columns:1fr 1fr}.item>button{grid-column:auto}.messageshub>.pagehead{gap:12px}.messageactions{width:100%;gap:6px}.chatlayout{grid-template-columns:1fr;height:calc(100dvh - 235px);min-height:420px;border-radius:16px}.chatlayout>aside{max-height:none;border-right:0}.chatlayout>.chatpanel,.chatlayout>.groupchatpanel{display:none}.messageshub[data-chat-open=true]>.chatlayout>aside,#groupchats[data-chat-open=true]>.chatlayout>aside{display:none}.messageshub[data-chat-open=true]>.chatlayout>.chatpanel,#groupchats[data-chat-open=true]>.chatlayout>.groupchatpanel{display:flex}.chatback{display:block;text-align:left;border-radius:0;background:white;border-bottom:1px solid var(--chat-border);padding:10px 16px;font-size:13px}.chatpanel #chatheading,.groupchatpanel #groupheading{padding:12px 16px}.chatlayout #chatlog,.chatlayout #grouplog{padding:16px}.chatlayout #messageform,.chatlayout #groupform{padding:12px}.chatlayout .savebar small{max-width:160px;font-size:10px}.bubble{max-width:90%}#groupchats>.pagehead{flex-wrap:nowrap}.snackphoto{width:52px;height:52px}.menurow{gap:10px}.snackaction{align-items:flex-end}.messageshub>.pagehead h2{font-size:28px}.inboxmenu{margin-left:auto}}
.expirylabel{display:block;padding:8px 12px;font-size:12px;color:#52604f}.expirylabel select{display:block;width:100%;margin:6px 0 0;padding:7px 8px;font:inherit;background:white;border:1px solid var(--line);border-radius:8px}
.bubble{font-size:16px}.bubble small{font-size:12px;line-height:1.6}.bubble time{display:block}.expirytime{margin-top:4px;color:#46553e}.chatlayout .savebar small{font-size:12px}.chatlayout #chatheading p,.chatlayout #groupheading p{font-size:14px}.chatmenu summary,.chatmenu>div button{font-size:14px}.chatmenu>div{max-height:45dvh;overflow-y:auto;max-width:calc(100vw - 60px)}.chatmenu .danger{color:#9e2626}#chatlifecycledialog{width:min(540px,calc(100% - 28px))}#chatlifecycledialog p{line-height:1.6}#chatlifecycledialog select{font-size:16px}.messageshub .reportmessage{font-size:12px;min-height:30px}