.account{background:var(--base-200);width:100%;min-height:100svh;font-family:var(--font-host-grotesk), sans-serif;justify-content:center;align-items:flex-start;padding:8rem 1.5rem 4rem;display:flex}.account-shell{width:100%;max-width:880px}.account-shell p,.account-shell span,.account-shell a,.account-shell label,.account-shell input,.account-shell button{font-family:var(--font-host-grotesk), sans-serif;text-transform:none;letter-spacing:-.005em}.account-loading{text-align:center;width:100%;color:var(--base-500);padding:4rem 0;font-size:.95rem}.account-brand{text-align:center;margin-bottom:2.5rem}.account-brand .account-eyebrow{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--base-500);margin-bottom:.75rem;font-size:.72rem;display:inline-block}.account-brand h2{color:var(--base-700);font-size:clamp(2.5rem,7vw,4.5rem);line-height:.82}.account-brand .account-sub{color:var(--base-500);margin-top:1rem;max-width:36ch;margin-inline:auto;font-size:1rem;line-height:1.4}.account-card{background:var(--base-100);border-radius:1.5rem;padding:2rem;box-shadow:0 24px 60px #0000001f}.account-login{max-width:460px;margin:0 auto}.account-options{flex-direction:column;gap:1rem;display:flex}.account-google{color:#14171c;cursor:pointer;background:#fff;border:1.5px solid #0000001f;border-radius:.85rem;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:3.5rem;padding:0 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.account-google:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001f}.account-google svg{width:1.25rem;height:1.25rem}.account-divider{color:var(--base-500);align-items:center;gap:1rem;margin:.5rem 0;display:flex}.account-divider:before,.account-divider:after{content:"";background:#0000001f;flex:1;height:1px}.account-divider span{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--base-500);font-size:.7rem}.account-email-form{flex-direction:column;gap:.75rem;display:flex}.account-email-form input{width:100%;color:var(--base-700);background:0 0;border:1.5px solid #0000002e;border-radius:.6rem;outline:none;padding:.95rem 1rem;font-size:.95rem}.account-email-form input::placeholder{color:var(--base-500)}.account-email-form input:focus{border-color:var(--base-700)}.account-btn{background:var(--base-700);width:100%;min-height:3.25rem;color:var(--base-100);cursor:pointer;border:none;border-radius:.85rem;padding:0 1.25rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .18s}.account-btn:hover{transform:translateY(-1px)}.account-btn:disabled{opacity:.55;cursor:default;transform:none}.account-note{color:var(--base-500);font-size:.85rem;line-height:1.45}.account-note--error{color:#b00020}.account-sent{text-align:center;padding:.5rem 0}.account-sent h4{color:var(--base-700);text-transform:none;font-size:clamp(1.75rem,4vw,2.5rem);font-family:var(--font-host-grotesk), sans-serif;letter-spacing:-.01em;margin-bottom:.75rem;font-weight:700;line-height:1.05}.account-sent p{color:var(--base-500);font-size:.95rem;line-height:1.45}.account-devlink{background:var(--base-700);color:var(--base-100);word-break:break-all;border-radius:.6rem;margin-top:1.25rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-block}.account-textbtn{color:var(--base-500);cursor:pointer;background:0 0;border:none;margin-top:1.5rem;padding:0;font-size:.85rem;text-decoration:underline}.account-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.account-head-id{flex-direction:column;gap:.25rem;display:flex}.account-head-id .account-name{color:var(--base-700);font-size:1.25rem;font-weight:700}.account-head-id .account-mail{color:var(--base-500);font-size:.9rem}.account-logout{color:var(--base-700);cursor:pointer;background:0 0;border:1.5px solid #00000026;border-radius:.6rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s}.account-logout:hover{background:#0000000d}.account-section-title{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.12em;color:var(--base-500);margin-bottom:1rem;font-size:.72rem}.account-orders{flex-direction:column;gap:.75rem;display:flex}.account-order{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #00000014;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:transform .18s,box-shadow .18s;display:flex}.account-order:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000001a}.account-order-main{flex-direction:column;gap:.35rem;min-width:0;display:flex}.account-order-num{color:var(--base-700);font-size:1rem;font-weight:700}.account-order-date{color:var(--base-500);font-size:.82rem}.account-order-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.account-order-total{color:var(--base-700);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.account-pill{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--base-600);white-space:nowrap;background:#00000014;border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:.66rem;font-weight:500;display:inline-flex}.account-pill--paid,.account-pill--complete,.account-pill--completed,.account-pill--fulfilled,.account-pill--delivered{color:#1c7a44;background:#27ae6026}.account-pill--shipped{color:#1f5fb0;background:#2f80ed26}.account-pill--pending,.account-pill--processing{color:#a85c12;background:#f2994a2e}.account-pill--canceled,.account-pill--cancelled,.account-pill--refunded{color:#b00020;background:#b000201f}.account-empty{text-align:center;padding:3rem 1rem}.account-empty p{color:var(--base-500);margin-bottom:1.5rem;font-size:1rem}.account-empty .account-btn{justify-content:center;align-items:center;width:auto;padding:0 1.75rem;text-decoration:none;display:inline-flex}.account-back{color:var(--base-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:0;font-size:.85rem;display:inline-flex}.account-back:hover{color:var(--base-700)}.account-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.account-detail-head h4{color:var(--base-700);text-transform:none;font-size:clamp(1.5rem,3vw,2rem);font-family:var(--font-host-grotesk), sans-serif;letter-spacing:-.01em;margin-bottom:.5rem;font-weight:700;line-height:1}.account-detail-date{color:var(--base-500);font-size:.85rem}.account-tracking{background:#2f80ed14;border-radius:.75rem;flex-direction:column;gap:.4rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.account-tracking-label{font-family:var(--font-dm-mono), monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--base-500);font-size:.68rem}.account-tracking a,.account-tracking span{color:var(--base-700);word-break:break-all;font-size:.95rem;font-weight:600}.account-tracking a{text-decoration:underline}.account-lines{flex-direction:column;gap:.85rem;margin-bottom:1.5rem;display:flex}.account-line{border-bottom:1px solid #00000012;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.account-line:last-child{border-bottom:none}.account-line-thumb{background:var(--base-200);border-radius:.5rem;flex-shrink:0;width:3.25rem;height:3.25rem;overflow:hidden}.account-line-thumb img{object-fit:cover;width:100%;height:100%}.account-line-main{flex:1;min-width:0}.account-line-name{color:var(--base-700);font-size:.95rem;font-weight:600}.account-line-qty{color:var(--base-500);margin-top:.2rem;font-size:.82rem}.account-line-price{color:var(--base-700);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.95rem;font-weight:600}.account-totals{border-top:1.5px solid #0000001a;flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.account-total-row{color:var(--base-500);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.account-total-row span:last-child{font-variant-numeric:tabular-nums}.account-total-row--grand{color:var(--base-700);border-top:1px solid #00000014;margin-top:.35rem;padding-top:.75rem;font-size:1.05rem;font-weight:700}@media (max-width:600px){.account{padding:6.5rem 1rem 3rem}.account-card{padding:1.5rem}}