Sleepm 바이오크리스탈
16개의 크리스탈과 2가지 귀금속이 초승달 모양으로 그려져 있습니다. 별을 탭하면 해당 보석을 만나볼 수 있으며, 하늘이 안내하는 투어를 즐겨보세요.
01 / 18
Sleepm에 담긴 모든 돌과 금속이 어우러집니다. 그중 하나를 탭하면 하늘에 빛이 피어오릅니다.
이 18가지 요소는 모든 Sleepm 바이오크리스탈 제품에 고루 녹아들어 있습니다.
석재에 대한 설명은 즐거움을 위해 공유되는 전통적인 전승과 민속 이야기를 담고 있습니다. Sleepm 제품은 웰빙 제품이며, 어떠한 질병이나 증상을 진단, 치료, 치유 또는 예방하기 위한 목적으로 제작된 것이 아닙니다.
(function(){
var U="https://sleepm.com/wp-content/uploads/2026/06/";function IMG(s){return U+s+".webp";}
var C=[
["Flint","flint","The ancient grounding stone, as old as firelight."],
["Natural Jasper","JasperNatural","Raw and unpolished, straight from the earth."],
["Dalmatian Jasper","dalmation-jasper","Speckled and playful, the light-hearted one."],
["Leopard Jasper","jasperleopard","Patterned, earthy and famously steadying."],
["Red Jasper","redjasper","The quiet anchor of the blend."],
["Aventurine","aventurine","A soothing green, long linked with renewal."],
["Serpentine Jade","SerpentineJade","Snake jade, a symbol of vitality and long life."],
["Sodalite","Sodalite","Deep blue, the stone of clear thoughts."],
["Fluorspar","flourspar","Banded violet and sea-green, kept for focus."],
["Amethyst","amethystsleepm","Violet calm, lore's favorite for racing minds."],
["Rose Quartz","rosequartz","The soft one, folklore's keeper of tenderness."],
["Citrine","../07/citrine-new","Bottled sunrise, for brighter mornings."],
["Orange Calcite","orangecalcite","Radiant amber warmth."],
["Heliotrope","Heliotrope-Bloodstone","The traveler's stone of old caravans."],
["Selenite","Selenite","Named for the moon and kept for stillness."],
["Clear Quartz","quartz","The clarifier, anchor of the whole blend."],
["Silver","silver","Bright and lustrous, the cool counterpoint."],
["Gold","gold","The noble thread that warms the weave."]
];
var N=C.length,NS="http://www.w3.org/2000/svg",svg=document.getElementById("cstSky");
var cx=430,cy=400,R=320,d=0.45*R,ix=cx+d,r=Math.sqrt(Math.pow(0.5*R-d,2)+0.75*R*R);
var P=[],i,t;
for(i=0;11>i;i++){t=(60+i*24)*Math.PI/180;P.push({x:cx+R*Math.cos(t),y:cy-R*Math.sin(t),side:"out",a:t});}
var phi=Math.acos((0.5*R-d)/r)*180/Math.PI;
var a0=360-phi,a1=phi,step=(a0-a1)/8;
for(i=1;7>=i;i++){t=(a0-i*step)*Math.PI/180;P.push({x:ix+r*Math.cos(t),y:cy-r*Math.sin(t),side:"in",a:t});}
function el(n,a){var e=document.createElementNS(NS,n);for(var k in a)e.setAttribute(k,a[k]);return e;}
var pts=P.map(function(p){return p.x.toFixed(1)+","+p.y.toFixed(1)}).join(" ");
svg.appendChild(el("polyline",{"class":"trail",points:pts+" "+P[0].x.toFixed(1)+","+P[0].y.toFixed(1)}));
var lit=el("polyline",{"class":"lit",points:pts});svg.appendChild(lit);
var segLen=[0];for(i=1;N>i;i++)segLen.push(segLen[i-1]+Math.hypot(P[i].x-P[i-1].x,P[i].y-P[i-1].y));
var total=segLen[N-1];lit.setAttribute("stroke-dasharray",total);lit.setAttribute("stroke-dashoffset",total);
var nodes=P.map(function(p,k){
var g=el("g",{"class":"node",tabindex:"0",role:"button","aria-label":C[k][0]});
g.appendChild(el("circle",{"class":"halo",cx:p.x,cy:p.y,r:22}));
g.appendChild(el("circle",{"class":"glow",cx:p.x,cy:p.y,r:7}));
g.appendChild(el("circle",{"class":"core",cx:p.x,cy:p.y,r:k>15?4.5:5}));
g.appendChild(el("circle",{"class":"hit",cx:p.x,cy:p.y,r:26}));
var tx,ty,anc;
if(p.side==="out"){var c=Math.cos(p.a),s=Math.sin(p.a);tx=p.x+c*20;ty=p.y-s*20+5;anc=-0.25>c?"end":(c>0.25?"start":"middle");if(anc==="middle")ty=p.y-s*24+(0>s?14:0);}
else{tx=p.x-16;ty=p.y+5;anc="end";}
var tt=el("text",{x:tx,y:ty,"text-anchor":anc});tt.textContent=C[k][0];g.appendChild(tt);
g.addEventListener("click",function(){pick(k,true)});
g.addEventListener("keydown",function(e){if(e.key==="Enter"||e.key===" "){e.preventDefault();pick(k,true)}});
svg.appendChild(g);return g;
});
var grid=document.getElementById("cst_grid");if(!grid)return;
var chips=C.map(function(c,k){
var b=document.createElement("button");b.className="chip";b.type="button";b.setAttribute("aria-pressed","false");
var im=document.createElement("img");im.alt="";im.loading="lazy";im.src=IMG(c[1]);var sp=document.createElement("span");sp.textContent=c[0];b.appendChild(im);b.appendChild(sp);
b.addEventListener("click",function(){pick(k,true);document.querySelector(".cst .stage").scrollIntoView({behavior:matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"})});
grid.appendChild(b);return b;
});
var cur=-1,card=document.getElementById("cst_card");
function pad(n){return (10>n?"0":"")+n}
function pick(k,user){
if(user)setPlay(false);
cur=(k+N)%N;
nodes.forEach(function(n,j){n.classList.toggle("on",j===cur)});
chips.forEach(function(b,j){b.setAttribute("aria-pressed",j===cur?"true":"false")});
lit.setAttribute("stroke-dashoffset",total-segLen[cur]);
var c=C[cur];
document.getElementById("cImg").src=IMG(c[1]);
document.getElementById("cNum").textContent=pad(cur+1)+" / "+N;
document.getElementById("cName").textContent=c[0];
document.getElementById("cLore").textContent=c[2];
document.getElementById("cKind").textContent=cur>15?"Noble metal":"Crystal";
card.classList.remove("fade");void card.offsetWidth;card.classList.add("fade");
}
var playing=true,timer=null,playBtn=document.getElementById("cst_play");
function setPlay(on){playing=on;playBtn.textContent=on?"Pause tour":"Play tour";playBtn.setAttribute("aria-pressed",on?"true":"false");clearInterval(timer);if(on)timer=setInterval(function(){pick(cur+1)},3800);}
playBtn.addEventListener("click",function(){setPlay(!playing)});
document.getElementById("cst_prev").addEventListener("click",function(){pick(cur-1,true)});
document.getElementById("cst_next").addEventListener("click",function(){pick(cur+1,true)});
var reduce=matchMedia("(prefers-reduced-motion: reduce)").matches;
pick(9);setPlay(!reduce);
var cv=document.getElementById("cst_dust"),cx2=cv.getContext("2d"),stars=[],W,H,rgb;
function size(){var b=cv.getBoundingClientRect(),dp=Math.min(devicePixelRatio||1,2);W=b.width;H=b.height;cv.width=W*dp;cv.height=H*dp;cx2.setTransform(dp,0,0,dp,0,0);
stars=[];var n=Math.round(W*H/5200);for(var j=0;n>j;j++)stars.push({x:Math.random()*W,y:Math.random()*H,r:Math.random()*1.1+.25,p:Math.random()*6.28,s:.4+Math.random()*1.2});
rgb=getComputedStyle(document.documentElement).getPropertyValue("--c-dust").trim()||"233,236,255";draw(0);}
function draw(ts){cx2.clearRect(0,0,W,H);for(var j=0;stars.length>j;j++){var s=stars[j],a=reduce?.5:.25+.45*(.5+.5*Math.sin(s.p+ts/1000*s.s));cx2.fillStyle="rgba("+rgb+","+a.toFixed(2)+")";cx2.beginPath();cx2.arc(s.x,s.y,s.r,0,6.283);cx2.fill();}}
function loop(ts){draw(ts);requestAnimationFrame(loop)}
size();addEventListener("resize",size);
try{matchMedia("(prefers-color-scheme: dark)").addEventListener("change",size);new MutationObserver(size).observe(document.documentElement,{attributes:true,attributeFilter:["class","data-theme"]});}catch(e){}
if(!reduce)requestAnimationFrame(loop);
})();
(function(){var s=document.getElementById('sky');if(s){s.setAttribute('viewBox','0 95 1620 670');s.setAttribute('preserveAspectRatio','xMidYMid meet');}})();
(function(){var btn=document.querySelector('.lb-btn');if(btn){btn.addEventListener('click',function(e){e.preventDefault();document.documentElement.classList.toggle('lbopen');});}var menu=document.querySelector('.lb-menu');if(menu){menu.addEventListener('click',function(){document.documentElement.classList.remove('lbopen');});}})();
