@media (max-width:720px){
  body.mobile-page-paipan{background:#f6f6f5!important;color:#272521!important}
  body.mobile-page-paipan .app{padding:16px 14px 86px!important}
  body.mobile-page-paipan .header{display:none!important}
  body.mobile-page-paipan .mobile-paipan-card{padding:18px 20px 20px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 8px 28px rgba(57,48,36,.05)!important}
  body.mobile-page-paipan .mobile-paipan-card::before{display:none!important}

  .mobile-paipan-summary .archive-name-row{margin:0!important;padding:0 0 15px;border-bottom:1px solid #eeeae4}
  .mobile-paipan-summary .archive-name-row .field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}
  .mobile-paipan-summary .archive-name-row label{margin:0!important;color:#2b2925!important;font-size:17px!important;font-weight:600!important;letter-spacing:1px!important}
  .mobile-paipan-summary .archive-name-input{min-height:42px!important;padding:4px 0!important;border:0!important;background:transparent!important;color:#333!important;text-align:right!important;font-size:16px!important;box-shadow:none!important}
  .mobile-paipan-summary .archive-name-input::placeholder{color:#c5c1bb!important}
  .mobile-paipan-summary .archive-name-hint{display:none!important}

  .mobile-paipan-choice-line{display:flex;align-items:center;justify-content:space-between;gap:24%;padding:12px 0;border-bottom:1px solid #eeeae4}
  .mobile-paipan-choice-line .radio-group{flex:0 0 96px;gap:0;padding:3px;background:#f5f4f1;border:1px solid #e7e3dc;border-radius:999px}
  .mobile-paipan-choice-line .radio{min-height:34px!important;padding:4px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#8c857b!important;font-size:15px!important}
  .mobile-paipan-choice-line .radio:has(input:checked){background:#b69351!important;color:#fff!important}
  .mobile-paipan-mode-tabs{flex:1;margin:0!important;padding:3px!important;gap:0!important;background:#f5f4f1!important;border:1px solid #e7e3dc;border-radius:999px!important}
  .mobile-paipan-mode-tabs .mode-tab{min-height:34px!important;padding:4px 3px!important;border-radius:999px!important;letter-spacing:0!important;color:#8c857b!important;font-size:14px!important}
  .mobile-paipan-mode-tabs .mode-tab.active{background:#b69351!important;color:#fff!important;box-shadow:none!important}
  .mobile-paipan-mode-tabs .mode-related-link{display:none!important}

  .mobile-birth-summary-card{display:block}
  .mobile-birth-summary-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:62px;padding:12px 0;border:0;border-bottom:1px solid #eeeae4;background:transparent;color:#302d28;font-family:inherit;text-align:left}
  .mobile-birth-summary-row[hidden]{display:none!important}
  .mobile-birth-summary-row span{font-size:16px;font-weight:600;letter-spacing:.5px}
  .mobile-birth-summary-row span small{color:#c2bdb5;font-size:11px;font-weight:400}
  .mobile-birth-summary-row b{min-width:0;overflow:hidden;color:#b5afa7;font-size:14px;font-weight:400;text-align:right;white-space:nowrap;text-overflow:ellipsis}
  .mobile-birth-summary-row i{color:#b9b3aa;font-size:25px;font-style:normal;font-weight:300}
  .mobile-paipan-summary>.birth-flow-panel,.mobile-paipan-summary>.birth-basic-panel,.mobile-paipan-summary>.birth-advanced{display:none!important}
  body.mobile-page-paipan .mobile-submit-dock{position:static!important;padding:22px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  body.mobile-page-paipan .mobile-submit-dock .birth-confirm-summary{display:none!important}
  body.mobile-page-paipan .mobile-submit-dock .submit{min-height:58px!important;margin:0!important;border-radius:999px!important;background:#050505!important;color:#d9bd80!important;box-shadow:none!important;font-size:18px!important;letter-spacing:5px!important}
  body.mobile-page-paipan .trust{display:none!important}

  body.mobile-birth-sheet-open{overflow:hidden!important}
  .mobile-birth-sheet-overlay{position:fixed;inset:0;z-index:1900;background:rgba(0,0,0,.68);opacity:0;transition:opacity .22s ease}
  .mobile-birth-sheet-overlay.is-open{opacity:1}
  .mobile-birth-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1901;height:min(76vh,650px);padding:20px 16px calc(22px + env(safe-area-inset-bottom));overflow:auto;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.13);transform:translateY(105%);transition:transform .24s cubic-bezier(.2,.75,.25,1)}
  .mobile-birth-sheet.is-open{transform:translateY(0)}
  .mobile-birth-sheet-head{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #f0ede8}
  .mobile-birth-sheet-tabs{display:flex;flex:1;min-width:0;padding:4px;background:#f6f5f3;border-radius:999px}
  .mobile-birth-sheet-tabs button{flex:1;min-width:0;min-height:42px;border:0;border-radius:999px;background:transparent;color:#c3beb7;font-family:inherit;font-size:15px}
  .mobile-birth-sheet-tabs button.active{background:#fff;color:#2d2924;font-weight:700;box-shadow:0 2px 9px rgba(50,42,32,.08)}
  .mobile-birth-sheet-today{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:#f5f4f1;color:#33302b;font-family:inherit;font-size:16px;font-weight:700}
  .mobile-birth-sheet-today[hidden]{display:none!important}
  .mobile-birth-sheet-confirm{flex:0 0 88px;min-height:48px;border:0;border-radius:999px;background:#050505;color:#d8bd80;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:2px}
  .mobile-birth-sheet-title{padding:18px 2px 0;color:#332f2a;font-size:16px;font-weight:700;text-align:center}
  .mobile-birth-sheet-title:empty{display:none}
  .mobile-birth-sheet-slot{padding-top:18px}

  .mobile-calendar-picker{padding-top:6px}
  .mobile-wheel-grid{position:relative;display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:2px}
  .mobile-wheel-grid::after{content:'';position:absolute;left:0;right:0;top:88px;height:48px;border-radius:12px;background:#f6f6f5;pointer-events:none;z-index:0}
  .mobile-wheel-column{position:relative;z-index:1;min-width:0}
  .mobile-wheel-label{height:40px;color:#3d3934;font-size:15px;font-weight:600;text-align:center;line-height:40px}
  .mobile-wheel-column:first-child .mobile-wheel-label{display:inline-flex;align-items:center;justify-content:center;min-width:52px;margin-left:3px;border-radius:999px;background:#f7f5ee;color:#9b7c3f}
  .mobile-wheel-rail{height:144px;padding:48px 0;overflow-y:auto;scroll-padding-block:48px;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
  .mobile-wheel-rail::-webkit-scrollbar{display:none}
  .mobile-wheel-option{display:block;width:100%;height:48px;padding:0 2px;border:0;background:transparent;color:#d5d2cd;font-family:inherit;font-size:15px;scroll-snap-align:center;scroll-snap-stop:always;white-space:nowrap}
  .mobile-wheel-option.selected{color:#090909;font-size:19px;font-weight:700}
  .mobile-sheet-inline-toggle{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:48px;color:#655f58;font-size:15px}
  .mobile-sheet-inline-toggle input{display:none}
  .mobile-sheet-inline-toggle i{position:relative;width:44px;height:26px;border-radius:999px;background:#dedede}
  .mobile-sheet-inline-toggle i::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18)}

  .mobile-pillar-picker{padding:4px 0 0}
  .mobile-pillar-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .mobile-pillar-preview-column{display:grid;justify-items:center;gap:10px}
  .mobile-pillar-preview-column strong{margin-bottom:2px;color:#2d2a25;font-size:15px;letter-spacing:1px}
  .mobile-pillar-orb{width:62px;height:62px;border:1px solid transparent;border-radius:50%;background:#f7f6f3;color:#8a8174;font-family:inherit;font-size:25px;font-weight:700}
  .mobile-pillar-orb.active{border-color:currentColor;box-shadow:0 0 0 3px #fff inset}
  .mobile-pillar-orb[data-five-element="wood"],.mobile-pillar-choice-grid button[data-five-element="wood"]{color:#25a348;background:#f2faf3}
  .mobile-pillar-orb[data-five-element="fire"],.mobile-pillar-choice-grid button[data-five-element="fire"]{color:#d31717;background:#fff4f4}
  .mobile-pillar-orb[data-five-element="earth"],.mobile-pillar-choice-grid button[data-five-element="earth"]{color:#80683b;background:#f8f5ef}
  .mobile-pillar-orb[data-five-element="metal"],.mobile-pillar-choice-grid button[data-five-element="metal"]{color:#cd8b08;background:#fff8e9}
  .mobile-pillar-orb[data-five-element="water"],.mobile-pillar-choice-grid button[data-five-element="water"]{color:#276ed7;background:#f1f6ff}
  .mobile-pillar-tools{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:26px 0 18px;color:#3d3933;font-size:14px}
  .mobile-pillar-tools button{border:0;border-radius:999px;font-family:inherit;font-size:14px}
  .mobile-pillar-range{justify-self:start;padding:9px 13px;background:#f6f3ea;color:#9c7b3b}
  .mobile-pillar-clear{padding:9px 12px;background:#f6f6f5;color:#37332e;font-weight:600}
  .mobile-pillar-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  .mobile-pillar-choice-grid button{aspect-ratio:1;border:1px solid transparent;border-radius:12px;background:#f7f7f6;color:#2d2924;font-family:inherit;font-size:23px;font-weight:700}
  .mobile-pillar-choice-grid button.selected{border-color:currentColor;box-shadow:0 0 0 2px #fff inset}
  .mobile-pillar-picker.has-candidates .mobile-pillar-preview{padding-bottom:18px;border-bottom:1px solid #eeeae4}
  .mobile-pillar-picker .pillar-candidates{display:grid!important;gap:12px;margin:18px 0 0!important;padding:0!important;border:0!important;background:transparent!important}
  .mobile-pillar-picker .pillar-candidates-title{margin:0 0 3px;color:#2d2924;font-size:18px;font-weight:700;text-align:center;letter-spacing:2px}
  .mobile-pillar-picker .pillar-candidate{width:100%;min-height:58px;padding:12px 14px;border:1px solid #e9e4da!important;border-radius:14px!important;background:#f8f7f4!important;color:#34302b!important;font-family:inherit;font-size:15px!important;font-weight:600;text-align:center!important}
  .mobile-pillar-picker .pillar-midpoint-notice,.mobile-pillar-picker .pillar-no-match{margin:0;color:#9b9388;font-size:12px;line-height:1.7;text-align:center}
  .mobile-pillar-picker .pillar-candidate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .mobile-pillar-picker .pillar-action{min-height:48px;border-radius:999px;font-family:inherit;font-size:14px}
  .mobile-pillar-picker .pillar-action-secondary{border:1px solid #e3ded4;background:#fff;color:#4b4640}
  .mobile-pillar-picker .pillar-action-primary{border:0;background:#050505;color:#d8bd80}

  .mobile-birth-sheet .birth-location-fields{margin:0!important;padding:0!important;border:0!important}
  .mobile-birth-sheet .birth-location-title{display:none!important}
  .mobile-birth-sheet .birth-location-fields .row{display:grid!important;gap:12px!important}
  .mobile-birth-sheet .birth-location-fields select{min-height:52px!important;border-color:#ebe8e1!important;background-color:#f8f7f4!important;color:#3a3630!important}
  .mobile-birth-sheet .birth-advanced{display:block!important;margin:0!important;border:0!important;background:transparent!important}
  .mobile-birth-sheet .birth-advanced summary{display:none!important}
  .mobile-birth-sheet .birth-advanced-body{display:grid!important;gap:12px!important;padding:0!important}
  .mobile-birth-sheet .toggle-option{min-height:52px!important;justify-content:flex-start!important;background:#f8f7f4!important;color:#3a3630!important}
}