/* Additional connected-services pages: PC v1.0 color, type and spacing unchanged. */
.shared-page{padding:54px 0 95px;min-height:calc(100vh - 280px);color:#1d1d1f}.shared-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.shared-head h1{font-size:clamp(28px,3.3vw,42px);font-weight:650;letter-spacing:-.04em;margin:10px 0}.shared-head p,.shared-panel p{color:#6e6e73;line-height:1.8}.shared-sync{font-size:12px;color:#6e6e73;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:100%;background:#30b55a;display:inline-block;margin-right:6px}.shared-nav{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #e7e7e8;padding-bottom:18px;margin-bottom:24px}.shared-nav a{color:#6e6e73;padding:10px 15px;text-decoration:none;border-radius:999px;font-size:14px}.shared-nav a.active,.shared-nav a:hover{background:#1d1d1f;color:#fff}.shared-panel{background:#fff;border:1px solid #e5e5e8;border-radius:20px;padding:26px 28px;margin-bottom:18px}.shared-panel.compact{max-width:680px}.shared-panel h2{font-size:21px;font-weight:650;margin:0 0 22px}.shared-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.9fr);gap:18px}.shared-two .shared-panel{height:fit-content}.shared-cart-row,.shared-order,.shared-simple{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding:19px 0}.shared-cart-row img{width:92px;height:86px;object-fit:contain;border-radius:12px;background:#f5f5f7}.shared-cart-row h3,.shared-order h3{font-size:17px;margin:0}.shared-cart-row p,.shared-order p{font-size:13px;margin:7px 0;color:#6e6e73}.shared-cart-row strong,.shared-order strong{font-size:15px}.shared-cart-row>div:nth-child(2){flex:1}.shared-order-end{display:flex;flex-direction:column;gap:9px;align-items:flex-end;white-space:nowrap}.shared-order{align-items:flex-start}.shared-order small{color:#85858b}.shared-stages{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.shared-stages span{font-size:11px;background:#f4f5f7;padding:7px 10px;border-radius:7px;color:#5b5b62}.shared-total{display:flex;justify-content:space-between;border-top:1px solid #e7e7ea;padding:20px 0}.shared-total strong{font-size:23px}.shared-label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#555;margin:14px 0}.shared-label input,.shared-label select,.shared-label textarea{min-height:43px;border:1px solid #d8d8dc;border-radius:10px;padding:9px 12px;color:#222;background:#fff;font:inherit}.shared-simple b{font-size:14px}.shared-simple p{margin:6px 0;font-size:13px}.shared-simple small{color:#898990}.shared-footnote{font-size:12px;color:#8e8e93;padding:18px 6px}.shared-warning{padding:14px 18px;background:#fff1ef;color:#b53421;border-radius:10px;margin:13px 0}.simple-link{border:0;background:transparent;color:#0071e3;cursor:pointer;font-size:13px}.qty-step{display:flex;align-items:center;gap:8px;white-space:nowrap}.qty-step button{border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer;padding:4px 10px}.shared-bar{display:flex;justify-content:space-between;align-items:center}.shared-bar>span{font-size:12px;color:#8e8e93}@media(max-width:860px){.shared-two{grid-template-columns:1fr}.shared-head{display:block}.shared-cart-row{flex-wrap:wrap}}

/* PC v1.0 Apple-Style Unified Authentication System */
.pc-auth-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 200px);
  padding: 50px 20px 90px;
  background: radial-gradient(circle at 50% 20%, #fbfbfd 0%, #f2f3f7 100%);
}
.pc-auth-card {
  width: 100%;
  max-width: 440px;
  background: #ffffff;
  border-radius: 20px;
  padding: 42px 38px 36px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.03);
  border: 1px solid #e5e5ea;
  text-align: center;
  box-sizing: border-box;
}
.pc-auth-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 22px;
}
.pc-auth-mark {
  position: relative;
  background: #15191e;
  color: #fff;
  border-radius: 12px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  letter-spacing: -1.5px;
  font-size: 19px;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(21, 25, 30, 0.2);
}
.pc-auth-star {
  position: absolute;
  color: #82bcff;
  right: 3px;
  top: 1px;
  font-size: 11px;
}
.pc-auth-brand {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #1d1d1f;
  margin-top: 10px;
}
.pc-auth-brand small {
  display: block;
  font-size: 8px;
  letter-spacing: 2px;
  color: #86868b;
  font-weight: 600;
  margin-top: 2px;
}
.pc-auth-title {
  font-size: 23px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1d1d1f;
  margin: 0 0 8px;
}
.pc-auth-desc {
  font-size: 13px;
  color: #86868b;
  line-height: 1.5;
  margin: 0 0 26px;
}
.pc-auth-form {
  text-align: left;
}
.pc-auth-field {
  margin-bottom: 16px;
}
.pc-auth-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 6px;
}
.pc-auth-inputwrap {
  display: flex;
  align-items: center;
}
.pc-auth-prefix {
  height: 44px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  background: #f5f5f7;
  border: 1px solid #d2d2d7;
  border-right: none;
  border-radius: 10px 0 0 10px;
  font-size: 13px;
  color: #6e6e73;
  font-weight: 500;
}
.pc-auth-inputwrap input {
  flex: 1;
  width: 100%;
  height: 44px;
  border: 1px solid #d2d2d7;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 14px;
  color: #1d1d1f;
  background: #fbfbfd;
  box-sizing: border-box;
  transition: all 0.2s;
}
.pc-auth-prefix + input {
  border-radius: 0 10px 10px 0;
}
.pc-auth-inputwrap input:focus {
  background: #ffffff;
  border-color: #0071e3;
  outline: 3px solid rgba(0, 113, 227, 0.15);
}
.pc-auth-error {
  background: #fff2f0;
  color: #cf1322;
  border: 1px solid #ffccc7;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 12px;
  margin-bottom: 14px;
  text-align: left;
}
.pc-auth-submit {
  height: 44px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 600;
  background: #0071e3;
  color: white;
  width: 100%;
  margin-top: 8px;
  box-shadow: 0 2px 8px rgba(0, 113, 227, 0.25);
  transition: all 0.2s;
}
.pc-auth-submit:hover:not(:disabled) {
  background: #0077ed;
  transform: translateY(-1px);
}
.pc-auth-quick {
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f2;
  text-align: left;
}
.pc-quick-title {
  display: block;
  font-size: 11px;
  color: #86868b;
  margin-bottom: 8px;
}
.pc-quick-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 9px 14px;
  background: #f5f5f7;
  border: 1px solid #e5e5ea;
  border-radius: 10px;
  font-size: 12px;
  color: #1d1d1f;
  cursor: pointer;
  transition: all 0.15s;
}
.pc-quick-btn:hover {
  background: #e8f2ff;
  border-color: #0071e3;
  color: #0071e3;
}
.pc-quick-arrow {
  font-style: normal;
  font-weight: 600;
  color: #0071e3;
  font-size: 11px;
}
.pc-auth-agreement {
  margin-top: 22px;
  font-size: 11px;
  color: #86868b;
  line-height: 1.6;
}
.pc-auth-pill {
  display: inline-block;
  margin-top: 8px;
  padding: 3px 10px;
  background: #f5f5f7;
  border-radius: 6px;
  font-size: 10px;
  color: #6e6e73;
}
.pc-auth-userbox {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  background: #f5f5f7;
  border-radius: 12px;
  margin: 18px 0 22px;
  text-align: left;
}
.pc-auth-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #e3effd;
  color: #0071e3;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 14px;
  flex: none;
}
.pc-auth-userinfo strong {
  display: block;
  font-size: 15px;
  color: #1d1d1f;
}
.pc-auth-userinfo span {
  display: block;
  font-size: 12px;
  color: #86868b;
  margin-top: 2px;
}