*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f1f4fb;color:#20263a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.main{min-height:100vh;padding:34px 42px 70px 112px}.sidebar{position:fixed;left:10px;top:50%;transform:translateY(-50%);width:64px;background:#fff;border:1px solid #dfe4f0;border-radius:18px;box-shadow:0 8px 25px rgba(37,48,82,.08);padding:10px 8px;z-index:20}.brand{position:fixed;left:112px;top:24px;font-size:15px;color:#5860ff;font-weight:700;white-space:nowrap}.spark{display:inline-grid;place-items:center;margin-right:5px;color:#6b5cff}.navItem{height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0;color:#7a8194;font-size:20px}.navItem.active{background:linear-gradient(135deg,#5a80ff,#8d56eb);color:#fff;box-shadow:0 7px 16px rgba(94,105,235,.25)}.navLabel{display:none}.sideBottom{border-top:1px solid #edf0f6;margin-top:8px;padding-top:8px;text-align:center}.sideBottom button{border:0;background:transparent;font-size:17px;color:#737b91}.onlineDot{width:7px;height:7px;background:#28c77d;border-radius:50%;margin:5px auto 0}.page{max-width:900px;margin:50px auto 0}.pageWide{max-width:1050px;margin:50px auto 0}.hero{background:linear-gradient(135deg,#fff,#f7f7ff);border:1px solid #e0e4f0;border-radius:22px;padding:24px;text-align:center;box-shadow:0 10px 30px rgba(54,65,100,.05)}.hero h1{font-size:25px;margin:7px 0}.hero p{margin:0;color:#858ca0;font-size:13px}.camera{font-size:28px}.switch{display:grid;grid-template-columns:1fr 1fr;background:#e2e6ef;border-radius:11px;padding:2px;margin:12px auto 20px;max-width:470px}.switch button{border:0;padding:10px;border-radius:9px;background:transparent;color:#72798a;font-weight:700}.switch .selected{background:linear-gradient(90deg,#587dff,#9854e9);color:#fff}.card{background:#fff;border:1px solid #e1e5ef;border-radius:18px;padding:18px;box-shadow:0 7px 24px rgba(48,59,93,.04)}.promptBox{min-height:170px;border:1.5px dashed #ccd3e3;border-radius:15px;padding:14px;color:#8a91a3;margin-bottom:14px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{background:#f1f3f8;border:1px solid #e0e4ed;border-radius:9px;padding:8px 12px;font-size:12px}.primary{border:0;color:#fff;background:linear-gradient(90deg,#557eff,#9455ea);border-radius:10px;padding:11px 17px;font-weight:800;cursor:pointer}.primary:hover{filter:brightness(1.03)}.historyTitle{display:flex;justify-content:space-between;align-items:center;margin:26px 2px 12px}.historyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.thumb{height:230px;border-radius:12px;background:linear-gradient(135deg,#26283a,#7b6b7f);position:relative;overflow:hidden}.thumb:nth-child(2){background:linear-gradient(135deg,#4d332d,#d1a087)}.thumb:nth-child(3){background:linear-gradient(135deg,#1d3b3d,#a5c5bc)}.thumb span{position:absolute;bottom:10px;left:10px;right:10px;color:#fff;font-size:11px;background:rgba(0,0,0,.35);padding:7px;border-radius:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.price{font-size:28px;font-weight:900;margin:5px 0 12px}.check{display:block;margin:8px 0;color:#666f82;font-size:13px}.success{background:#eefaf3;border:1px solid #cfeeda}.accountRow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf0f5}.accountRow:last-child{border-bottom:0}.status{font-size:11px;color:#1eaa69;background:#e9f9f0;padding:5px 9px;border-radius:999px}.input{width:100%;padding:12px;border:1px solid #dfe3ed;border-radius:10px;background:#fafbfe;margin:6px 0 12px;outline:none}.input:focus{border-color:#7a75ee}.community{columns:4 180px;column-gap:12px}.communityCard{break-inside:avoid;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e0e4ee}.communityCard .visual{height:270px;background:linear-gradient(160deg,#26384e,#d8a58b);display:flex;align-items:end;padding:12px;color:white;font-weight:800}.communityCard:nth-child(2) .visual{background:linear-gradient(160deg,#b6d6d1,#765b58)}.communityCard:nth-child(3) .visual{height:340px;background:linear-gradient(160deg,#e5e1d6,#8da0a2)}.communityCard:nth-child(4) .visual{height:320px;background:linear-gradient(160deg,#d8d8e4,#9c7d75)}.communityCard:nth-child(5) .visual{height:250px;background:linear-gradient(160deg,#5b3031,#b97f68)}.communityCard:nth-child(6) .visual{height:300px;background:linear-gradient(160deg,#d8c7b3,#6e5d58)}.communityCard .meta{padding:9px;font-size:11px;color:#737b8d}.muted{color:#8a91a2;font-size:12px}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.badge{background:#e7eaff;color:#5860d8;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}@media(max-width:760px){.main{padding:70px 16px 35px}.sidebar{left:50%;top:auto;bottom:10px;transform:translateX(-50%);width:min(94vw,420px);height:58px;display:flex;align-items:center;justify-content:space-around;padding:5px 10px}.sidebar nav{display:flex;flex:1;justify-content:space-around}.navItem{width:48px}.sideBottom{display:none}.brand{left:16px;top:18px}.page,.pageWide{margin-top:15px}.grid2{grid-template-columns:1fr}.historyGrid{grid-template-columns:1fr 1fr}.community{columns:2 140px}}