.mobile-home,.miniapp-header,.miniapp-bottom-nav{display:none}
.miniapp-menu{color:#6b4633;background:#fffaf3;border:1px solid #eed6bd;border-radius:22px;width:min(360px,calc(100% - 32px));padding:22px;margin:auto;box-shadow:0 16px 65px #593f3430}
.miniapp-menu::backdrop{background:#493a2d55;backdrop-filter:blur(3px)}
.miniapp-menu header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.miniapp-menu header b{font-size:18px}.miniapp-menu button{border:0;background:#f5e7d7;border-radius:50%;width:34px;height:34px;font-size:24px;color:#76513b}.miniapp-menu nav{display:grid;gap:7px}.miniapp-menu nav a{padding:13px 12px;border:1px solid #eddcc9;border-radius:12px;background:#fffdf8;font-size:14px}
@media(max-width:720px){
  html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
  body{background-color:#faf3e8;background-image:radial-gradient(ellipse at 4% 28%,#f8dfa94d,transparent 45%),radial-gradient(ellipse at 104% 79%,#bfceb73b,transparent 46%),repeating-linear-gradient(105deg,transparent 0 2px,#866b4105 2px 3px);background-attachment:fixed;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  body>.site-header,body>.site-footer{display:none}
  .miniapp-header{position:sticky;top:0;z-index:65;height:66px;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 13px;background:#faf4e9ee;backdrop-filter:blur(12px);box-sizing:border-box}
  .miniapp-title{font-size:13px;font-weight:600;line-height:28px;color:#2f2923;letter-spacing:.025em}
  .miniapp-capsule{position:absolute;right:8px;bottom:9px;width:118px;height:32px;border:1px solid #e9e3da;border-radius:22px;background:#fffdf8d9;padding:0 5px;color:#343330;display:grid;place-items:center;cursor:pointer}
  .miniapp-capsule svg{width:106px;height:28px}
  .miniapp-back{position:absolute;left:12px;bottom:11px;border:0;background:transparent;color:#78523b;width:32px;height:30px;display:grid;place-items:center}
  .miniapp-back svg{width:20px;height:20px}body[data-page="home"] .miniapp-back{visibility:hidden}
  main:has(.mobile-home)>:not(.mobile-home){display:none}
  .mobile-home{display:block;width:calc(100% - 32px);max-width:520px;margin:0 auto;color:#704a35;font-family:Arial,"Helvetica Neue",sans-serif}
  .mobile-home *{box-sizing:border-box}
  .mini-brand{height:60px;display:flex;gap:9px;align-items:center;padding:6px 0 10px}
  .mini-brand-logo{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;flex:none;padding:5px;width:35px;height:37px;border:1px solid #eed7af;border-radius:10px;background:#fffdf7;box-shadow:0 2px 3px #84623124;transform:rotate(-4deg)}
  .mini-brand-logo i{border-radius:50%;background:#db9055;box-shadow:inset 0 0 0 2px #f7d3a7}.mini-brand-logo i:nth-child(3n+2){background:#659792;box-shadow:inset 0 0 0 2px #c1d9cc}.mini-brand-logo i:nth-child(3n){background:#e1bd62;box-shadow:inset 0 0 0 2px #f1dda5}
  .mini-brand strong{font-size:18px;letter-spacing:.02em;line-height:1.25;display:block;font-weight:750}.mini-brand small{display:block;font-size:7.5px;letter-spacing:.11em;color:#a2846c;margin-top:4px}
  .mini-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 43%;align-items:center;gap:5px;min-height:240px;padding:19px 15px 20px 16px;border:2px solid #fff;border-radius:19px;background:linear-gradient(110deg,#fff4e1,#fbf5e9);box-shadow:0 0 0 1px #ecd1b2,0 12px 22px #95723b13;overflow:hidden}
  .mini-hero::before,.mini-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;width:122px;height:122px;background:#f7dcc477;left:-57px;bottom:-49px}.mini-hero::after{left:auto;bottom:auto;right:-49px;top:-56px;width:112px;height:112px;background:#dfe5d47a}
  .mini-hero-copy{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-top:1px}
  .mini-eyebrow{display:inline-flex;align-items:center;gap:4px;padding:5px 6px;border-radius:4px;background:#f2e4c9;font-size:7.2px;line-height:1;font-weight:700;white-space:nowrap;color:#956a47}
  .mini-eyebrow::before{content:"";width:4px;height:4px;border-radius:50%;background:#ef944c}
  .mini-hero h1{font-size:30px;line-height:1.13;letter-spacing:-.65px;font-weight:800;margin:17px 0 13px;color:#6b4430}
  .mini-hero-copy>p{font-size:9px;line-height:1.6;font-weight:600;margin:0;color:#967059;white-space:nowrap}
  .mini-features{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:15px}.mini-features span{font-size:7.1px;line-height:1.5;padding:2px 4px;border:1px solid #efd4b9;border-radius:4px;background:#fffaf4;color:#946b4c;white-space:nowrap}
  .mini-preview{display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 10px 10px;margin:3px 0 0;border:1px solid #e7c6a2;border-radius:16px;background:#fffefb;box-shadow:0 6px 11px #6f4a2a1c;transform:rotate(2deg);min-width:0}
  .mini-preview figcaption{font-size:9px;line-height:1;font-weight:700;color:#78503c}.mini-preview img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #dcd0bc;background:#f8f5ef}.mini-preview-meta{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.mini-preview-meta span{font-size:7.5px;line-height:1.6;padding:1px 4px;background:#f7ebd8;border-radius:4px;color:#956b45;font-weight:700;white-space:nowrap}
  .mini-import{margin-top:13px;padding:18px 17px 15px;border:1px solid #ebcfaf;border-radius:19px;background:#fffdf9f5;box-shadow:inset 0 0 0 2px #fff,0 8px 20px #8262450b}
  .mini-import-heading{display:flex;align-items:center;gap:10px;min-height:39px}.mini-import-heading>div{min-width:0}.mini-import-heading h2{font-size:14px;line-height:1.3;letter-spacing:-.2px;margin:0 0 5px;font-weight:750}.mini-import-heading p{font-size:9px;line-height:1.45;margin:0;color:#9b7963}
  .mini-plus{width:37px;height:38px;display:grid;place-items:center;flex:none;background:#fff3d8;border:1px solid #ffc17d;border-radius:10px;color:#e98943}.mini-plus svg{width:23px;height:23px;stroke-width:1.2}
  .mini-import-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
  .mini-import-actions button{display:flex;justify-content:center;align-items:center;gap:7px;width:100%;height:46px;border-radius:13px;border:1px solid #ffc991;background:linear-gradient(100deg,#ffa34d,#f2853c);box-shadow:0 3px 0 #cc6b30,inset 0 0 0 1px #ffd5ab;color:white;font:700 12px Arial,sans-serif;cursor:pointer;padding:0 7px}
  .mini-import-actions button svg{width:14px;height:14px;flex:none}.mini-import-actions .mini-import-pixel{border-color:#b7d0ae;background:linear-gradient(100deg,#e9f2e2,#dcebd8);box-shadow:0 3px 0 #94b18d,inset 0 0 0 1px #eef5e8;color:#52785d}
  .mini-import-actions button:active{transform:translateY(2px);box-shadow:0 1px 0 #b6784a}.mini-import-actions .mini-import-pixel:active{box-shadow:0 1px 0 #94b18d}
  .mini-import-note{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:15px;padding-top:11px;border-top:1px dashed #ead7bd}.mini-formats{display:flex;gap:4px}.mini-formats span{font-size:7px;padding:2px 3px;border:1px solid #f1d0a7;color:#b6763f;border-radius:3px;background:#fff6e5}.mini-import-note small{font-size:8px;color:#a08069;white-space:nowrap}
  .mini-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
  .mini-shortcuts a{min-width:0;padding:14px 12px 12px;min-height:81px;border:1px solid #e9cfb0;border-radius:18px;background:#fffdf9f5;box-shadow:inset 0 0 0 2px #fff,0 6px 14px #86694d0a}
  .mini-shortcut-title{display:flex;align-items:center;gap:7px}.mini-shortcut-title i{display:grid;place-items:center;width:27px;height:28px;flex:none;border-radius:7px;background:#fff0d5;color:#dd813d}.mini-shortcut-title svg{width:18px;height:18px;stroke-width:1.8}.mini-shortcut-title strong{font-size:12px;line-height:1.25;font-weight:750}.mini-shortcuts p{font-size:9px;line-height:1.5;margin:8px 0 0;color:#a17b64}.mini-shortcuts a:nth-child(2) i{background:#e3eedc;color:#729f77}.mini-shortcuts a:nth-child(3) i{background:#fce8e2;color:#c87d70}.mini-shortcuts a:nth-child(4) i{background:#e6edf6;color:#7994b5}
  .miniapp-bottom-nav{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:64;border-top:1px solid #efe6d8;background:#fffdf9f7;backdrop-filter:blur(14px);padding:8px 0 calc(5px + env(safe-area-inset-bottom,0px));min-height:56px;box-sizing:border-box}
  .miniapp-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#aa8c77;min-height:43px;font-size:9px;font-weight:500}.miniapp-bottom-nav svg{width:24px;height:24px;stroke-width:1.7}.miniapp-bottom-nav a.is-active{color:#ee8a46}
  body:has(.manual-editor-page){padding-bottom:0}body:has(.manual-editor-page)>.miniapp-header,body:has(.manual-editor-page)>.miniapp-bottom-nav{display:none}
  body:not([data-page="home"]):not(:has(.manual-editor-page)) main{padding-bottom:24px}
  body .app-main{padding-top:22px}body #toast{bottom:calc(79px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:375px){
  .miniapp-capsule{width:106px}.miniapp-capsule svg{width:96px}
  .mobile-home{width:calc(100% - 24px)}.mini-hero{padding-left:13px;padding-right:12px;min-height:226px;grid-template-columns:minmax(0,1fr) 42%;gap:2px}.mini-hero h1{font-size:27px}.mini-eyebrow{font-size:6.5px}.mini-hero-copy>p{font-size:8px}.mini-features{gap:3px}.mini-features span{font-size:6.4px;padding-inline:3px}.mini-preview{padding:11px 8px 9px;gap:8px}.mini-import{padding:15px 13px 14px}.mini-import-heading h2{font-size:13px}.mini-shortcuts a{padding:12px 10px}.mini-shortcut-title{gap:6px}.mini-shortcut-title strong{font-size:11px}.mini-shortcuts p{font-size:8.5px}
}
@media(prefers-reduced-motion:no-preference){.miniapp-menu[open]{animation:mini-menu-in .16s ease-out}@keyframes mini-menu-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}