@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#f4f7f7;--ink:#0e202a;--muted:#647283;--line:#d6e0e1;--glass:rgba(255,255,255,.65);--green:#4c6d40;--input:#ffffff8c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 75%,#e7f2ee88,transparent 35%),radial-gradient(ellipse at 95% 12%,#e9edcf66,transparent 28%),linear-gradient(125deg,#f7f9fa,#edf2f3 55%,#f8faf6);color:var(--ink);font:16px/1.5 'DM Sans',sans-serif;min-height:100vh;isolation:isolate}body.dark{color-scheme:dark;--bg:#12202a;--ink:#ecf4f5;--muted:#adbec8;--line:#39515d;--glass:rgba(25,43,54,.86);--green:#a1c997;--input:#1b2b35d9;background:radial-gradient(ellipse at 90% 5%,#204039,transparent 40%),linear-gradient(125deg,#111e28,#1e323d)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #368b91;outline-offset:5px}header{max-width:1512px;margin:auto;padding:25px 4%;display:flex;align-items:center;gap:30px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:19px;white-space:nowrap;font:600 28px 'Manrope',sans-serif;letter-spacing:-1px}.monogram{font:80px/.75 Georgia,serif;color:var(--green);letter-spacing:-8px;display:block;padding-right:8px}nav{display:flex;gap:24px;margin-left:auto}.nav-button{border:0;background:none;white-space:nowrap;padding:12px 0;font-size:15px;position:relative}.nav-button.selected:after{content:'';position:absolute;bottom:3px;height:2px;left:0;right:0;background:var(--green);border-radius:2px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--input);border-radius:30px;padding:7px 17px;width:clamp(170px,21vw,290px);backdrop-filter:blur(12px)}.search span{font-size:25px}.search input{min-width:0;width:100%;background:none;border:0;color:var(--ink);font-size:14px}.theme-button{border:1px solid var(--line);background:var(--input);border-radius:28px;display:flex;align-items:center;gap:14px;padding:5px 7px;color:#b88927;font-size:24px;height:43px;flex:none}.theme-knob{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dfe7e8;color:#596971}.dark .theme-knob{background:#536a77;color:#fff}main{max-width:1512px;margin:auto;padding:0 4%;position:relative}.intro{padding:58px 0 53px;position:relative;z-index:1;max-width:1120px}.intro h1{font:700 clamp(32px,3.6vw,55px)/1.15 'Manrope',sans-serif;letter-spacing:-2px;margin:0 0 17px}.intro p{font-size:clamp(18px,2.2vw,30px);color:var(--muted);margin:0;letter-spacing:-.4px}.garden-art{position:absolute;z-index:-1;top:-50px;right:0;width:min(37vw,500px);aspect-ratio:1;background-image:url('glass-atlas.png');background-size:200% 200%;background-position:100% 100%;mix-blend-mode:multiply;mask-image:linear-gradient(to left,#000 55%,transparent),linear-gradient(to bottom,#000 60%,transparent);mask-composite:intersect;transform-origin:90% 5%;animation:garden-breeze 13s ease-in-out infinite;pointer-events:none}.dark .garden-art{opacity:.32;mix-blend-mode:luminosity}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;position:relative}.grid:before{content:'';position:absolute;left:-4%;right:-4%;top:37%;height:95px;border-top:2px solid #b8ccca6b;border-radius:50%;transform:rotate(-3deg);z-index:-1}.card{border:1px solid #fff;background:linear-gradient(140deg,var(--glass),#ffffff25);border-radius:24px;padding:14px 20px 22px;position:relative;box-shadow:inset 0 0 0 1px var(--line),inset 0 2px 5px #fff9,0 18px 34px #263e4910;display:flex;flex-direction:column;backdrop-filter:blur(15px);transition:transform .28s ease,box-shadow .28s,border-color .28s;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.dark .card{border-color:#4e6873;box-shadow:inset 0 1px 2px #a0c5ce16,0 18px 34px #0002;background:var(--glass)}.card:hover,.card:focus-within{border-color:var(--accent,#85b7af);box-shadow:inset 0 0 0 1px #94c8c266,0 20px 38px #385e5d1c}.favorite{position:absolute;top:19px;right:19px;z-index:1;width:40px;height:40px;background:transparent;border:0;border-radius:50%;font-size:29px;line-height:1;color:#768590}.favorite[aria-pressed=true]{color:#bd850c}.favorite:hover{background:var(--input)}.sculpture{width:100%;aspect-ratio:1;background-image:url('glass-atlas.png');background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;transition:transform .5s;mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}.card:hover .sculpture{transform:translateY(-5px)}.art-clara{background-position:0 0}.art-viva{background-position:100% 0}.art-vellum{background-position:0 100%}.dark .sculpture{mix-blend-mode:normal;border-radius:14px;mask-image:radial-gradient(ellipse at center,#000 42%,transparent 72%);opacity:.92}.custom-art{display:grid;place-items:center;font:130px Georgia;color:var(--accent);background-image:none}.identity{display:flex;gap:15px;align-items:center;padding:0 4px;margin:0 0 13px}.identity-icon{display:grid;place-items:center;border-radius:50%;width:57px;height:57px;flex:none;background:var(--tint,#e1ece8);color:var(--accent,#3a6c56)}.identity-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.card h2{font:800 27px/1.2 'Manrope',sans-serif;letter-spacing:-.7px;margin:0 0 4px}.category{font-size:17px;color:var(--accent,#3a6c56);margin:0}.dark .category{color:#b7dce2}.description{color:var(--muted);font-size:16px;line-height:1.55;margin:0 5px 24px;flex:1}.access{width:100%;display:flex;justify-content:center;align-items:center;gap:18px;border:0;border-radius:30px;padding:15px 20px;min-height:53px;background:linear-gradient(#3b4b52,#26343b);color:#fff;font-size:18px;box-shadow:inset 0 1px 0 #ffffff35;transition:background .2s,transform .2s}.access:hover{background:linear-gradient(#41615f,#274c43)}.access span{font-size:24px;line-height:1;transition:transform .2s}.access:hover span{transform:translateX(5px)}.dark .access{background:#c6e0e2;color:#152a32}footer{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;align-items:center;padding:34px 0 23px;color:var(--muted);font-size:14px}.footer-brand{display:flex;align-items:center;gap:14px;color:var(--green);font:40px Georgia}.footer-brand span{font:14px 'DM Sans';color:var(--muted)}footer small{width:100%;text-align:right;font-size:12px}.add-button{border:0;background:transparent;border-bottom:1px solid var(--line);padding:7px 0;font-size:14px}#empty{padding:70px 0;text-align:center}dialog{width:min(500px,92vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--bg);color:var(--ink);box-shadow:0 30px 80px #0003}dialog::backdrop{background:#112b365f;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{font-size:23px;line-height:1.2}.close-button{border:0;background:transparent;font-size:30px;padding:4px 10px}form>p{color:var(--muted);font-size:14px}form label{display:block;font-size:14px;margin:20px 0}form input{display:block;border:1px solid var(--line);background:var(--input);border-radius:9px;padding:12px;width:100%;color:var(--ink);margin-top:7px}#form-error{color:#ad3829}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:12px;padding:14px 20px;background:var(--ink);color:var(--bg);z-index:10;max-width:90vw;font-size:14px}@keyframes garden-breeze{0%,100%{transform:rotate(0)}50%{transform:rotate(1.2deg)}}@media(max-width:1100px){header{gap:20px}.brand{font-size:23px;gap:12px}.monogram{font-size:63px}nav{gap:14px}.search{width:190px}.grid{gap:17px}.card{padding:12px 16px 19px}.card h2{font-size:23px}.category{font-size:14px}.identity{gap:10px}.identity-icon{width:45px;height:45px}.description{font-size:15px}.intro{padding:43px 0}.intro h1{max-width:78%}}@media(max-width:820px){header{flex-wrap:wrap;gap:18px}.brand{margin-right:auto}.search{order:4;flex:1;width:auto}nav{order:3;margin:0}.theme-button{margin-left:auto}.grid{grid-template-columns:1fr;max-width:530px;margin:auto;gap:25px}.intro{padding:30px 0 35px}.intro h1{max-width:80%;font-size:35px;letter-spacing:-1.2px}.intro p{font-size:19px;max-width:80%}.garden-art{width:300px;top:70px;right:0;opacity:.65}.card{padding:12px 22px 22px}.identity{gap:15px}.card h2{font-size:27px}.category{font-size:17px}.description{font-size:16px}.grid:before{display:none}.identity-icon{width:54px;height:54px}footer{max-width:530px;margin:auto}footer small{text-align:left}}@media(max-width:430px){header{gap:10px}nav{gap:17px}.nav-button{font-size:14px}.search{flex-basis:100%;order:5}.intro h1{font-size:30px;max-width:100%;letter-spacing:-1px}.intro p{max-width:90%;font-size:18px}.garden-art{opacity:.28}.card{padding:10px 16px 19px}.footer-brand span{max-width:230px}.brand{font-size:24px}.theme-button{height:39px;font-size:21px;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}

/* JUSTA: escultura própria (balança em vidro violeta), fora do atlas */
.art-justa{background-image:url('justa-glass.svg');background-size:100% 100%;background-position:center}