.infocard{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);gap:16px;padding:24px;display:grid}.infocard--dashed{background:var(--bg-warm);text-align:center;border-style:dashed;place-items:center}.infocard__head{justify-content:space-between;align-items:center;display:flex}.infocard__head h3{font-family:var(--serif);margin:0;font-size:22px;line-height:1.1}.infocard__head h3.danger{color:#b23a48}.infocard__head .pill{border-radius:var(--r-pill);background:var(--accent);color:var(--ink);letter-spacing:.04em;white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:500}.infocard__body{color:var(--ink);gap:4px;font-size:14px;display:grid}.infocard__body span{color:var(--ink-soft)}.infocard__body a{color:var(--primary);font-weight:500}.infocard__foot{border-top:1px solid var(--rule);justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.infocard--danger{background:#faf1f2;border-color:#e8d0d4}.infocard--danger .infocard__foot{border-top-color:#e8d0d4}.infocard__foot button{border:1px solid var(--rule);background:var(--bg);color:var(--ink);border-radius:var(--r-pill);cursor:pointer;padding:8px 16px;font-family:inherit;font-size:13px}.infocard__foot button:hover{border-color:var(--primary)}.infocard__foot button.danger{color:#b23a48;border-color:#e8d0d4}.helpgrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.helpcard{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-md);color:inherit;flex-direction:column;gap:10px;padding:22px;text-decoration:none;transition:border-color .15s,transform .2s;display:flex}.helpcard:hover{border-color:var(--primary);transform:translateY(-2px)}.helpcard__icon{background:color-mix(in oklab, var(--accent) 50%, var(--bg-warm));width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.helpcard h4{font-family:var(--serif);margin:4px 0 0;font-size:18px;line-height:1.15}.helpcard p{color:var(--ink-soft);flex:1;margin:0;font-size:13px;line-height:1.5}.helpcard>span{color:var(--primary);margin-top:auto;font-size:13px;font-weight:500}.referhero{background:linear-gradient(180deg, var(--bg-deep), color-mix(in oklab, var(--bg-deep) 70%, var(--primary-soft)));color:var(--on-deep);border-radius:var(--r-lg);grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;margin-bottom:24px;padding:40px 44px;display:grid}.referhero h2{font-family:var(--serif);letter-spacing:-.01em;margin:14px 0;font-size:clamp(28px,3.6vw,44px);line-height:1.04}.referhero h2 em{color:var(--accent);font-style:italic}.referhero p{color:color-mix(in oklab, var(--on-deep) 78%, var(--bg-deep));max-width:460px;margin:0;font-size:14.5px;line-height:1.55}.referlink{border:1px dashed color-mix(in oklab, var(--on-deep) 30%, transparent);border-radius:var(--r-md);background:#ffffff14;flex-direction:column;gap:10px;padding:18px;display:flex}.referlink label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:500}.referlink code{color:var(--on-deep);word-break:break-all;font-family:monospace;font-size:14px}.referlink button{background:var(--accent);color:var(--bg-deep);border-radius:var(--r-pill);cursor:pointer;border:none;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500}.referstats{border-top:1px solid var(--rule);grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;padding-top:20px;display:grid}.referstats div{flex-direction:column;gap:4px;display:flex}.referstats strong{font-family:var(--serif);color:var(--primary);font-size:32px;line-height:1}.referstats span{color:var(--ink-soft);font-size:12px}.profileform{gap:20px;display:grid}.profileform .row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.profileform .row.full{grid-template-columns:1fr}.profileform .row.actions{border-top:1px solid var(--rule);justify-content:flex-end;gap:10px;margin-top:6px;padding-top:8px;display:flex}.modal__confirm{z-index:2000;background:color-mix(in oklab, var(--ink) 38%, transparent);place-items:center;padding:20px;animation:.18s gtoastin;display:grid;position:fixed;inset:0}.modal__confirm-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);text-align:center;max-width:340px;box-shadow:var(--shadow-md);padding:26px 28px}.modal__confirm-card h3{font-family:var(--serif);margin:0 0 8px;font-size:21px}.modal__confirm-card p{color:var(--ink-soft);margin:0 0 18px;font-size:13.5px;line-height:1.55}.modal__confirm-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.editphoto{align-items:center;gap:18px;margin-bottom:20px;display:flex}.editphoto .profile__avatar,.editphoto .account__avatar{width:72px;height:72px;font-size:30px}.editphoto__actions{flex-wrap:wrap;gap:10px;display:flex}.settings{max-width:760px;margin:0 auto;padding:40px 32px 96px}.settings__head{margin-bottom:28px}.settings__title{font-family:var(--serif);margin:10px 0 0;font-size:34px;line-height:1}.settings__section{margin-bottom:36px}.settings__section>h2{font-family:var(--serif);margin:0 0 14px;font-size:22px}@media (max-width:720px){.settings{padding:28px 20px 80px}}.profileform .checkbox-row{color:var(--ink-soft);align-items:center;gap:10px;padding:10px 0;font-size:13px;display:flex}.profileform .checkbox-row input[type=checkbox]{accent-color:var(--primary);flex-shrink:0;width:16px;height:16px}.modal{z-index:100;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.modal[aria-hidden=false]{pointer-events:auto}.modal__scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;background:#0e1b2c8c;transition:opacity .2s;position:absolute;inset:0}.modal[aria-hidden=false] .modal__scrim{opacity:1}.modal__panel{background:var(--card);border-radius:var(--r-lg);opacity:0;width:min(540px,92vw);max-height:90vh;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .2s;position:relative;overflow-y:auto;transform:translateY(20px)scale(.96);box-shadow:0 50px 100px -30px #0e1b2c66}.modal[aria-hidden=false] .modal__panel{opacity:1;transform:translateY(0)scale(1)}.modal--wide .modal__panel{flex-direction:column;width:min(760px,94vw);max-height:92vh;display:flex;overflow:hidden}.editprofile{flex-direction:column;flex:auto;min-height:0;display:flex}.editprofile>.modal__head,.editprofile>.modal__foot{flex-shrink:0}.editprofile__body{flex:auto;min-height:0;overflow-y:auto}.editprofile .row{gap:16px}@media (max-width:560px){.modal--wide .modal__panel{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.editprofile__body{padding-left:20px;padding-right:20px}}.modal__head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 32px 18px;display:flex}.modal__head h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 8px;font-size:28px;line-height:1.1}.modal__head p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.5}.modal__close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:28px;height:28px;padding:0;font-size:28px;line-height:1}.modal__body{padding:24px 32px}.modal__foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 32px 24px;display:flex}.modal__foot--right{justify-content:flex-end}.modal__hint{color:var(--ink-soft);margin:0;font-size:12px}.modaloptions{flex-direction:column;gap:10px;display:flex}.modaloptions label{border:1.5px solid var(--rule);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-size:14.5px;transition:border-color .15s,background .15s;display:flex}.modaloptions label:hover{border-color:var(--primary-soft)}.modaloptions label:has(input:checked){border-color:var(--primary);background:color-mix(in oklab, var(--accent) 25%, var(--bg))}.modaloptions input{accent-color:var(--primary);margin:0}.modaloptions strong{font-weight:600;display:block}.modaloptions em{color:var(--ink-soft);margin-top:3px;font-size:12px;font-style:normal;display:block}.ratelabel{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;font-size:12px}.ratestars{gap:6px;margin-bottom:18px;display:flex}.ratestars button{cursor:pointer;color:var(--rule);background:0 0;border:none;padding:0;font-size:34px;line-height:1;transition:color .12s,transform .12s}.ratestars button:hover{transform:scale(1.08)}.ratestars button.is-on{color:var(--gold)}.ratereview{width:100%;font:inherit;border:1.5px solid var(--rule);border-radius:var(--r-md);background:var(--card);color:var(--ink);resize:vertical;outline:none;min-height:96px;padding:14px 16px;font-size:14.5px;transition:border-color .15s}.ratereview:focus{border-color:var(--primary)}.ratereview::placeholder{color:var(--ink-faint)}.ratetags{flex-wrap:wrap;gap:8px;display:flex}.ratetags button{background:var(--bg);border:1.5px solid var(--rule);border-radius:var(--r-pill);font:inherit;color:var(--ink-soft);cursor:pointer;padding:8px 14px;font-size:13px;transition:border-color .15s,background .15s,color .15s}.ratetags button:hover{border-color:var(--primary-soft)}.ratetags button.is-on{background:color-mix(in oklab, var(--accent) 30%, var(--bg));border-color:var(--primary);color:var(--ink)}.modal__foot .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.subcard__rate{justify-content:center;align-items:center;gap:2px;margin-top:6px;padding:4px 0;display:inline-flex}.subcard__rate .subcard__star{color:var(--rule);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;padding:2px;font-size:20px;line-height:1;transition:color .12s,transform .12s}.subcard__rate .subcard__star:hover{transform:scale(1.12)}.subcard__rate .subcard__star.is-on{color:var(--gold)}.subcard__rate .subcard__star:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.toast{background:var(--ink);color:var(--on-deep);border-radius:var(--r-pill);opacity:0;pointer-events:none;z-index:200;align-items:center;gap:10px;padding:14px 22px;font-size:13.5px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 20px 50px -10px #0e1b2c66}.toast:before{content:"✓";background:var(--accent);width:20px;height:20px;color:var(--bg-deep);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.toast.is-on{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:980px){.helpgrid{grid-template-columns:1fr 1fr}.referhero{grid-template-columns:1fr;padding:28px}.referstats{grid-template-columns:1fr 1fr}}@media (max-width:720px){.helpgrid,.referstats,.profileform .row{grid-template-columns:1fr}.infocard__foot{flex-wrap:wrap}}@media (max-width:480px){.modal__head{padding:20px 18px 14px}.modal__head h2{font-size:23px}.modal__body{padding:18px}.modal__foot{padding:14px 18px 18px}.modal__foot .btn{flex:auto}.ratestars button{font-size:30px}.referhero{padding:22px}}.account{background:var(--bg);min-height:100vh}.account__inner{grid-template-columns:210px 1fr;gap:56px;max-width:1500px;margin:0 auto;padding:40px 32px 96px;display:grid}.account__sidebar{align-self:flex-start;position:sticky;top:90px}.account__user{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--card);align-items:center;gap:12px;margin-bottom:18px;padding:18px;display:flex}.account__avatar{background:var(--primary);color:#fff;width:40px;height:40px;font-family:var(--serif);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.account__user strong{font-size:14px;font-weight:600;display:block}.account__user em{color:var(--ink-soft);margin-top:2px;font-size:12px;font-style:normal;display:block}.account__nav{flex-direction:column;gap:2px;display:flex}.account__nav a,.account__nav button{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--ink-soft);border-radius:var(--r-sm);background:0 0;border:0;justify-content:space-between;align-items:center;padding:11px 14px;font-size:14px;display:flex}.account__nav a:hover,.account__nav button:hover{background:var(--bg-warm);color:var(--ink)}.account__nav a.is-on,.account__nav button.is-on{background:var(--primary);color:#fff;font-weight:500}.account__nav a span,.account__nav button span{opacity:.7;font-size:11px}.account__main{flex-direction:column;gap:28px;display:flex}.account__head h1{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(36px,4vw,52px);line-height:1}.account__head h1 em{color:var(--primary)}.account__head p{color:var(--ink-soft);margin:0;font-size:15px}.subcard{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);grid-template-columns:84px 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}.subcard__thumb{aspect-ratio:1;background:color-mix(in oklab, var(--c) 22%, var(--bg-warm));border-radius:var(--r-md);position:relative}.subcard__thumb:after{content:"";background:linear-gradient(180deg, var(--c), color-mix(in oklab, var(--c) 60%, #000));border-radius:4px 4px 8px 8px;position:absolute;inset:22% 30%}.subcard__meta{flex-direction:column;gap:4px;display:flex}.subcard__name{font-family:var(--serif);font-size:22px;line-height:1}.subcard__sku{color:var(--ink-faint);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.subcard__next{color:var(--ink-soft);margin-top:4px;font-size:13px}.subcard__next strong{color:var(--primary);font-weight:500}.subcard__pill{border-radius:var(--r-pill);background:color-mix(in oklab, var(--accent) 35%, var(--bg));align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.subcard__pill:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.subcard__actions{flex-direction:column;gap:8px;display:flex}.subcard__actions button{border-radius:var(--r-pill);border:1px solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:13px}.subcard__actions button.solid{background:var(--primary);color:#fff;border-color:var(--primary)}.subcard__actions button:hover{border-color:var(--primary)}.account__sectionhead{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.account__sectionhead h2{font-family:var(--serif);letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:26px;line-height:1}.account__sectionhead a{color:var(--primary);white-space:nowrap;font-size:13px}.ordertable{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);overflow:hidden}.ordertable table{border-collapse:collapse;width:100%}.ordertable th,.ordertable td{text-align:left;padding:14px 22px;font-size:13.5px}.ordertable th{background:var(--bg-warm);color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--rule);font-size:11px;font-weight:500}.ordertable td{border-bottom:1px solid var(--rule)}.ordertable tr:last-child td{border-bottom:none}.ordertable .status{border-radius:var(--r-pill);background:var(--bg-warm);align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:inline-flex}.ordertable .status:before{content:"";background:var(--ink-faint);border-radius:50%;width:6px;height:6px}.ordertable .status.delivered:before{background:var(--primary)}.ordertable .status.transit:before{background:var(--gold)}.ordertable td a{color:var(--primary);font-weight:500}@media (max-width:980px){.account__inner{grid-template-columns:1fr}.account__sidebar{position:static}.subcard{grid-template-columns:80px 1fr}.subcard__actions{flex-direction:row;grid-column:1/-1}}@media (max-width:720px){.ordertable table{font-size:12px}.ordertable{overflow-x:auto}.account__inner{grid-template-columns:1fr;gap:28px}.account__sidebar{position:static}.subcard{grid-template-columns:70px 1fr}.subcard__actions{flex-flow:wrap;grid-column:1/-1}.subcard__actions button{flex:1;min-width:100px}}@media (max-width:480px){.subcard__actions button{flex:auto;min-width:0}}.acc__list{flex-direction:column;gap:12px;display:flex}.acc{background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);transition:border-color .15s,box-shadow .2s;overflow:hidden}.acc.is-open{border-color:color-mix(in oklab, var(--primary) 30%, var(--rule));box-shadow:0 8px 26px -20px color-mix(in oklab, var(--ink) 60%, transparent)}.acc__head{cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;border:none;align-items:center;gap:14px;padding:16px 20px;font-family:inherit;display:flex}.acc__head:hover{background:color-mix(in oklab, var(--bg-warm) 50%, var(--card))}.acc__thumb{border-radius:var(--r-md);width:44px;height:44px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 8%, transparent);flex-shrink:0}.acc__ordno{color:var(--primary);flex-shrink:0;min-width:76px;font-size:13px;font-weight:600}.acc__headmain{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.acc__title{font-family:var(--serif);text-overflow:ellipsis;white-space:nowrap;font-size:19px;line-height:1.1;overflow:hidden}.acc__sub{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.acc__pill{border-radius:var(--r-pill);background:color-mix(in oklab, var(--accent) 35%, var(--bg));flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.acc__pill:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.acc__pill.is-paused{background:var(--bg-warm)}.acc__pill.is-paused:before{background:var(--ink-faint)}.acc__total{flex-shrink:0;font-size:14px;font-weight:600}.acc__chev{color:var(--ink-faint);flex-shrink:0;font-size:18px;line-height:1;transition:transform .25s}.acc.is-open .acc__chev{transform:rotate(180deg)}.acc__panel{grid-template-rows:0fr;transition:grid-template-rows .28s;display:grid}.acc.is-open .acc__panel{grid-template-rows:1fr}.acc__body{padding:0 20px;overflow:hidden}.acc.is-open .acc__body{padding:4px 20px 20px}.acc__grid{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:12px 24px;padding:14px 0;display:grid}.acc__field{flex-direction:column;gap:2px;min-width:0;display:flex}.acc__field label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.acc__field span{color:var(--ink);font-size:13.5px}.acc__rate{border-top:1px solid var(--rule);align-items:center;gap:14px;padding:12px 0;display:flex}.acc__rate label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px}.acc__lines{border-top:1px solid var(--rule);flex-direction:column;gap:10px;padding:14px 0;display:flex}.acc__line{align-items:center;gap:12px;display:flex}.acc__lineimg{border-radius:var(--r-md);object-fit:cover;width:40px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 8%, transparent);flex-shrink:0}.acc__linemeta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.acc__linemeta strong{font-size:14px;font-weight:500}.acc__linemeta em{color:var(--ink-soft);font-size:12px;font-style:normal}.acc__lineamt{flex-shrink:0;font-size:14px;font-weight:600}.acc__split{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:24px;padding:14px 0;display:grid}.acc__money{flex-direction:column;gap:6px;font-size:13px;display:flex}.acc__money>div{justify-content:space-between;gap:12px;display:flex}.acc__money-total{border-top:1px solid var(--rule);color:var(--primary);margin-top:4px;padding-top:8px;font-size:15px;font-weight:700}.acc__muted{color:var(--ink-faint)}.acc__info{flex-direction:column;gap:12px;display:flex}.acc__track{border-top:1px solid var(--rule);padding:14px 0}.acc__trackline{color:var(--ink-soft);margin:0 0 14px;font-size:13px}.acc__timeline{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.acc__step{align-items:center;gap:12px;padding:0 0 18px;display:flex;position:relative}.acc__step:last-child{padding-bottom:0}.acc__step:before{content:"";background:var(--rule);width:2px;position:absolute;top:14px;bottom:-4px;left:5px}.acc__step:last-child:before{display:none}.acc__dot{background:var(--rule);z-index:1;width:12px;height:12px;box-shadow:0 0 0 3px var(--card);border-radius:50%;flex-shrink:0}.acc__step.is-done .acc__dot,.acc__step.is-current .acc__dot,.acc__step.is-done:before{background:var(--primary)}.acc__step.is-current .acc__dot{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 25%, var(--card))}.acc__steplabel{color:var(--ink);font-size:13px}.acc__step.is-upcoming .acc__steplabel{color:var(--ink-faint)}.acc__steplabel em{color:var(--ink-soft);font-style:normal}.acc__subtag{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);background:color-mix(in oklab, var(--primary) 12%, var(--card));color:var(--primary);flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:600}.acc__subnote{border-radius:var(--r-md);background:color-mix(in oklab, var(--accent) 22%, var(--bg));margin-bottom:4px;padding:14px 16px}.acc__badges{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.acc__badge{letter-spacing:.03em;border-radius:var(--r-pill);background:var(--primary);color:#fff;padding:4px 11px;font-size:11px;font-weight:600}.acc__badge--soft{background:color-mix(in oklab, var(--primary) 14%, var(--card));color:var(--primary)}.acc__subnote p{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.5}.acc__mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.acc__actions{border-top:1px solid var(--rule);flex-wrap:wrap;gap:10px;padding-top:14px;display:flex}@media (max-width:720px){.acc__grid,.acc__split{grid-template-columns:1fr}.acc__head{flex-wrap:wrap;gap:10px;padding:14px 16px}.acc__title{white-space:normal}.acc__ordno{min-width:0}.acc__actions .btn{flex:1}}
