.search-section { width: 100%; display: flex; justify-content: center; } .search-wrapper { width: min(640px, 100%); display: flex; align-items: center; padding: 6px 8px 6px 24px; border-radius: 999px; background: var(--bg-elevated); box-shadow: var(--shadow-soft); gap: 8px; } .search-input { flex: 1; border: none; outline: none; background: transparent; font-size: 16px; color: var(--text-main); } .search-input::placeholder { color: #babac1; } .search-button { border: none; border-radius: 999px; padding: 10px 24px; background: transparent; color: #b3b3ba; font-size: 18px; line-height: 1; } .search-button:hover { background: rgba(0, 0, 0, 0.02); } @media (max-width: 480px) { .page { padding: 16px; } .main-content { margin-top: 72px; } } /* --- ORO CONNECTED PANEL V1 CSS: 2026-01-04 --- */ #oro-wallet-panel .oro-wallet-panel-inner.oro-connected{min-height:100%;background:var(--oro-wallet-bg);color:var(--oro-wallet-text)} #oro-wallet-panel .oro-connected-root{position:relative;height:100%;overflow:hidden;background:var(--oro-wallet-bg)} #oro-wallet-panel .oro-top-stage{position:absolute;inset:0;background:var(--oro-wallet-bg)} #oro-wallet-panel .oro-bottom-drawer{position:absolute;left:0;right:0;bottom:0;top:46%;background:var(--oro-wallet-bg);border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:var(--oro-wallet-shadow);display:flex;flex-direction:column} #oro-wallet-panel .oro-drawer-grab{width:46px;height:4px;border-radius:999px;background:rgba(0,0,0,.18);margin:10px auto 8px} #oro-wallet-panel .oro-drawer-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px 8px} #oro-wallet-panel .oro-account-chip{border:0;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.55);color:inherit;font-weight:600} #oro-wallet-panel .oro-bell-btn{border:0;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.55)} #oro-wallet-panel .oro-total{position:relative;padding:0 16px 10px} #oro-wallet-panel .oro-total-label{font-size:12px;opacity:.75} #oro-wallet-panel .oro-total-value{font-size:34px;font-weight:750;letter-spacing:.2px} #oro-wallet-panel .oro-total-pill{position:absolute;right:16px;top:18px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.55);font-size:12px} #oro-wallet-panel .oro-mini-row{display:flex;gap:10px;padding:0 16px 12px} #oro-wallet-panel .oro-mini{flex:1;min-height:64px;border-radius:18px;background:rgba(255,255,255,.45)} #oro-wallet-panel .oro-mid-row{display:flex;gap:10px;flex-wrap:wrap;padding:0 16px 12px} #oro-wallet-panel .oro-mid-btn{border:0;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.55);color:inherit;font-weight:600} #oro-wallet-panel .oro-primary-row{display:flex;gap:12px;padding:0 16px 16px} #oro-wallet-panel .oro-primary-btn{flex:1;border:0;border-radius:22px;padding:18px 14px;background:rgba(255,255,255,.55);color:inherit;font-weight:750} #oro-wallet-panel .oro-primary-receive{background:rgba(0,0,0,.75);color:#fff} #oro-wallet-panel .oro-drawer-body{flex:1;min-height:140px;border-top-left-radius:22px;border-top-right-radius:22px;background:rgba(0,0,0,.06)} /* --- ORO CONNECTED PANEL V2 CSS: 2026-01-04 --- */ #oro-wallet-panel .oro-wallet-panel-inner.oro-connected{padding:0;height:100%;width:100%;overflow:hidden;border-radius:28px 0 0 28px;background:transparent} #oro-wallet-panel .oro-connected-root{position:relative;height:100%;width:100%} #oro-wallet-panel .oro-top-stage{position:absolute;inset:0;background:var(--oro-wallet-skin-bg,linear-gradient(135deg,#5b32ff,#d84bff));color:rgba(255,255,255,.92)} #oro-wallet-panel .oro-stage-bar{position:absolute;left:16px;right:16px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px} #oro-wallet-panel .oro-account-chip{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:10px 12px;background:rgba(0,0,0,.18);color:inherit} #oro-wallet-panel .oro-acc-dot{width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.22);display:inline-block} #oro-wallet-panel .oro-bell-btn{width:44px;height:44px;border:0;border-radius:16px;background:rgba(255,255,255,.14)} #oro-wallet-panel .oro-total-area{position:absolute;left:16px;right:16px;top:92px} #oro-wallet-panel .oro-total-label{font-size:14px;opacity:.85} #oro-wallet-panel .oro-total-value{font-size:44px;font-weight:700;letter-spacing:.2px} #oro-wallet-panel .oro-total-pill{position:absolute;right:0;top:22px;border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.18);font-size:12px} #oro-wallet-panel .oro-action-cards{position:absolute;left:16px;right:16px;top:180px;display:flex;gap:12px} #oro-wallet-panel .oro-card{flex:1;min-height:76px;border:0;border-radius:18px;background:rgba(255,255,255,.16)} #oro-wallet-panel .oro-primary-row{position:absolute;left:16px;right:16px;bottom:calc(42% + 16px);display:flex;gap:14px} #oro-wallet-panel .oro-primary-btn{flex:1;border:0;border-radius:22px;padding:18px 14px;background:rgba(255,255,255,.18);color:inherit;font-weight:600} #oro-wallet-panel .oro-primary-btn.oro-receive{background:rgba(0,0,0,.45)} #oro-wallet-panel .oro-bottom-drawer{position:absolute;left:0;right:0;top:58%;bottom:0;background:rgba(0,0,0,.72);border-top-left-radius:28px;border-top-right-radius:28px} #oro-wallet-panel .oro-drawer-grab{width:56px;height:4px;border-radius:99px;background:rgba(255,255,255,.35);margin:10px auto} #oro-wallet-panel .oro-drawer-body{padding:18px 16px 22px;color:rgba(255,255,255,.88)} @media (max-width:720px){#oro-wallet-panel{width:100vw;max-width:none}#oro-wallet-panel .oro-wallet-panel-inner.oro-connected{border-radius:24px}} /* --- ORO CONNECTED PANEL V2 CSS HOTFIX: 2026-01-04 --- */ #oro-wallet-panel .oro-top-stage{z-index:1!important} #oro-wallet-panel .oro-stage-bar{position:absolute!important;top:16px!important;left:16px!important;right:16px!important;z-index:3!important} #oro-wallet-panel .oro-total-area{position:absolute!important;top:92px!important;left:16px!important;right:16px!important;z-index:3!important} #oro-wallet-panel .oro-action-cards{position:absolute!important;top:180px!important;left:16px!important;right:16px!important;z-index:3!important} #oro-wallet-panel .oro-primary-row{position:absolute!important;left:16px!important;right:16px!important;top:280px!important;z-index:3!important} #oro-wallet-panel .oro-bottom-drawer{z-index:2!important;top:72%!important} /* --- ORO CONNECTED PANEL REF CSS: 2026-01-04 --- */ #oro-wallet-panel .oro-connected-root{--oro-drawer-top:56%;position:relative;height:100%;overflow:hidden} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected{padding:0;height:100%;width:100%;overflow:hidden;border-radius:28px;background:transparent} #oro-wallet-panel .oro-top-stage{position:absolute;inset:0;background:var(--oro-wallet-skin-bg,linear-gradient(135deg,#5b32ff,#d84bff));color:rgba(255,255,255,.92)} #oro-wallet-panel .oro-stage-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:10px} #oro-wallet-panel .oro-account-chip{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:10px 12px;background:rgba(0,0,0,.18);color:inherit} #oro-wallet-panel .oro-acc-dot{width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.22);display:inline-block} #oro-wallet-panel .oro-bell-btn{width:44px;height:44px;border:0;border-radius:16px;background:rgba(255,255,255,.14)} #oro-wallet-panel .oro-total-area{position:absolute;top:92px;left:16px;right:16px} #oro-wallet-panel .oro-total-label{font-size:14px;opacity:.85} #oro-wallet-panel .oro-total-value{font-size:44px;font-weight:700} #oro-wallet-panel .oro-total-pill{position:absolute;right:0;top:22px;border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.18);font-size:12px} #oro-wallet-panel .oro-mini-row{position:absolute;top:190px;left:16px;right:16px;display:flex;gap:12px} #oro-wallet-panel .oro-mini{flex:1;height:78px;border:0;border-radius:18px;background:rgba(255,255,255,.16)} #oro-wallet-panel .oro-mid-row{position:absolute;top:282px;left:16px;right:16px;display:flex;gap:10px;flex-wrap:wrap} #oro-wallet-panel .oro-mid-btn{border:0;border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.16);color:inherit;font-weight:600} #oro-wallet-panel .oro-primary-row{position:absolute;left:16px;right:16px;top:calc(var(--oro-drawer-top) - 92px);display:flex;gap:14px} #oro-wallet-panel .oro-primary-btn{flex:1;border:0;border-radius:22px;padding:18px 14px;background:rgba(255,255,255,.18);color:inherit;font-weight:700} #oro-wallet-panel .oro-primary-btn.oro-receive{background:rgba(0,0,0,.45)} #oro-wallet-panel .oro-bottom-drawer{position:absolute;left:0;right:0;top:var(--oro-drawer-top)!important;bottom:0;background:rgba(0,0,0,.72);border-top-left-radius:28px;border-top-right-radius:28px} #oro-wallet-panel .oro-drawer-grab{width:56px;height:4px;border-radius:99px;background:rgba(255,255,255,.35);margin:10px auto} #oro-wallet-panel .oro-drawer-body{padding:18px 16px 22px;color:rgba(255,255,255,.88)} /* --- ORO CONNECTED PANEL REF CSS FIX: 2026-01-04 --- */ #oro-wallet-panel .oro-connected-root{--oro-drawer-top:65%!important} #oro-wallet-panel .oro-mid-row{top:300px!important} #oro-wallet-panel .oro-primary-row{top:calc(var(--oro-drawer-top) - 80px)!important} #oro-wallet-panel .oro-bottom-drawer{top:var(--oro-drawer-top)!important; border-top-left-radius:0!important;border-top-right-radius:0!important; border-bottom-left-radius:28px!important;border-bottom-right-radius:28px!important;} /* --- ORO CONNECTED PANEL: HIDE ACTION BUTTONS V1 2026-01-04 --- */ #oro-wallet-panel .oro-mid-row{display:none!important} #oro-wallet-panel .oro-primary-row{display:none!important} #oro-wallet-panel .oro-bottom-drawer{border-top-left-radius:28px!important;border-top-right-radius:28px!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important} /* --- ORO CONNECTED PANEL: BOUNDARY DOWNCURVE + PRIMARY 2026-01-04 --- */ /* ORO PATCH 2026-01-12: DISABLED fixed drawer-top (was blocking drag) #oro-wallet-panel .oro-connected-root{--oro-drawer-top:62%!important;overflow:hidden!important} */ #oro-wallet-panel .oro-top-stage{height:var(--oro-drawer-top)!important;bottom:auto!important;border-radius:0 0 28px 28px!important} #oro-wallet-panel .oro-bottom-drawer{top:var(--oro-drawer-top)!important;border-radius:0!important} #oro-wallet-panel .oro-primary-row{display:flex!important;position:absolute!important;left:16px!important;right:16px!important;bottom:16px!important;gap:14px!important;z-index:6!important} #oro-wallet-panel .oro-primary-btn{min-height:56px!important;border-radius:22px!important;font-weight:700!important} #oro-wallet-panel .oro-primary-btn.oro-send{background:rgba(255,255,255,.18)!important} #oro-wallet-panel .oro-primary-btn.oro-receive{background:rgba(0,0,0,.45)!important;color:inherit!important} /* --- ORO CONNECTED PANEL: REF LAYOUT RESET 2026-01-04 --- */ /* ORO PATCH 2026-01-12: DISABLED fixed drawer-top (was blocking drag) #oro-wallet-panel .oro-connected-root{--oro-drawer-top:62%!important;overflow:hidden!important} */ #oro-wallet-panel .oro-wallet-panel-inner.oro-connected{overflow:hidden!important} #oro-wallet-panel .oro-top-stage{position:absolute!important;left:0!important;right:0!important;top:0!important;height:var(--oro-drawer-top)!important;bottom:auto!important;display:flex!important;flex-direction:column!important;padding:16px!important;border-radius:0!important} #oro-wallet-panel .oro-stage-bar,#oro-wallet-panel .oro-total-area,#oro-wallet-panel .oro-mini-row,#oro-wallet-panel .oro-primary-row{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important} #oro-wallet-panel .oro-stage-bar{margin:0 0 18px 0!important} #oro-wallet-panel .oro-total-area{margin:0 0 18px 0!important} #oro-wallet-panel .oro-mini-row{display:flex!important;gap:14px!important;margin:0 0 18px 0!important} #oro-wallet-panel .oro-mid-row{display:none!important} #oro-wallet-panel .oro-primary-row{display:flex!important;gap:18px!important;margin-top:auto!important;margin-bottom:18px!important} #oro-wallet-panel .oro-primary-btn{height:68px!important;border-radius:30px!important;font-size:16px!important;font-weight:700!important} #oro-wallet-panel .oro-bottom-drawer{position:absolute!important;left:0!important;right:0!important;top:var(--oro-drawer-top)!important;bottom:0!important;border-radius:28px 28px 0 0!important;background:rgba(0,0,0,.70)!important} /* --- ORO CONNECTED PANEL: FINAL TUNE 2026-01-04 --- */ /* ORO PATCH 2026-01-12: DISABLED fixed drawer-top (was blocking drag) #oro-wallet-panel .oro-connected-root{--oro-drawer-top:60%!important;overflow:hidden!important} */ #oro-wallet-panel .oro-top-stage{top:0!important;height:var(--oro-drawer-top)!important;padding:18px 18px 14px!important;-webkit-font-smoothing:antialiased!important;text-rendering:geometricPrecision!important} #oro-wallet-panel .oro-total-label{opacity:1!important} #oro-wallet-panel .oro-total-value{letter-spacing:0!important} #oro-wallet-panel .oro-mid-row{display:flex!important;gap:14px!important;margin:14px 0 18px!important;flex-wrap:nowrap!important} #oro-wallet-panel .oro-mid-btn{flex:1!important;height:64px!important;border-radius:18px!important;background:rgba(255,255,255,.22)!important;color:#fff!important;font-weight:700!important;filter:none!important;backdrop-filter:none!important} #oro-wallet-panel .oro-mid-row [data-oro-action="charge"]{display:none!important} #oro-wallet-panel .oro-mid-row [data-oro-action="history"]{order:1!important} #oro-wallet-panel .oro-mid-row [data-oro-action="swap"]{order:2!important} #oro-wallet-panel .oro-mid-row [data-oro-action="nft"]{order:3!important} #oro-wallet-panel .oro-bottom-drawer{top:var(--oro-drawer-top)!important;bottom:0!important;background:#0b0b0f!important;border-radius:28px 28px 0 0!important} #oro-wallet-panel .oro-bottom-drawer *{filter:none!important;backdrop-filter:none!important;-webkit-font-smoothing:antialiased!important} /* --- ORO CONNECTED PANEL: NO OVERLAP ACTIONS 2026-01-04 --- */ #oro-wallet-panel .oro-top-stage{display:flex!important;flex-direction:column!important;padding:18px 18px 22px!important} #oro-wallet-panel .oro-mid-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:auto!important;margin-bottom:14px!important;z-index:6!important} #oro-wallet-panel .oro-mid-row [data-oro-action="charge"]{display:none!important} #oro-wallet-panel .oro-mid-row .oro-mid-btn{height:58px!important;border-radius:18px!important;font-weight:700!important;color:#fff!important;background:rgba(255,255,255,.22)!important;backdrop-filter:none!important;filter:none!important} #oro-wallet-panel .oro-primary-row{display:flex!important;gap:18px!important;margin:0!important;z-index:7!important} #oro-wallet-panel .oro-primary-btn{height:66px!important;border-radius:33px!important;font-weight:700!important} /* --- ORO CONNECTED PANEL: UNABS ACTIONS 2026-01-04 --- */ #oro-wallet-panel .oro-top-stage{display:flex!important;flex-direction:column!important} #oro-wallet-panel .oro-mid-row,#oro-wallet-panel .oro-primary-row{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important} #oro-wallet-panel .oro-mid-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-top:auto!important;margin-bottom:14px!important;z-index:6!important} #oro-wallet-panel .oro-mid-row [data-oro-action="charge"]{display:none!important} #oro-wallet-panel .oro-primary-row{display:flex!important;gap:18px!important;margin:0 0 18px 0!important;z-index:7!important} #oro-wallet-panel .oro-primary-btn{height:66px!important;border-radius:33px!important;font-weight:700!important} /* --- ORO PANEL CLEANUP DUMMY BOXES 2026-01-04 --- */ #oro-wallet-panel .oro-token-placeholder, #oro-wallet-panel .oro-token-row, #oro-wallet-panel .oro-empty-box{display:none!important} #oro-wallet-panel [data-oro-action="charge"]{display:none!important} #oro-wallet-panel .oro-change-badge{position:absolute!important;top:64px!important;right:20px!important} /* --- ORO CONNECTED PANEL V1 FIX: NO OVERLAP 2026-01-04 --- */ #oro-wallet-panel .oro-connected-root{display:flex;flex-direction:column;height:100%} #oro-wallet-panel .oro-top-stage{flex:1;display:flex;flex-direction:column} #oro-wallet-panel .oro-mini-row{display:none!important} #oro-wallet-panel .oro-mid-row,#oro-wallet-panel .oro-primary-row{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important} #oro-wallet-panel .oro-mid-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;padding:0 16px 12px!important;margin-top:auto!important} #oro-wallet-panel .oro-mid-btn{height:44px!important;border-radius:16px!important;filter:none!important;backdrop-filter:none!important} #oro-wallet-panel .oro-primary-row{display:flex!important;gap:14px!important;padding:0 16px 16px!important} #oro-wallet-panel .oro-primary-btn{height:66px!important;border-radius:33px!important;filter:none!important;backdrop-filter:none!important} #oro-wallet-panel .oro-bottom-drawer{margin-top:auto!important;background:#060606!important;border-radius:28px 28px 0 0!important} #oro-wallet-panel .oro-charge-pill{cursor:pointer} /* ORO PATCH 2026-01-12: DISABLED ORO_LOCKED_SPLIT_V4 (mobile must be draggable) /* ORO_LOCKED_SPLIT_V4: kill flex layout (prevents bottom from being draggable) + restore purple top */ #oro-wallet-panel .oro-connected-root{display:block!important} #oro-wallet-panel .oro-top-stage{ position:absolute!important;left:0!important;right:0!important;top:0!important; height:var(--oro-drawer-top)!important;bottom:auto!important;flex:0 0 auto!important; background:var(--oro-wallet-skin-bg,linear-gradient(135deg,#5b32ff,#d84bff))!important; padding-top:calc(16px + env(safe-area-inset-top,0px))!important; border-radius:0 0 28px 28px!important;overflow:hidden!important;z-index:2!important; } #oro-wallet-panel .oro-bottom-drawer{ position:absolute!important;left:0!important;right:0!important; top:calc(var(--oro-drawer-top) - 18px)!important;bottom:0!important; margin-top:0!important;background:#000!important;z-index:1!important; } */ /* --- ORO PATCH: connected drawer grip v1 (2026-01-04) --- */ #oro-wallet-panel,.oro-wallet-panel{background:#000!important;} .oro-wallet-panel-inner.oro-connected{position:relative!important;padding:0!important;} .oro-wallet-panel-inner.oro-connected .wallet-close{ position:absolute!important;top:14px!important;right:14px!important;z-index:50!important; background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.12)!important; } .oro-bottom-drawer .oro-drawer-grab{ height:34px!important;width:100%!important;margin:0!important;border-radius:0!important; background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important; cursor:grab!important;touch-action:none!important; } .oro-bottom-drawer .oro-drawer-grab::before{ content:"";width:64px;height:5px;border-radius:999px;background:rgba(255,255,255,.28); } /* --- END ORO PATCH --- */ /* --- ORO PATCH: CONNECTED PANEL LAYOUT V2 2026-01-04 --- */ #oro-wallet-panel .oro-wallet-panel-inner.oro-connected{padding:0!important;gap:0!important;background:#000!important;position:relative!important;overflow:hidden!important;} #oro-wallet-panel .oro-connected-root{background:#000!important;} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .wallet-close{position:absolute!important;top:14px!important;right:14px!important;z-index:60!important;} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .oro-bell-btn{margin-right:56px!important;} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .oro-bottom-drawer{top:var(--oro-drawer-top)!important;z-index:5!important;background:#000!important;} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .oro-drawer-grab{position:absolute!important;top:0!important;left:0!important;right:0!important;height:34px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:grab!important;touch-action:none!important;z-index:8!important;} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .oro-drawer-grab::before{content:"";width:72px;height:6px;border-radius:999px;background:rgba(255,255,255,.32)!important;} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .oro-drawer-body{padding-top:42px!important;} /* --- END ORO PATCH --- */ /* ORO_PATCH_TOP_OFFWHITE_DARK_V1_BEGIN */ #oro-wallet-panel .oro-top-stage{ background:#f5f6f7!important;color:#111!important; box-shadow:none!important;filter:none!important;backdrop-filter:none!important; } #oro-wallet-panel .oro-top-stage .oro-account-chip, #oro-wallet-panel .oro-top-stage .oro-total-pill, #oro-wallet-panel .oro-top-stage .oro-bell-btn{ background:rgba(0,0,0,.06)!important;color:#111!important; border:1px solid rgba(0,0,0,.08)!important; } #oro-wallet-panel .oro-top-stage .oro-total-label{color:rgba(0,0,0,.55)!important;opacity:1!important} #oro-wallet-panel .oro-top-stage .oro-total-value{color:#111!important} #oro-wallet-panel .oro-top-stage .oro-mid-btn, #oro-wallet-panel .oro-top-stage .oro-primary-btn{ background:rgba(0,0,0,.06)!important;color:#111!important; border:1px solid rgba(0,0,0,.10)!important; } #oro-wallet-panel .oro-top-stage .oro-primary-btn.oro-receive{ background:#111!important;color:#f7f7f8!important;border:1px solid rgba(0,0,0,.18)!important; } /* ORO_PATCH_TOP_OFFWHITE_DARK_V1_END */\n /* ORO_PATCH_TOPGRAB_HANDLE_V1_BEGIN */ #oro-wallet-panel .oro-connected-root .oro-top-stage{position:absolute!important;padding-bottom:28px!important;overflow:visible!important;} /* ヒット領域を top-stage 内の細いストリップに限定し、middle（Back等）を覆わない */ #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-top-grab{ position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important; width:min(360px,92vw)!important;height:28px!important;background:transparent!important; z-index:10!important;pointer-events:auto!important;touch-action:none!important; } #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-top-grab::before{ content:"";position:absolute;left:50%;bottom:10px;transform:translateX(-50%); width:92px;height:6px;border-radius:999px;background:rgba(0,0,0,.28); } #oro-wallet-panel .oro-connected-root .oro-bottom-drawer .oro-drawer-grab{display:none!important;} /* ORO_PATCH_TOPGRAB_HANDLE_V1_END */ /* --- ORO_PATCH_DRAWER_V3_MIDGRAB_CSS (2026-01-05) --- */ #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .oro-top-stage{touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;} #oro-wallet-panel .oro-wallet-panel-inner.oro-connected [data-oro-drawer].is-dragging{cursor:grabbing!important;} /* --- END ORO_PATCH_DRAWER_V3_MIDGRAB_CSS --- */ /* --- ORO_PATCH_DRAWER_V3_FINISH_MOTION (2026-01-06) --- */ #oro-wallet-panel .oro-connected-root{--oro-drawer-open:0} #oro-wallet-panel .oro-connected-root .oro-top-stage, #oro-wallet-panel .oro-connected-root .oro-bottom-drawer{ transition: height 260ms cubic-bezier(.2,.85,.2,1), top 260ms cubic-bezier(.2,.85,.2,1); will-change: height, top; } #oro-wallet-panel .oro-connected-root.oro-sheet-dragging .oro-top-stage, #oro-wallet-panel .oro-connected-root.oro-sheet-dragging .oro-bottom-drawer{ transition:none!important; } /* 上に上がったら“文字が消える” */ #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-stage-bar, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-total-area, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-mini-row, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-mid-row, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-primary-row{ opacity: calc(1 - var(--oro-drawer-open)); transform: translateY(calc(var(--oro-drawer-open) * -10px)); transition: opacity 180ms linear, transform 260ms cubic-bezier(.2,.85,.2,1); will-change: opacity, transform; } #oro-wallet-panel .oro-connected-root.oro-sheet-dragging .oro-top-stage .oro-stage-bar, #oro-wallet-panel .oro-connected-root.oro-sheet-dragging .oro-top-stage .oro-total-area, #oro-wallet-panel .oro-connected-root.oro-sheet-dragging .oro-top-stage .oro-mini-row, #oro-wallet-panel .oro-connected-root.oro-sheet-dragging .oro-top-stage .oro-mid-row, #oro-wallet-panel .oro-connected-root.oro-sheet-dragging .oro-top-stage .oro-primary-row{ transition:none!important; } /* --- END ORO_PATCH_DRAWER_V3_FINISH_MOTION --- */ /* --- ORO PATCH: drawer drag v3.1 CSS 2026-01-06 --- */ #oro-wallet-panel .oro-connected-root .oro-bottom-drawer{top:var(--oro-drawer-top)!important} /* ORO PATCH: SETTINGS_VISUAL_AND_FADE_V2 BEGIN */ /* 右上⚙️：箱っぽさを消して“同じ世界観”に寄せる */ #oro-wallet-panel .oro-stage-bar .oro-settings-btn{ width:40px!important;height:40px!important;border-radius:14px!important; background:rgba(0,0,0,06)!important;border:1px solid rgba(0,0,0,10)!important; box-shadow:none!important;color:rgba(0,0,0,58)!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; } #oro-wallet-panel .oro-stage-bar .oro-settings-btn svg{display:block} #oro-wallet-panel .oro-stage-bar .oro-settings-btn:active{transform:scale(.98)!important} /* “上に上げたら消える”の確実化：fallback + 上品な easing */ #oro-wallet-panel .oro-connected-root .oro-stage-bar, #oro-wallet-panel .oro-connected-root .oro-total-area, #oro-wallet-panel .oro-connected-root .oro-mini-row, #oro-wallet-panel .oro-connected-root .oro-mid-row, #oro-wallet-panel .oro-connected-root .oro-primary-row{ opacity: calc(1 - var(--oro-drawer-open, 0))!important; transform: translateY(calc(var(--oro-drawer-open, 0) * -10px))!important; transition: opacity 180ms linear, transform 260ms cubic-bezier(.2,.85,.2,1)!important; } /* ORO PATCH: SETTINGS_VISUAL_AND_FADE_V2 END */ /* ORO PATCH: TOP_FADE_LOCK_V3 2026-01-06 */ #oro-wallet-panel .oro-connected-root .oro-bottom-drawer{display:none!important;} #oro-wallet-panel .oro-stage-bar .oro-settings-btn{ width:40px!important;height:40px!important;border-radius:14px!important;border:0!important; background:transparent!important;color:rgba(0,0,0,58)!important;display:inline-flex!important; align-items:center!important;justify-content:center!important;box-shadow:none!important; } #oro-wallet-panel .oro-stage-bar .oro-settings-btn:hover{background:rgba(0,0,0,06)!important;} #oro-wallet-panel .oro-stage-bar .oro-settings-btn:active{transform:scale(.98)!important;} #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-stage-bar, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-total-area, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-mini-row, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-mid-row, #oro-wallet-panel .oro-connected-root .oro-top-stage .oro-primary-row{ opacity:calc(1 - var(--oro-drawer-open,0))!important; transform:translateY(calc(var(--oro-drawer-open,0) * -10px))!important; transition:opacity 180ms linear,transform 260ms cubic-bezier(.2,.85,.2,1)!important; will-change:opacity,transform; } /* END ORO PATCH: TOP_FADE_LOCK_V3 */ /* ORO PATCH: SETTINGS_BTN_UNIFY_V1 2026-01-06 */ #oro-wallet-panel .oro-stage-bar .wallet-close{ position:static!important;margin-left:auto!important; background:transparent!important;border:0!important;box-shadow:none!important; width:40px!important;height:40px!important;padding:0!important;border-radius:14px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; color:rgba(0,0,0,.55)!important;opacity:1!important; } #oro-wallet-panel .oro-stage-bar .wallet-close:hover{background:rgba(0,0,0,.06)!important} #oro-wallet-panel .oro-stage-bar .wallet-close:active{transform:scale(.98)!important} /* END ORO PATCH */ /* ORO PATCH: TOPRIGHT_MENU_POS_V1 2026-01-07 */ #oro-wallet-panel .oro-stage-bar{position:relative!important;} #oro-wallet-panel .oro-stage-bar .oro-stage-right{ position:absolute!important; right:14px!important; top:-10px!important; display:flex!important; gap:10px!important; align-items:center!important; } #oro-wallet-panel .oro-stage-bar .oro-stage-right .menu-button{ width:40px!important;height:40px!important;border-radius:14px!important; background:transparent!important;border:0!important;box-shadow:none!important; color:rgba(0,0,0,.55)!important; } #oro-wallet-panel .oro-stage-bar .oro-stage-right .menu-button:hover{background:rgba(0,0,0,.06)!important;} #oro-wallet-panel .oro-stage-bar .oro-stage-right .menu-button:active{transform:scale(.98)!important;} /* ORO PATCH: TOPRIGHT_HAMBURGER_X_UI_V2 2026-01-07 */ #oro-wallet-panel .oro-wallet-panel-inner.oro-connected .wallet-close{background:transparent!important;border:0!important;box-shadow:none!important;} #oro-wallet-panel .oro-stage-right{position:static!important;display:flex!important;gap:10px!important;align-items:center!important;margin-left:auto!important;transform:translateY(-8px)!important;} #oro-wallet-panel .oro-stage-right .menu-button{width:36px!important;height:36px!important;border-radius:14px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:rgba(0,0,0,.62)!important;display:inline-grid!important;place-items:center!important;line-height:1!important;font-size:22px!important;} #oro-wallet-panel .oro-stage-right .menu-button:hover{background:rgba(0,0,0,.06)!important;} #oro-wallet-panel .oro-stage-right .oro-close-btn{font-size:20px!important;font-weight:600!important;} /* ORO PATCH: TOPRIGHT_ORDER_TIGHTEN_V1 2026-01-07 */ #oro-wallet-panel .oro-stage-right{justify-content:flex-end!important;} /* ORO PATCH: TOPRIGHT_ORDER_GUARD_V1 2026-01-07 */ #oro-wallet-panel .oro-stage-right{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;} #oro-wallet-panel .oro-stage-right .oro-menu-btn{order:1!important;} #oro-wallet-panel .oro-stage-right .oro-close-btn{order:2!important;} #oro-wallet-panel .oro-stage-right .menu-button{position:static!important;top:auto!important;right:auto!important;} /* ORO PATCH: TOPRIGHT_MENU_CLOSE_ALIGN_FINAL_V1 (x rightmost, no box, higher) */ #oro-wallet-panel .oro-stage-bar{position:relative!important;} #oro-wallet-panel .oro-stage-bar .oro-stage-right{ position:absolute!important; top:14px!important; /* アカウント行に合わせて下げる */ right:-2px!important; /* もっと右に寄せる */ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-end!important; gap:12px!important; flex-wrap:nowrap!important; z-index:120!important; } /* kill the "floating circular close button" style and keep it inline */ #oro-wallet-panel .oro-stage-bar .oro-stage-right .wallet-close{ position:static!important; top:auto!important; right:auto!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; width:auto!important; height:auto!important; padding:0!important; line-height:1!important; font-size:20px!important; color:rgba(0,0,0,.62)!important; order:2!important; /* x is rightmost */ } /* make hamburger match search page (no circle/box) */ #oro-wallet-panel .oro-stage-bar .oro-stage-right .menu-button{ width:auto!important; height:auto!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; line-height:1!important; font-size:22px!important; color:rgba(0,0,0,.62)!important; order:1!important; } /* ORO_MNEMONIC_UI_V1 */ .oro-mn-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:4px;} .oro-mn-title-row .wallet-section-title{margin:0;} .oro-mn-notice{margin:0 0 12px;font-size:12px;line-height:1.45;color:rgba(248,180,180,.95);} .oro-mn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;width:100%;box-sizing:border-box;} .oro-mn-cell{display:flex;align-items:center;gap:10px;padding:12px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);min-width:0;} .oro-mn-i{opacity:.65;font-variant-numeric:tabular-nums;min-width:22px;text-align:right;flex-shrink:0;} .oro-mn-w{letter-spacing:.2px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;} .oro-mn-eye-btn{border:0;background:transparent;padding:6px;cursor:pointer;border-radius:10px;-webkit-tap-highlight-color:transparent;opacity:.9;flex-shrink:0;} .oro-mn-eye-btn:hover,.oro-mn-eye-btn:active{opacity:1;} .oro-mn-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;} .oro-mn-confirm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;} .oro-mn-pick{padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:inherit;text-align:left;} @media (max-width:420px){.oro-mn-grid,.oro-mn-confirm{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oro-mn-cell{padding:12px 10px}.oro-mn-w{font-size:15px}.oro-mn-pick{padding:14px;min-height:44px}} /* ORO_SKIP_OVERLAY_V1 */ .oro-skip-overlay{position:absolute;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55);backdrop-filter:none;} .oro-skip-card{width:min(360px,92%);border-radius:18px;padding:16px 16px 14px;background:rgba(18,18,22,.92);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 50px rgba(0,0,0,.45);color:rgba(245,245,247,.96);} .oro-skip-title{font-size:16px;font-weight:700;letter-spacing:-.01em;} .oro-skip-text{margin-top:10px;font-size:13px;line-height:1.45;color:rgba(245,245,247,.78);} .oro-skip-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;} /* ORO_SKIP_OVERLAY_V1_END */ /* ORO_MODAL_UI_V1 */ .oro-modal-overlay{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55);backdrop-filter:none;} .oro-modal-overlay.is-open{display:flex;} .oro-modal{width:min(420px,94vw);border-radius:22px;padding:18px;background:rgba(18,18,22,.92);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 60px rgba(0,0,0,.55);color:rgba(245,245,247,.96);} .oro-modal-title{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:800;letter-spacing:-.01em;} .oro-modal-body{margin-top:10px;font-size:14px;line-height:1.5;color:rgba(245,245,247,.82);} .oro-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;} .oro-btn{border-radius:999px;padding:12px 16px;font-weight:700;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;} .oro-btn-cancel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:rgba(245,245,247,.92);} .oro-btn-primary{background:linear-gradient(180deg, rgba(79,111,255,.95), rgba(44,78,240,.95));border:1px solid rgba(255,255,255,.10);color:#fff;} .oro-btn-danger{background:rgba(255,60,60,.18);border:1px solid rgba(255,60,60,.25);color:rgba(255,230,230,.98);} /* ORO_MODAL_UI_V1_END */ /* ORO_WALLET_HIDE_HAMBURGER_V1_20260111 */ #oro-wallet-panel .oro-menu-btn, #oro-wallet-panel .menu-button.oro-menu-btn, #oro-wallet-panel button[aria-label="Menu"], #oro-wallet-panel [data-oro-menu]{display:none!important;} /* ORO_WALLET_TOPCLICK_FIX_20260111 */ #oro-wallet-panel .oro-menu-btn{display:none!important;pointer-events:none!important;} #oro-wallet-panel .oro-stage-bar{position:relative!important;z-index:20!important;pointer-events:auto!important;} #oro-wallet-panel .oro-account-chip{position:relative!important;z-index:21!important;pointer-events:auto!important;} #oro-wallet-panel .oro-bell-btn{position:relative!important;z-index:21!important;pointer-events:auto!important;} /* ORO_PATCH_WALLET_SOLID_OVERRIDE_V1_20260111 */ #oro-wallet-panel .oro-top-stage{color:#fff!important} #oro-wallet-panel .oro-account-chip,#oro-wallet-panel .oro-bell-btn,#oro-wallet-panel .oro-total-pill,#oro-wallet-panel .oro-card,#oro-wallet-panel .oro-primary-btn,#oro-wallet-panel .oro-mid-btn{background:#111827!important;color:#fff!important} #oro-wallet-panel .oro-acc-dot{background:#374151!important} #oro-wallet-panel .oro-bottom-drawer{background:#0b0f14!important} #oro-wallet-panel .oro-drawer-body{color:#fff!important} /* ORO PATCH 2026-01-12: MOBILE FINAL OVERRIDE (match PC look+drag) */ @media (hover:none) and (pointer:coarse){ #oro-wallet-panel .oro-connected-root{position:relative!important;height:100%!important;overflow:hidden!important} #oro-wallet-panel .oro-top-stage{position:absolute!important;left:0!important;right:0!important;top:0!important;height:var(--oro-drawer-top,56%)!important;bottom:auto!important;display:flex!important;flex-direction:column!important;z-index:4!important} #oro-wallet-panel .oro-bottom-drawer{position:absolute!important;left:0!important;right:0!important;top:var(--oro-drawer-top,56%)!important;bottom:0!important;border-radius:28px 28px 0 0!important;z-index:3!important} #oro-wallet-panel .oro-primary-row{position:absolute!important;left:16px!important;right:16px!important;top:calc(var(--oro-drawer-top,56%) - 92px)!important;display:flex!important;gap:14px!important;z-index:5!important} #oro-wallet-panel .oro-drawer-grab{display:block!important;touch-action:none!important} }