:root{font-family:ui-rounded,'Trebuchet MS',system-ui,-apple-system,Segoe UI,sans-serif;color:#21162b;background:#faf8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 38px));margin:auto}.top{background:#fff;border-bottom:1px solid #efebf4;position:sticky;top:0;z-index:20}.head{display:flex;justify-content:space-between;align-items:center;min-height:74px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-.8px;line-height:1}.logo b{color:#7728bc}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#8d8291;margin-top:6px}.logo-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#7229b9;color:white;font-size:25px}.install,.secondary{border:1px solid #e2d6ee;background:#fff;color:#6122a6;border-radius:12px;padding:12px 17px;font-weight:800}.hidden{display:none!important}.hero{margin-top:35px;padding:62px 6% 54px;background:linear-gradient(130deg,#f0e4fd,#f9f1ff 70%,#fff3d1);border-radius:28px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;overflow:hidden;min-height:390px}.eyebrow{font-size:12px;letter-spacing:1.2px;font-weight:900;color:#7b30b6}.hero h1{font-size:clamp(34px,4vw,55px);line-height:1.09;letter-spacing:-1.5px;margin:0 0 17px}.hero h1 em{color:#712ac1;font-style:normal}.hero p{font-size:17px;line-height:1.6;color:#67596c;max-width:520px}.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:28px}.primary{display:inline-flex;align-items:center;justify-content:center;background:#ffc71c;color:#231522;border:0;border-bottom:4px solid #cc9912;padding:14px 21px;border-radius:13px;font-weight:900}.pill{font-size:13px;font-weight:800;color:#478447}.hero-art{position:relative;display:grid;place-items:center;min-height:290px}.card-illustration{position:relative;z-index:1;transform:rotate(-6deg);background:#fff;border:8px solid #fff;outline:2px solid #e1caf7;border-radius:20px;box-shadow:0 22px 50px #6c29822b;padding:25px 15px;width:min(250px,88%);display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center}.card-illustration b{font-size:21px;color:#541b9b}.card-illustration span:last-child{font-size:11px;color:#8d789a}.emoji-large{font-size:105px}.floating{position:absolute;font-size:54px}.one{left:6%;top:11%}.two{right:5%;bottom:12%}.sun{position:absolute;font-size:240px;color:#f7d66855}.stats{margin:22px auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{background:white;padding:22px 15px;border:1px solid #eee8f1;border-radius:15px;display:flex;gap:7px;align-items:center;justify-content:center;flex-direction:column}.stats strong{color:#6825b3;font-size:28px}.stats span{color:#766b7a;font-size:13px;text-align:center}.section-top h2{font-size:34px;letter-spacing:-1px;margin:8px 0}.section-top p{color:#776d7c}.toolbar{display:flex;gap:12px;margin:25px 0 18px}.search{flex:1;background:#fff;border:1px solid #e7e0ec;border-radius:14px;display:flex;align-items:center;font-size:30px;color:#8740c4;padding:0 17px}.search input{border:0;outline:0;padding:14px 9px;flex:1;min-width:0;color:#27152d;background:transparent;font-size:15px}.toolbar select{border-radius:14px;padding:12px;background:#fff;border:1px solid #e7e0ec;color:#4b3d50}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.chip{border:1px solid #e3d8ee;background:white;color:#574663;padding:10px 15px;border-radius:100px;font-size:13px;font-weight:800}.chip.active{background:#6423a7;border-color:#6423a7;color:#fff}.result-line{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.result-line b{font-size:20px}.result-line small{color:#83778b}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tile{background:#fff;border:1px solid #eee6f1;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 20px #2c103b06;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 24px #32103e14}.tile-top{height:205px;background:#f5edfc;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.tile-top img{width:100%;height:100%;object-fit:contain;display:block}.file-emoji{font-size:68px}.tile-body{padding:15px;display:flex;flex-direction:column;flex:1;gap:7px}.tile-type{color:#752bbb;font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.tile h3{font-size:15px;line-height:1.35;margin:0;overflow-wrap:anywhere;flex:1}.tile-meta{font-size:12px;color:#857b8d}.tile button{border:none;background:#f2e9fb;color:#6522ab;border-radius:10px;padding:11px;font-weight:900;margin-top:8px}.more{text-align:center;padding:30px}.help{margin:48px 0 70px;border-radius:18px;background:#fff4d5;padding:22px;display:flex;gap:14px;align-items:center}.help>span{font-size:32px}.help p{margin:7px 0 0;color:#675a51}footer{background:#30104f;color:white;padding:25px 0}.foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.foot span{color:#d5bde3;font-size:13px}dialog{width:min(960px,96vw);max-height:94vh;padding:0;border:0;border-radius:20px;box-shadow:0 30px 100px #0006;overflow:hidden}dialog::backdrop{background:#171022bb}.viewer-head{padding:17px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;background:#fff}.viewer-head small{color:#7836b7;font-weight:900}.viewer-head h3{margin:5px 0;font-size:19px}.viewer-head button{background:#f5eef9;border:0;border-radius:12px;padding:9px 13px;font-size:19px}.viewer-content{display:flex;align-items:center;justify-content:center;background:#eee9f1;height:min(70vh,790px);overflow:auto}.viewer-content img{height:100%;width:100%;object-fit:contain}.viewer-content iframe{width:100%;height:100%;border:0}.viewer-content .unsupported{padding:35px;text-align:center}.viewer-foot{padding:13px 20px;background:#fff;display:flex;gap:10px;flex-wrap:wrap}.viewer-foot a{font-size:13px}.library{scroll-margin-top:90px}@media(max-width:750px){.wrap{width:min(100% - 26px,650px)}.head{min-height:65px}.logo{font-size:19px}.install{font-size:11px;padding:10px}.hero{margin-top:17px;display:flex;flex-direction:column;padding:38px 22px 18px;gap:0;text-align:center}.hero h1{font-size:34px}.hero p{font-size:15px}.hero-actions{justify-content:center}.hero-art{min-height:245px;width:100%}.card-illustration{transform:rotate(-4deg) scale(.78)}.floating{font-size:40px}.stats{margin:15px auto 47px;gap:7px}.stats>div{padding:15px 6px}.stats strong{font-size:23px}.stats span{font-size:11px}.section-top h2{font-size:28px}.toolbar{flex-wrap:wrap}.toolbar select{width:100%}.chips{flex-wrap:nowrap;overflow:auto;padding-bottom:9px;margin-right:-13px;scrollbar-width:thin}.chip{flex-shrink:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tile-top{height:160px}.tile-body{padding:12px}.tile h3{font-size:13px}.tile-type{font-size:10px}.tile-meta{font-size:11px}.result-line b{font-size:18px}.viewer-content{height:68vh}.viewer-head h3{font-size:16px}}@media(max-width:380px){.grid{grid-template-columns:1fr}.tile-top{height:250px}.hero h1{font-size:30px}}

/* Espaçamento após a remoção dos cartões de estatísticas */
.library{margin-top:58px}
@media(max-width:750px){.library{margin-top:38px}}

/* Convite de instalação PWA */
.install-dialog{width:min(400px,calc(100vw - 28px));max-height:min(88dvh,760px);overflow-y:auto;border-radius:24px;border:1px solid #e8dbf4;padding:0;box-shadow:0 25px 80px #190a2c70}
.install-dialog::backdrop{background:#1c0d32ab}
.install-dialog-inner{padding:28px 24px 22px;text-align:center;position:relative;background:#fff}
.install-dialog h2{font-size:24px;line-height:1.2;color:#261333;margin:10px 0}
.install-dialog p{font-size:15px;line-height:1.5;color:#66596f;margin:0 0 20px}
.install-symbol{font-size:42px;display:grid;place-items:center;width:72px;height:72px;border-radius:18px;background:#f2e8fc;margin:6px auto 14px}
.install-close{position:absolute;right:13px;top:12px;border:0;background:#f6f1fa;border-radius:100%;height:34px;width:34px;color:#65536d;font-size:16px}
.install-action{width:100%;display:block;border:0;text-align:center;cursor:pointer;font-size:15px;padding:15px;border-radius:12px;background:#6522ab;color:white;font-weight:800}
.install-later{width:100%;border:0;background:transparent;color:#74687c;padding:15px 10px 2px;font-weight:700;cursor:pointer}
.install-instructions{text-align:left;background:#f7f1fc;border:1px solid #e9d9f7;padding:15px;border-radius:14px;margin-bottom:16px;font-size:14px;color:#352342;line-height:1.55}
.install-instructions ol{padding-left:21px;margin:10px 0 0}.install-instructions li+li{margin-top:7px}
