:root{color-scheme:dark;--bg:#081323;--text:#e1e9f2;--muted:#9eafc4;--line:#adc7e026;--blue:#b8ddf5;--serif:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 62% 20%,#17334f65,transparent 48%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:14px;line-height:1.8;min-height:100vh}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ccecff;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}.stars{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(1px 1px at 12% 24%,#bddeff88 60%,transparent 100%),radial-gradient(1px 1px at 74% 14%,#bddeff88 60%,transparent 100%),radial-gradient(1px 1px at 30% 68%,#bddeff66 60%,transparent 100%),radial-gradient(1px 1px at 92% 70%,#bddeff66 60%,transparent 100%);background-size:490px 530px,670px 730px,410px 630px,800px 700px}header{max-width:1220px;margin:auto;padding:30px 44px 22px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-family:var(--serif);font-size:19px;letter-spacing:.12em}.brand-mark{font-size:40px;line-height:1;color:var(--blue)}.brand small{display:block;font:8px/2 sans-serif;letter-spacing:.25em;color:var(--muted)}.edition{color:var(--muted);font-size:9px;letter-spacing:.18em}.edition b{font-weight:400;border:1px solid var(--line);padding:3px 7px;margin-left:8px}nav{max-width:1132px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:36px;padding:0 4px}nav a{position:relative;text-decoration:none;color:var(--muted);padding:16px 4px;font-size:12px;letter-spacing:.12em}nav a.active{color:var(--blue)}nav a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue)}nav span{font-size:9px;margin-left:5px;color:var(--muted)}main{max-width:1132px;margin:0 auto;min-height:65vh}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;align-items:center;padding:60px 18px 48px}.eyebrow{font-size:10px;letter-spacing:.23em;color:var(--blue);font-weight:400}.eyebrow:before{content:'✦';font-size:10px;margin-right:12px}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:40px;line-height:1.8;letter-spacing:.16em;margin:22px 0}h2{font-size:28px;letter-spacing:.1em;line-height:1.6}.intro{color:var(--muted);line-height:2.4;font-size:13px}.hero-copy{max-width:430px}.hero-visual{height:405px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;width:350px;height:350px;border:1px solid #b5dfff22;border-radius:50%;box-shadow:0 0 100px #6ab4fc0b,inset 0 0 100px #6ab4fc08}.orbit:before,.orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #b5dfff18;border-radius:50%}.orbit:after{inset:64px;border-style:solid}.orbit-label{position:absolute;bottom:0;font-size:9px;letter-spacing:.22em;color:var(--muted)}.hero-visual.mineral-art{width:330px;height:330px;filter:drop-shadow(0 0 24px #74bfff36);animation:float 7s ease-in-out infinite}.hero-visual:after{content:'';position:absolute;width:170px;height:25px;background:#65a7e01f;filter:blur(16px);border-radius:50%;bottom:35px}.coordinates{position:absolute;top:28px;right:15px;font-size:9px;letter-spacing:.15em;color:#7d9bb8}.observation{border-top:1px solid var(--line);padding:26px 0 34px;display:grid;grid-template-columns:1fr 1.2fr;gap:46px}.steps{display:flex;gap:20px;color:var(--muted);font-size:11px;padding-top:18px}.steps b{font-family:Georgia,serif;color:var(--blue);font-weight:400;margin-right:6px}.ritual label{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--muted);font-size:11px;padding:7px 16px;min-height:38px}.chip[aria-pressed=true]{background:#a4d5ff15;border-color:#a9d6f98c;color:var(--blue)}.primary{background:linear-gradient(120deg,#bfdfef,#8bb4d6);border:1px solid #c8e7fb;border-radius:3px;color:#10263c;min-height:54px;padding:12px 24px;font-size:13px;letter-spacing:.12em;box-shadow:0 0 28px #87c9ff13;font-weight:500}.primary:hover{filter:brightness(1.08)}.ritual .primary{width:100%}.secondary{background:#13263a;color:var(--blue);border:1px solid #9fc7e24d;border-radius:3px;min-height:48px;padding:10px 22px}.text-button{background:none;border:0;color:var(--muted);padding:10px 0;text-decoration:underline;text-underline-offset:5px;font-size:11px}.note{color:var(--muted);font-size:10px;text-align:center;margin:10px 0}.section-head{padding:42px 0 20px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h1{font-size:30px;margin:10px 0}.section-head p{color:var(--muted);font-size:12px;margin:0}.search{display:flex;gap:12px;align-items:center;margin:10px 0 24px}.search input,.search select{color:var(--text);border:1px solid var(--line);border-radius:3px;background:#0c1c2e;padding:12px;min-height:46px}.search input{width:100%;max-width:360px}.search select{max-width:145px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-bottom:42px}.mineral-tile{text-align:left;border:1px solid var(--line);background:linear-gradient(150deg,#15283a70,#0a162770);border-radius:4px;padding:12px 16px 18px;color:var(--text);transition:transform .2s,border-color .2s}.mineral-tile:hover{transform:translateY(-3px);border-color:#abcce870}.specimen-no{color:var(--muted);font-size:9px;letter-spacing:.15em;display:flex;justify-content:space-between}.seen{color:#a5d2cf}.mineral-tile.mineral-art{width:100%;height:140px;filter:drop-shadow(0 0 12px #a0cfff15)}.mineral-tile strong{display:block;font-family:var(--serif);font-size:16px;font-weight:400}.latin{font-size:10px;color:var(--muted);letter-spacing:.08em}.badge{font-size:10px;color:#bdd4e8;background:#a0d5ff0a;padding:4px 10px;border:1px solid var(--line);border-radius:20px;display:inline-block}.results{padding:42px 0}.result-shell{display:grid;grid-template-columns:.85fr 1fr;border:1px solid var(--line);background:linear-gradient(130deg,#162d4255,#0a162566);border-radius:5px;overflow:hidden}.result-art{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;position:relative;border-right:1px solid var(--line);background:radial-gradient(ellipse,#609dca20,transparent 65%)}.result-art.mineral-art{width:100%;max-width:310px;filter:drop-shadow(0 0 22px #7ab0d633)}.result-art h2{margin:10px 0 0}.result-art .latin{margin-bottom:15px}.result-copy{padding:38px}.result-copy h1{font-size:27px;letter-spacing:.08em;line-height:1.7;margin:14px 0 20px}.reading{line-height:2.3;color:#c6d3e2;font-family:var(--serif);font-size:15px}.hint{border-left:2px solid #a7d1ee; padding:0 0 0 18px;margin-top:26px}.hint h3{font:10px sans-serif;letter-spacing:.15em;color:var(--blue)}.hint p{font-size:13px;color:#c6d3e2}.actions{display:flex;gap:12px;margin:23px 0;flex-wrap:wrap}.science{border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.science h3{color:var(--blue);font:12px sans-serif}.science p{margin:9px 0}.science a{font-size:10px}.fact-row{display:flex;gap:30px;margin:12px 0}.fact-row span{display:block;color:var(--muted);font-size:10px}.fact-row strong{font-size:12px;font-weight:400;color:var(--text)}footer{max-width:1132px;margin:20px auto 0;border-top:1px solid var(--line);padding:25px 0 32px;color:var(--muted);font-size:9px;letter-spacing:.06em}footer>span{letter-spacing:.16em}footer p{line-height:2;margin:14px 0 0}footer i{margin:0 12px}.empty{text-align:center;padding:80px 20px;color:var(--muted)}.empty h2{color:var(--text);font-size:23px}.history-list{display:grid;gap:14px;padding:10px 0 40px}.history-card{display:flex;gap:18px;align-items:center;border:1px solid var(--line);background:#12233955;border-radius:3px;padding:15px;text-align:left;color:var(--text);width:100%}.history-card.mineral-art{width:76px;height:76px;flex-shrink:0}.history-card h3{margin:4px 0;font-size:18px}.history-card p{margin:0;color:var(--muted);font-size:11px}.history-card .arrow{margin-left:auto;color:var(--blue)}dialog{color:var(--text);background:#0e1e31;border:1px solid #87b3d459;border-radius:8px;max-width:620px;width:calc(100% - 28px);max-height:90dvh;padding:24px;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#020811bb;backdrop-filter:blur(7px)}.modal-top{display:flex;justify-content:space-between;align-items:center}.icon-button{border:1px solid var(--line);background:none;color:var(--text);width:44px;height:44px;font-size:25px;border-radius:50%}#modal-body>svg{display:block;width:210px;height:210px;margin:auto}#modal-body h2{margin:12px 0}#modal-body p{color:#bacadb;font-size:13px}#modal-body .export-image{display:block;width:100%;max-width:300px;margin:20px auto;border-radius:4px}#modal-body ul{padding-left:20px;color:var(--muted);font-size:12px}.waiting{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.waiting.mineral-art{width:220px;height:220px;animation:turn 3s ease-in-out infinite;filter:drop-shadow(0 0 40px #84c7ff77)}.waiting h1{font-size:25px}.waiting p{color:var(--muted);font-size:12px}.waiting .loader{width:150px;height:1px;background:#7594b03b;overflow:hidden;margin:20px}.loader:after{content:'';display:block;width:50%;height:1px;background:var(--blue);animation:slide 1.4s ease-in-out infinite}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid var(--line);background:#19334b;color:var(--text);padding:12px 20px;border-radius:5px;box-shadow:0 10px 40px #0006;max-width:90%;width:max-content;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.skip{position:fixed;top:-80px;left:10px;z-index:20;background:#d1edff;color:#102337;padding:10px}.skip:focus{top:10px}.small-label{font-size:10px;letter-spacing:.15em;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes turn{50%{transform:translateY(-12px) rotateY(160deg);opacity:.45}}@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:60px}}@media(max-width:900px){header{padding:25px 24px}nav,main,footer{margin-left:24px;margin-right:24px}.hero{padding:40px 0;gap:0}h1{font-size:32px}.hero-visual{height:340px}.hero-visual.mineral-art{width:280px}.orbit{width:280px;height:280px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.observation{gap:25px}.steps{flex-direction:column;gap:8px}.result-copy{padding:26px}.result-art{padding:20px}.result-copy h1{font-size:24px}}@media(max-width:600px){header{padding:22px 20px 18px}.brand{font-size:16px;gap:10px}.brand-mark{font-size:32px}.brand small{font-size:7px}.edition{font-size:0}.edition b{font-size:9px}nav,main,footer{margin-left:20px;margin-right:20px}nav{justify-content:space-between;gap:8px}nav a{font-size:11px;padding:14px 2px}.hero{display:flex;flex-direction:column;padding:28px 0 20px;gap:0}.hero-copy{width:100%;max-width:none}.eyebrow{font-size:9px}h1{font-size:30px;line-height:1.75;margin:17px 0}.intro{font-size:12px;line-height:2.2}.hero-visual{height:255px;width:100%;margin-top:5px}.orbit{width:230px;height:230px}.hero-visual.mineral-art{width:245px;height:245px}.orbit-label{bottom:0;font-size:8px}.coordinates{top:15px;right:3px;font-size:8px}.hero-visual:after{bottom:20px}.observation{display:flex;flex-direction:column;gap:18px;padding-top:18px}.steps{flex-direction:row;gap:12px;justify-content:space-between;font-size:9px;padding-top:0}.steps b{margin-right:4px}.primary{min-height:54px}.chips{gap:7px}.chip{padding:7px 13px}.section-head{padding-top:28px;display:block}.section-head h1{font-size:27px}.section-head .text-button{margin-top:10px}.search{gap:8px}.search input{min-width:0}.search select{max-width:120px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mineral-tile{padding:10px 12px 15px}.mineral-tile.mineral-art{height:125px}.mineral-tile strong{font-size:15px}.mineral-tile .latin{font-size:9px}.results{padding-top:25px}.result-shell{display:block}.result-art{border-right:0;border-bottom:1px solid var(--line);padding:25px 20px}.result-art.mineral-art{width:210px;height:210px}.result-art h2{font-size:25px}.result-copy{padding:25px 22px}.result-copy h1{font-size:24px}.reading{font-size:14px}.actions{gap:10px}.actions button{flex:1;padding:12px;font-size:12px}.history-card{padding:10px;gap:10px}.history-card.mineral-art{width:58px}.history-card h3{font-size:16px}footer{padding-bottom:25px;font-size:8px}footer p{font-size:9px;letter-spacing:0}.waiting{min-height:65vh}.waiting h1{font-size:24px}dialog{padding:20px}.fact-row{gap:22px}.small-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.mineral-art{display:block;object-fit:contain;aspect-ratio:1;border-radius:3px;background:#081323}
.hero-visual .mineral-art{position:relative;z-index:1;animation:none;filter:none;width:350px;height:350px;border-radius:50%;mask-image:radial-gradient(ellipse,black 50%,transparent 73%)}
.mineral-tile .mineral-art{width:100%;height:auto;margin:6px 0 12px}
.result-art .mineral-art{width:100%;height:auto;max-width:340px;filter:none;margin:20px 0}
#modal-body>.mineral-art{width:250px;height:250px;margin:10px auto 20px}
.history-card .mineral-art{width:76px;height:76px;flex-shrink:0}
.waiting .mineral-art{animation:float 3s ease-in-out infinite;filter:none;mask-image:radial-gradient(ellipse,black 45%,transparent 73%)}
@media(max-width:600px){.hero-visual .mineral-art{width:270px;height:270px}.result-art .mineral-art{width:250px;height:250px}.history-card .mineral-art{width:58px;height:58px}}