/* HK DAO mobile DApp delivery surface. The desktop rules remain only as a local debug reference. */
:root{font-size:14px}html,body{min-width:320px;max-width:100%;overflow-x:hidden}body{background:#f7f9fc}.preview-bar{padding:8px 13px;font-size:10px;line-height:1.5}.shell{display:block;min-height:100vh}.sidebar{position:sticky;top:0;z-index:20;display:block;padding:13px 14px 9px;border-right:0;border-bottom:1px solid #dfe6ef;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.brand{font-size:20px;gap:9px;margin-bottom:13px}.brand-mark{width:30px;height:34px;font-size:22px}.brand small{font-size:8px;letter-spacing:1.6px}.sidebar>div:not(.sidebar-bottom){display:block}.nav-caption,.sidebar-bottom{display:none}.nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:0 4px 2px}.nav::-webkit-scrollbar{display:none}.nav a{min-width:max-content;flex:0 0 auto;display:flex;gap:7px;padding:9px 10px;border-radius:6px;font-size:11px}.nav svg{width:15px;height:15px}.nav .soon{font-size:8px;padding:2px 4px}.content-wrap{min-width:0}.topbar{position:sticky;top:87px;z-index:15;height:56px;padding:0 15px;border-bottom:1px solid #e6ebf2;background:rgba(247,249,252,.94);backdrop-filter:blur(10px)}.breadcrumb{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.breadcrumb span,.breadcrumb strong{display:none}.toolbar{gap:7px}.language{padding:7px 5px;font-size:10px;border-radius:5px}.toolbar>.btn:first-of-type{display:none}.toolbar>.btn.primary{padding:8px 10px;font-size:0}.toolbar>.btn.primary svg{width:17px;height:17px}.main{padding:19px 15px calc(32px + env(safe-area-inset-bottom));max-width:none}.hero{display:block;min-height:0;padding:26px 20px;border-radius:11px;background:linear-gradient(145deg,#edf2fa,#e3ecfa)}.hero h1{font-size:31px;line-height:1.5;margin:16px 0 12px;letter-spacing:-.6px}.hero p{font-size:12px;line-height:1.9;margin-bottom:19px}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.hero-actions .btn{width:100%;padding:12px}.hero .identity-scene{display:grid;min-height:225px;margin-top:13px;transform:scale(.8);transform-origin:50% 50%}.quick-strip{grid-template-columns:1fr;margin:14px 0 27px;border-radius:9px}.quick{padding:15px 18px;min-height:65px}.quick+.quick{border-left:0;border-top:1px solid #e5eaf1}.section-top{margin:23px 0 14px;align-items:flex-end}.section-top h2{font-size:19px}.section-top p{font-size:11px;line-height:1.6}.section-top a{font-size:11px;white-space:nowrap}.grid3{grid-template-columns:1fr;gap:13px}.resource{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:141px;border-radius:9px}.resource-art{height:100%;min-height:141px}.resource-art svg{width:77px;height:68px}.resource-art .type{font-size:8px;top:9px;left:9px;padding:3px 5px}.resource-art .art-label{font-size:7px;left:9px;bottom:9px;letter-spacing:1px}.resource-body{padding:14px 13px}.resource-body h3{font-size:14px;line-height:1.5;margin-bottom:7px}.resource-body p{font-size:11px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.resource-footer{margin-top:10px;font-size:9px}.lock svg{width:11px;height:11px}.community-note{grid-template-columns:1fr;padding:18px 19px;margin-top:17px;gap:15px}.community-note h3{font-size:14px}.community-note p{font-size:11px}.community-note .actions{justify-content:flex-start}.page-title{margin-bottom:20px}.page-title h1{font-size:25px;margin-bottom:7px}.page-title p{font-size:12px;line-height:1.8}.filterbar{margin:15px 0;gap:6px}.chip{padding:8px 12px;font-size:11px}.search{order:3;min-width:0;width:100%;margin:4px 0 0;padding:10px}.panel{padding:19px;border-radius:9px}.two-col{grid-template-columns:1fr;gap:14px}.two-col .identity-scene{height:273px}.detail-row{font-size:11px;padding:13px 0}.level-table{font-size:10px}.level-table th,.level-table td{padding:11px 6px;white-space:nowrap}.level-table th:nth-child(2),.level-table td:nth-child(2){white-space:normal;min-width:80px}.notice{padding:12px 13px;font-size:11px;line-height:1.8;margin:15px 0}.metric-grid{grid-template-columns:1fr;gap:12px}.metric{padding:19px}.metric .amount{font-size:28px}.drop-scene{height:300px;border-radius:9px}.schedule{gap:7px}.schedule div{padding:11px 9px}.schedule small{font-size:9px}.schedule strong{font-size:11px}.drop-result{font-size:22px}.upload-zone{padding:33px 14px}.upload-zone input{max-width:100%;font-size:11px}.upload-list li{font-size:11px}.risk{margin-top:26px;padding-top:14px;font-size:9px;line-height:1.8}.modal-backdrop{padding:14px;align-items:end}.modal{width:100%;max-height:84vh;border-radius:14px 14px 0 0;padding:22px 18px calc(20px + env(safe-area-inset-bottom))}.modal-header h2{font-size:19px}.wallet-grid{grid-template-columns:1fr 1fr;gap:7px}.wallet-item{padding:11px 8px;font-size:10px}.wallet-item i{width:26px;height:26px}.btn{min-height:42px;padding:10px 14px;font-size:12px}.actions .btn{min-height:40px}.preview-settings{padding:10px;font-size:10px}#toast{bottom:calc(18px + env(safe-area-inset-bottom));font-size:11px;padding:11px 16px;width:max-content;max-width:calc(100vw - 30px);text-align:center}.intro-copy h1{font-size:38px;letter-spacing:6px}.intro-copy p{font-size:9px;letter-spacing:3px}.intro-copy button{min-height:43px;padding:11px 23px}#intro{padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}
@media(min-width:781px){body{background:#e9eef5}.shell{width:min(480px,100vw);margin:0 auto;box-shadow:0 0 0 1px #dfe6ef,0 10px 60px #0c20381e}.preview-bar{width:min(480px,100vw);margin:0 auto}.topbar{top:87px}.hero .identity-scene{display:grid}.sidebar{position:relative}.topbar{position:relative}.modal-backdrop{align-items:center}.modal{border-radius:13px;width:min(440px,calc(100% - 28px));padding:25px}}