:root{
  --cream:#fffaf0; --card:#fffefa; --ink:#2d2723; --muted:#7a6d63; --banana:#ffe36b; --banana2:#ffd15e;
  --peach:#ff9d85; --coral:#ff7e79; --mint:#9ee9d1; --sky:#9bdfff; --lilac:#d9c1ff; --shadow:0 18px 50px rgba(108,74,18,.16);
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,ui-rounded,"SF Pro Rounded","Nunito",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}
body.page{background:radial-gradient(circle at 30% 8%,#fff8d6 0 18%,transparent 42%),linear-gradient(145deg,#fffdf4,#fff3df 52%,#fff8c8);padding:18px;}
a{color:#634b00;text-decoration:none;font-weight:900}.phone{max-width:470px;margin:0 auto;min-height:calc(100vh - 36px);background:rgba(255,255,255,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow);border-radius:38px;padding:20px;position:relative;overflow:hidden}.phone:before{content:"";position:absolute;inset:-120px auto auto -100px;width:250px;height:250px;background:rgba(158,233,209,.35);border-radius:50%;z-index:-1}.phone:after{content:"";position:absolute;right:-90px;top:190px;width:180px;height:260px;background:rgba(255,157,133,.28);border-radius:90px;z-index:-1}.brandHero{text-align:center;padding:20px 6px}.avatarBubble,.miniAvatar{display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#ffe36b,#ff9d85,#9ee9d1);box-shadow:0 10px 24px rgba(143,93,21,.18)}.avatarBubble{width:74px;height:74px;margin:0 auto 12px;font-size:42px}.brandHero h1,.logo{font-size:42px;line-height:1;margin:0;font-weight:1000;letter-spacing:-1.6px}.brandHero h1 span,.logo span{color:#ffd256}.brandHero h1 b,.logo b{color:#ff866e}.brandHero p{font-size:19px;color:var(--muted);font-weight:800;line-height:1.3}.pricePills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pricePills span,.coins{background:#fff3cf;border:2px solid #fff8e6;border-radius:18px;padding:9px 12px;font-weight:1000;box-shadow:0 8px 20px rgba(151,91,0,.1)}.authGrid{display:grid;gap:14px}.authCard,.card{background:rgba(255,255,255,.83);border:2px solid rgba(255,255,255,.9);border-radius:28px;padding:18px;box-shadow:0 12px 28px rgba(138,83,22,.11)}.authCard h2{font-size:28px;margin:0 0 12px}.authCard input,.swapPanel input,textarea{width:100%;border:0;background:#fff7dd;border-radius:18px;padding:15px 16px;margin:7px 0;font-size:17px;font-weight:800;outline:3px solid transparent}.authCard input:focus,textarea:focus{outline-color:#ffe36b}.radio{display:block;font-weight:900;margin:9px 0;color:#54483c}.authCard button,.uploaderBar button,.generate,.cameraPanel button,.danger button{border:0;border-radius:22px;padding:15px 18px;font-size:18px;font-weight:1000;background:linear-gradient(135deg,var(--banana),var(--peach));box-shadow:0 10px 0 #e8a957,0 18px 28px rgba(125,77,12,.18);color:#271b10;cursor:pointer}.toast{background:#eafff7;border:2px solid #b9f0da;border-radius:22px;padding:13px 15px;font-weight:900;margin:10px 0}.topbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px}.miniAvatar{width:44px;height:44px;font-size:28px}.logo{text-align:center;font-size:33px}.gear{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#ffd7e2,#bff5e4);font-size:25px}.coins{grid-column:3;justify-self:end;margin-top:4px}.previewCard{margin:20px auto 16px;aspect-ratio:1/1;max-height:460px;border-radius:34px;background:linear-gradient(135deg,#c9f1ff,#fff2c8);padding:8px;position:relative;box-shadow:0 18px 45px rgba(82,78,50,.17);overflow:hidden;border:5px solid rgba(255,255,255,.8)}.previewCard img{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block}.emptyPreview{height:100%;display:grid;place-items:center;text-align:center;color:#5d5145;padding:30px}.emptyPreview span{font-size:72px}.emptyPreview b{font-size:26px}.emptyPreview small{font-size:16px;font-weight:900}.aiBadge{position:absolute;top:20px;right:20px;background:rgba(77,99,111,.72);color:white;border-radius:18px;padding:10px 13px;font-weight:1000}.compare{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;align-items:center;background:rgba(57,45,37,.46);color:white;border-radius:18px;padding:10px 14px;font-weight:1000}.compare span{background:white;color:#8b766b;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.sparkles{position:absolute;left:16px;top:18px;color:white;font-size:26px;letter-spacing:14px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.uploaderBar{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.uploaderBar button{font-size:15px;padding:12px 8px;border-radius:18px;box-shadow:0 7px 0 #e8a957,0 12px 20px rgba(125,77,12,.14)}.cameraPanel{margin:12px 0;background:#fff;border-radius:24px;padding:12px;box-shadow:0 12px 30px rgba(0,0,0,.08)}.cameraPanel video{width:100%;border-radius:20px;background:#222}.cameraPanel div{display:flex;gap:10px;margin-top:10px}.toolGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.tool{border:0;background:transparent;padding:0;cursor:pointer}.tool span{display:grid;place-items:center;aspect-ratio:1/1;border-radius:17px;font-size:28px;background:linear-gradient(135deg,#ffe36b,#ff9d85);box-shadow:0 8px 16px rgba(121,80,23,.16);border:3px solid rgba(255,255,255,.75)}.tool:nth-child(2n) span{background:linear-gradient(135deg,#9bdfff,#9ee9d1)}.tool:nth-child(3n) span{background:linear-gradient(135deg,#ffd1dd,#ff9d85)}.tool b{font-size:11px;display:block;margin-top:5px;font-weight:1000;line-height:1.05}.tool.active span{outline:5px solid rgba(255,227,107,.55);transform:translateY(-2px)}.swapPanel{background:#fff8dc;border:2px dashed #ffd15e;border-radius:22px;padding:12px;margin-top:13px;font-weight:1000}textarea{min-height:74px;resize:vertical;margin-top:14px}.generate{width:100%;font-size:30px;border-radius:34px;padding:20px;margin:8px 0 8px;text-shadow:0 1px rgba(255,255,255,.3)}.generate[disabled]{opacity:.65;filter:saturate(.7)}.statusText{text-align:center;min-height:30px;font-weight:1000;color:#765b20}.history h2{font-size:24px;margin:16px 0 8px}.historyList{display:grid;gap:9px}.historyItem{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.82);border-radius:20px;padding:9px;box-shadow:0 8px 18px rgba(118,77,23,.09)}.historyItem img{width:58px;height:58px;object-fit:cover;border-radius:16px}.historyItem b{font-size:15px}.historyItem small{font-weight:800;color:var(--muted)}.historyEmpty{background:#fff8da;border-radius:18px;padding:14px;font-weight:900;color:#806b4f}.appFooter,footer{display:flex;justify-content:center;gap:18px;margin-top:18px;font-weight:900}.settings h1{font-size:38px}.back{display:inline-block;margin:6px 0 12px}.danger button{background:linear-gradient(135deg,#ff9d85,#ff6b6b);box-shadow:0 10px 0 #d75858,0 18px 28px rgba(125,77,12,.18);width:100%;margin-top:16px}@media(max-width:420px){body.page{padding:0}.phone{border-radius:0;min-height:100vh}.toolGrid{grid-template-columns:repeat(4,1fr)}.logo{font-size:29px}.uploaderBar{grid-template-columns:1fr 1fr}.brandHero h1{font-size:36px}}