#entry{--serif:"Noto Serif TC",serif;--mono:"JetBrains Mono",monospace;display:flex;flex-direction:column}#entry .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 0 10px}#entry .hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.3rem,8vw,3.4rem);color:var(--tw-hero-color);letter-spacing:.02em;line-height:1.2}#entry .hero .sub{margin-top:14px;color:var(--tw-text-secondary);font-size:clamp(.98rem,2.6vw,1.12rem);max-width:32ch;font-weight:300}#entry .strata{margin:30px auto 4px;width:min(84vw,340px);height:64px;border-radius:14px;overflow:hidden;border:1px solid var(--tw-border);position:relative;background:linear-gradient(180deg,#f7efe9 0% 22%,#e8b98a 22% 36%,#c98a7a 36% 50%,#9a7aa8 50% 64%,#6f8fb5 64% 78%,#4f7f86 78% 100%)}#entry .strata span{position:absolute;top:4px;left:50%;width:2px;height:14px;background:#c98a7a;border-radius:2px;animation:sdpour 2.6s ease-in-out infinite}@keyframes sdpour{0%,to{transform:translate(-26px)}50%{transform:translate(26px)}}#entry .start{margin-top:26px;font-family:var(--serif);font-size:1.22rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#a06a5f,#7c4241);border:none;padding:18px 52px;border-radius:999px;cursor:pointer;box-shadow:0 10px 30px -8px #7c424166;transition:transform .2s,box-shadow .2s}#entry .start:hover{transform:translateY(-2px);box-shadow:0 16px 38px -8px #7c424180}#entry .start:active{transform:translateY(0)}#entry .start-hint{margin-top:12px;font-size:.82rem;color:var(--tw-text-muted)}#entry .how{margin:38px 0 10px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}#entry .how .item{background:var(--tw-surface);border:1px solid var(--tw-border);border-radius:12px;padding:12px 16px;font-size:.85rem;color:var(--tw-text-secondary);display:flex;flex-direction:column;gap:4px;min-width:150px;text-align:left}#entry .how .item b{color:var(--tw-hero-color);font-family:var(--serif)}#entry .sd-note{padding:20px 0 34px;border-top:1px solid var(--tw-border);margin-top:16px;font-size:.8rem;color:var(--tw-text-muted);text-align:center}#entry .sd-note .reads{font-size:.78rem}#entry .sd-note .privacy{margin-top:12px;max-width:50ch;margin-left:auto;margin-right:auto;line-height:1.6}#sand{--sans:"Noto Sans TC",sans-serif;--mono:"JetBrains Mono",monospace;position:fixed;inset:0;z-index:2000;display:none;background:#17131f;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#sand.on{display:block}#sand canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}#sand .s-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-size:.85rem;color:#f3e7dfcc;pointer-events:none}#sand .s-top .count{font-family:var(--mono);letter-spacing:.08em}#sand .s-top .count b{color:#fff;font-variant-numeric:tabular-nums}#sand .exit{pointer-events:auto;background:transparent;border:1px solid #f3e7df44;color:#f3e7df;border-radius:999px;padding:7px 16px;font-size:.82rem;cursor:pointer;font-family:var(--sans)}#sand .exit:hover{background:#f3e7df11}#sand .s-hint{position:absolute;top:44%;left:0;right:0;text-align:center;color:#f3e7df99;font-size:1.02rem;letter-spacing:.24em;pointer-events:none;transition:opacity 1.2s;font-family:var(--sans)}#sand .s-hint.gone{opacity:0}#sand .scontrols{position:absolute;left:20px;bottom:26px;display:flex;flex-direction:column;gap:12px;z-index:5}#sand .ctrl{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:#ffffff26;border:1px solid #ffffff4d;color:#fff;border-radius:16px;width:62px;padding:9px 0 7px;cursor:pointer;transition:all .2s;font-family:inherit}#sand .ctrl:hover{background:#ffffff3a}#sand .ctrl .ic{font-size:1.25rem;line-height:1}#sand .ctrl .ic.dot{width:18px;height:18px;border-radius:50%;background:#c98a7a;border:2px solid #ffffff88;display:inline-block}#sand .ctrl .lb{font-size:.66rem;letter-spacing:.06em;opacity:.9}#sand .ctrl.off{background:#ffffff0f;border-color:#fff2;opacity:.7}#sand .ctrl.off .ic{opacity:.4}#sand .ctrl.off:after{content:"✕";position:absolute;top:-7px;right:-7px;width:19px;height:19px;line-height:19px;text-align:center;font-size:.72rem;font-weight:700;color:#fff;background:#c0564e;border-radius:50%;box-shadow:0 1px 5px #0007}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#000a;color:#fff;padding:9px 18px;border-radius:999px;font-size:.85rem;z-index:2100;opacity:0;transition:opacity .25s;pointer-events:none}#toast.show{opacity:1}@media(max-width:520px){#sand .scontrols{flex-direction:row;left:50%;transform:translate(-50%);bottom:18px}#sand .ctrl{width:56px}}@media(prefers-reduced-motion:reduce){#entry .strata span{animation:none}}