@import url("https://geist.vercel.app/fonts/geistsans.css");:root{--bg:#fff;--fg:#0a0a0a;--muted:#6b6b6b;--line:#111;--line-soft:#eaeaea;--radius:10px;--space:16px;--space-lg:28px;--shadow:0 10px 30px rgba(0,0,0,.06);--shadow-lg:0 25px 50px rgba(0,0,0,.08);--gradient-light:linear-gradient(145deg,rgba(255,255,255,0.9),rgba(250,250,250,0.9));--backdrop-blur:blur(20px);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--fg:#fff;--muted:#a1a1aa;--line:#27272a;--line-soft:#27272a;--gradient-light:linear-gradient(145deg,rgba(39,39,42,0.9),rgba(24,24,27,0.9))}}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg)}body{font-family:Geist Sans,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.compact-page{min-height:100vh;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center}@media (prefers-color-scheme:dark){.compact-page{background:#1a1a1a}}.compact-header{background:rgba(255,255,255,.95);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #d1d5db;position:-webkit-sticky;position:sticky;top:0;z-index:100}@media (prefers-color-scheme:dark){.compact-header{background:rgba(26,26,26,.95);border-bottom-color:#333}}.header-nav{max-width:1200px;margin:0 auto;padding:0 20px;height:44px;justify-content:space-between}.header-left,.header-nav{display:flex;align-items:center}.header-left{gap:32px}.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-icon{width:32px;height:32px}.header-links{display:flex;align-items:center;gap:24px}.header-link{font-size:14px;color:#1d1d1f;text-decoration:none;transition:color .2s}.header-link:hover{color:#06c}@media (prefers-color-scheme:dark){.header-link{color:#f5f5f7}.header-link:hover{color:#06c}}@media (max-width:640px){.header-links{display:none}}.compact-card{background:white;border-radius:8px;border:1px solid #e5e7eb;padding:32px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;max-width:400px}@media (prefers-color-scheme:dark){.compact-card{background:#2a2a2a;border-color:#404040;color:#f5f5f7}}.compact-title{font-size:24px;font-weight:600;margin:0 0 8px;color:#1d1d1f;letter-spacing:-.01em}@media (prefers-color-scheme:dark){.compact-title{color:#f5f5f7}}.compact-description{font-size:14px;color:#86868b;margin:0 0 32px;line-height:1.4}.compact-form{display:flex;flex-direction:column;gap:16px}.compact-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;background:white;font-size:16px;color:#1d1d1f;transition:border-color .2s,box-shadow .2s;text-align:left}@media (prefers-color-scheme:dark){.compact-input{background:#1a1a1a;border-color:#404040;color:#f5f5f7}}.compact-input::placeholder{color:#86868b}.compact-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1)}.compact-button{width:100%;padding:12px 24px;border-radius:6px;border:none;background:#1d1d1f;color:white;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;box-sizing:border-box}.compact-button:hover:not(:disabled){opacity:.8}.compact-button:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme:dark){.compact-button{background:#007aff}}.compact-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.compact-error{margin-top:12px;padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px;text-align:left}@media (prefers-color-scheme:dark){.compact-error{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.2);color:#fca5a5}}.compact-footer{margin-top:24px;font-size:12px;color:#86868b}.terms-section{margin-top:16px;text-align:left}.terms-checkbox{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.terms-checkbox input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0}.terms-text{font-size:14px;color:#1d1d1f;line-height:1.4}.terms-link{color:#007aff;text-decoration:underline}.policy-text{font-size:12px;color:#86868b;line-height:1.4;text-align:center}.policy-link{color:#86868b;text-decoration:underline}@media (prefers-color-scheme:dark){.terms-text{color:#f5f5f7}.policy-text{color:#86868b}}.back-button{padding:8px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.back-button:hover{background:rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){.back-button:hover{background:rgba(255,255,255,.05)}}.modern-container{max-width:640px;margin:0 auto;padding:32px 16px}.modern-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;background:var(--gradient-light);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition)}@media (prefers-color-scheme:dark){.modern-card{border-color:rgba(255,255,255,.08)}}.modern-card:hover{box-shadow:0 32px 64px rgba(0,0,0,.12)}.card-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--line-soft)}.card-content{padding:32px}.card-title{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--fg);letter-spacing:-.02em}.card-description{color:var(--muted);line-height:1.6;margin:0;font-size:16px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--fg)}.form-input{width:100%;padding:16px;border:1px solid var(--line-soft);border-radius:8px;background:rgba(255,255,255,.8);color:var(--fg);font-size:16px;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (prefers-color-scheme:dark){.form-input{background:rgba(24,24,27,.8);border-color:var(--line)}}.form-input::placeholder{color:var(--muted)}.form-input:focus{outline:none;border-color:var(--fg);box-shadow:0 0 0 3px rgba(0,0,0,.06);background:rgba(255,255,255,.95)}@media (prefers-color-scheme:dark){.form-input:focus{box-shadow:0 0 0 3px rgba(255,255,255,.06);background:rgba(24,24,27,.95)}}.form-button{width:100%;padding:16px 24px;border-radius:50px;border:none;background:var(--fg);color:var(--bg);font-weight:600;font-size:16px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;height:56px;display:flex;align-items:center;justify-content:center;gap:8px}.form-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.form-button:active:not(:disabled){transform:translateY(0)}.form-button:disabled{opacity:.6;cursor:not-allowed}.form-button-outline{background:transparent;color:var(--fg);border:2px solid var(--line-soft)}.form-button-outline:hover:not(:disabled){background:rgba(0,0,0,.05);border-color:var(--fg)}@media (prefers-color-scheme:dark){.form-button-outline:hover:not(:disabled){background:rgba(255,255,255,.05)}}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%}.spinner,.spinner-large{animation:spin 1s linear infinite}.spinner-large{width:32px;height:32px;border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--muted);border-radius:50%;margin:0 auto}@media (prefers-color-scheme:dark){.spinner-large{border-color:rgba(255,255,255,.1);border-top-color:var(--muted)}}@keyframes spin{to{transform:rotate(1turn)}}.loading-state{padding:64px 32px;text-align:center}.error-state{padding:16px;border-radius:8px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);color:#dc2626;margin-top:16px}@media (prefers-color-scheme:dark){.error-state{background:rgba(220,38,38,.15);border-color:rgba(220,38,38,.25);color:#fca5a5}}.order-summary{background:rgba(0,0,0,.02);border-radius:12px;padding:20px;margin:24px 0}@media (prefers-color-scheme:dark){.order-summary{background:rgba(255,255,255,.02)}}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-row:not(:last-child){border-bottom:1px solid var(--line-soft)}.summary-label{color:var(--muted)}.summary-label,.summary-value{font-size:14px;font-weight:500}.summary-value{color:var(--fg)}.item-list{margin:24px 0;display:flex;flex-direction:column;gap:16px}.item-card{border:1px solid var(--line-soft);border-radius:12px;padding:20px;transition:var(--transition);background:rgba(255,255,255,.5)}@media (prefers-color-scheme:dark){.item-card{background:rgba(24,24,27,.5);border-color:var(--line)}}.item-card:hover{background:rgba(255,255,255,.8);border-color:var(--line)}@media (prefers-color-scheme:dark){.item-card:hover{background:rgba(24,24,27,.8)}}.item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;cursor:pointer}.item-checkbox{margin-top:2px;width:18px;height:18px;accent-color:var(--fg)}.item-title{font-weight:600;color:var(--fg);flex:1 1;line-height:1.4}.item-controls{display:grid;grid-template-columns:1fr 2fr;grid-gap:16px;gap:16px;margin-left:30px}.control-group{display:flex;flex-direction:column;gap:4px}.control-label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.control-select{padding:12px;border:1px solid var(--line-soft);border-radius:6px;background:rgba(255,255,255,.8);color:var(--fg);font-size:14px;transition:var(--transition)}@media (prefers-color-scheme:dark){.control-select{background:rgba(24,24,27,.8);border-color:var(--line)}}.control-select:disabled{opacity:.5;cursor:not-allowed}.steps-container{margin-top:32px;display:flex;flex-direction:column;gap:20px}.step-item{display:flex;gap:16px;padding:20px;background:rgba(0,0,0,.02);border-radius:12px;transition:var(--transition)}@media (prefers-color-scheme:dark){.step-item{background:rgba(255,255,255,.02)}}.step-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:white}.step-icon-print,.step-icon-ship{background:var(--fg)}.step-icon-refund{background:#10b981}.step-content{flex:1 1}.step-title{font-weight:600;color:var(--fg);margin-bottom:8px}.step-description{color:var(--muted);line-height:1.5;font-size:14px}.step-link{color:#3b82f6;text-decoration:underline;text-underline-offset:2px;font-weight:500}.step-link:hover{color:#2563eb}.qr-section{text-align:center;padding:24px;background:rgba(0,0,0,.02);border-radius:12px;margin-top:24px}@media (prefers-color-scheme:dark){.qr-section{background:rgba(255,255,255,.02)}}.qr-image{width:192px;height:192px;border-radius:12px;border:1px solid var(--line-soft);margin-top:16px}.footer-note{text-align:center;color:var(--muted);font-size:14px;margin-top:24px;line-height:1.5}.button-group{display:flex;gap:12px;margin-top:24px}.button-group .form-button{flex:1 1}.help-text{text-align:center;color:var(--muted);font-size:14px;margin-top:16px;line-height:1.5}@media (max-width:640px){.modern-container{padding:16px}.card-content,.card-header{padding:24px 20px}.card-title{font-size:24px}.item-controls{grid-template-columns:1fr;gap:12px}.button-group{flex-direction:column}.steps-container{gap:16px}.step-item{padding:16px}}.container{max-width:760px;margin:0 auto;padding:calc(var(--space-lg)*1.2) var(--space)}.header{display:flex;justify-content:center;align-items:center;padding:16px 0 24px;border-bottom:1px solid var(--line-soft);letter-spacing:.12em;font-weight:600;font-size:13px;text-transform:uppercase}.card{border:1px solid var(--line);border-radius:var(--radius);padding:32px;background:#fff;box-shadow:var(--shadow)}.title{font-size:28px;font-weight:600;margin:0 0 6px}.sub{margin:8px 0 24px;color:var(--muted);line-height:1.5}.sectionTitle{font-size:18px;font-weight:600;margin:16px 0}.stack{display:grid;grid-gap:12px;gap:12px}.link{text-decoration:underline;text-underline-offset:2px}.help{margin-top:10px;font-size:12px;color:var(--muted)}.label{display:block;font-size:13px;margin-top:8px;margin-bottom:6px;color:#222}.input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#000;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:#8a8a8a}.input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,.06)}.button{width:100%;padding:14px 18px;border-radius:8px;border:1px solid var(--line);background:#000;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s,transform .05s}.button:hover{opacity:.9}.button:active{transform:translateY(1px)}.error{margin-top:10px;color:#b00020;font-size:14px;padding:10px 12px;border:1px solid #b00020;border-radius:8px;background:#fff5f6}.kv{display:grid;grid-template-columns:140px 1fr;grid-gap:12px;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.k{color:var(--muted);font-size:14px}.v{font-weight:500}.itemList{list-style:none;margin:8px 0 16px;padding:0;border-top:1px solid var(--line-soft)}.itemRow{display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.itemMain{display:flex;gap:10px;align-items:center;font-weight:500}.itemControls{display:flex;gap:12px;align-items:end}.control{display:grid;grid-gap:6px;gap:6px;min-width:150px}.controlLabel{font-size:12px;color:var(--muted)}.stepIcon{font-size:18px;line-height:28px}.stepTitle{font-weight:600;margin-bottom:2px}*{word-break:normal!important;white-space:normal!important;overflow-wrap:break-word!important}