.mobile-home,.mobile-tabs,.mobile-back{display:none}
@media(max-width:700px){
  :root{--mobile-gutter:20px}
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .app-header{height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;position:sticky}
  .brand img{width:26px;height:26px}.brand span{font-size:18px}.network{font-size:10px;padding:4px 9px}.header-action{display:none}
  .app-shell{display:block;min-height:auto}.sidebar{display:none}.app-main{width:100%}
  .docbar{display:flex;height:56px;padding:0 16px;border-bottom:1px solid var(--line);justify-content:center;position:relative}.docbar>span{font-family:Geist,sans-serif;font-size:15px;font-weight:600;color:var(--fg);letter-spacing:0}.mobile-back{display:grid;place-items:center;position:absolute;left:16px;top:8px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--fg);font-size:28px;font-weight:400}.docbar>div{display:none}
  .workspace{display:block;padding:24px var(--mobile-gutter) 36px;max-width:none}.panel{width:100%;min-width:0}.envelope-preview{display:none}
  .desktop-welcome{display:none}.mobile-home{display:flex;flex-direction:column;gap:22px}.mobile-hero-copy h1{font-size:52px;margin:12px 0 0}.mobile-hero-copy h1 em{font-size:.92em}
  .mobile-envelope{position:relative;width:100%;height:236px;border:1px solid #2c2c30;border-radius:24px;background:linear-gradient(160deg,#1c1c1e,#111113);color:#fafafa;padding:0;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.06);cursor:pointer}.mobile-envelope>span:last-child{position:absolute;left:18px;right:18px;bottom:16px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}.mobile-envelope>span:last-child i{width:30px;height:30px;border-radius:50%;background:#f4b728;color:#201515;display:grid;place-items:center;font-style:normal}.mini-envelope{position:absolute;left:50%;top:43%;width:236px;height:148px;transform:translate(-50%,-50%) rotate(-4deg);background:linear-gradient(145deg,#fffefb,#f8f4f0);border-radius:8px;color:#201515;box-shadow:0 20px 40px -20px #000;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.mini-envelope:after{content:'';position:absolute;inset:0;background:linear-gradient(33deg,transparent 49.5%,#c5c0b1 50%,transparent 50.5%),linear-gradient(-33deg,transparent 49.5%,#c5c0b1 50%,transparent 50.5%)}.mini-envelope b{position:absolute;left:14px;bottom:12px;font:500 26px 'Geist Mono',monospace;z-index:2}.mini-envelope b i{font-size:10px;color:#9a6a00;font-style:normal}.mini-envelope img{position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
  .rail-label{font:500 10px 'Geist Mono',monospace;letter-spacing:.08em;color:#a1a1aa}.mobile-rail{display:flex;gap:10px;overflow-x:auto;margin:0 -20px;padding:0 20px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.mobile-rail::-webkit-scrollbar{display:none}.mobile-rail button{flex:0 0 150px;min-height:116px;padding:16px;border:1px solid #2c2c30;border-radius:16px;background:#141416;color:#fafafa;text-align:left;scroll-snap-align:start}.mobile-rail b,.mobile-rail span{display:block}.mobile-rail b{font:500 10px 'Geist Mono',monospace;color:#f4b728}.mobile-rail span{font-size:14px;font-weight:600;margin-top:22px;line-height:1.3}
  .mobile-privacy{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #232324;border-radius:14px;overflow:hidden}.mobile-privacy span{padding:12px 7px;text-align:center;color:#a1a1aa;font:500 8px/1.35 'Geist Mono',monospace;letter-spacing:.04em}.mobile-privacy span+span{border-left:1px solid #232324}
  .mobile-tabs{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:50;padding:8px 10px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #232324;background:rgba(14,14,16,.94);backdrop-filter:blur(12px)}.mobile-tabs button{min-height:48px;background:transparent;color:#8a8a92;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mobile-tabs button.active{color:#f4b728}.mobile-tabs i{height:24px;font:17px/24px 'Geist Mono',monospace;font-style:normal}.mobile-tabs span{font-size:11px;font-weight:500}
  .panel h1{font-size:46px}.panel h2{font-family:Newsreader,serif;font-style:italic;font-weight:300;text-transform:none;font-size:44px;line-height:.98}.field{margin:18px 0}.field input,.field textarea,.field select{min-height:48px;border-radius:12px;font-size:16px}.primary,.secondary{width:100%;min-height:54px;padding:14px 20px;font-size:16px}.row{flex-direction:column}.row>*{width:100%}.amount{font-size:clamp(46px,15vw,66px)}.campaign{padding:20px 16px;border-radius:20px}.bundle{display:block;overflow-x:auto}.privacy-proof{grid-template-columns:1fr}.receipt{border-radius:16px}.receipt-head{gap:8px;flex-direction:column}.secret{font-size:13px;line-height:1.8}
  .mobile-action-list{display:grid;gap:10px;margin-top:24px}.mobile-action-list button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:76px;padding:16px;border:1px solid #2c2c30;border-radius:15px;background:#141416;color:#fafafa;text-align:left}.mobile-action-list b,.mobile-action-list span{display:block}.mobile-action-list b{font-size:15px}.mobile-action-list span{max-width:48%;color:#a1a1aa;font-size:12px;line-height:1.35;text-align:right}
  body[data-theme=paper]{padding-bottom:env(safe-area-inset-bottom)}body[data-theme=paper] .mobile-tabs{display:none}body[data-theme=paper] .docbar{display:none}body[data-theme=paper] .workspace{padding-top:36px;max-width:540px}body[data-theme=paper] .panel h2{font-size:52px}
}
@media(max-width:370px){.mobile-hero-copy h1{font-size:46px}.mobile-envelope{height:218px}.mini-envelope{transform:translate(-50%,-50%) rotate(-4deg) scale(.9)}.panel h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.panel,.mobile-envelope,.mini-envelope{animation:none!important;transition:none!important}}