.harehana-wrap{max-width:640px;margin:20px auto;padding:24px 20px;background:linear-gradient(180deg,#0b1a3d 0%,#1a3a6d 60%,#2b5a9e 100%);color:#fff;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.25);text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}.harehana-title{margin:0 0 16px;font-size:22px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.harehana-count-box{display:inline-flex;align-items:baseline;gap:6px;background:rgba(255,255,255,.12);padding:10px 20px;border-radius:999px;margin-bottom:16px;backdrop-filter:blur(4px)}.harehana-count-label{font-size:14px;opacity:.9}.harehana-count-num{font-size:28px;font-weight:700;color:#ffd54f;text-shadow:0 0 8px rgba(255,213,79,.6)}.harehana-count-unit{font-size:14px;opacity:.9}.harehana-sky{position:relative;margin:0 auto 18px;max-width:520px;height:180px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#3a4a70 0%,#5a6a90 60%,#7a8ab0 100%);box-shadow:inset 0 4px 20px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.2);transition:background 1.2s ease}.harehana-sky[data-weather=rainy]{background:linear-gradient(180deg,#2c3448 0%,#4a5468 60%,#6a7488 100%)}.harehana-sky[data-weather=cloudy]{background:linear-gradient(180deg,#5a6a90 0%,#7a8ab0 60%,#9aaad0 100%)}.harehana-sky[data-weather=partly]{background:linear-gradient(180deg,#7fb7e5 0%,#a5cdec 60%,#cae2f3 100%)}.harehana-sky[data-weather=sunny]{background:linear-gradient(180deg,#4fc3f7 0%,#81d4fa 60%,#b3e5fc 100%)}.harehana-sky[data-weather=clear]{background:linear-gradient(180deg,#29b6f6 0%,#4fc3f7 40%,#ffe082 100%)}.harehana-sun{position:absolute;top:12px;right:16px;width:56px;height:56px;opacity:.3;transform:scale(.7) translateY(-30px);transition:opacity 1s ease,transform 1.2s cubic-bezier(.34,1.56,.64,1),filter 1s ease;filter:grayscale(60%);pointer-events:none}.harehana-sun-body{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:44px;line-height:1;text-shadow:0 0 12px rgba(255,213,79,.7);animation:hh-sun-spin 20s linear infinite}.harehana-sun-rays{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,79,.6) 0%,rgba(255,213,79,0) 60%);animation:hh-sun-pulse 2.5s ease-in-out infinite}.harehana-sky[data-weather=cloudy] .harehana-sun{opacity:.5;transform:scale(.8) translateY(-15px);filter:grayscale(30%)}.harehana-sky[data-weather=partly] .harehana-sun{opacity:.85;transform:scale(1) translateY(0);filter:grayscale(0)}.harehana-sky[data-weather=sunny] .harehana-sun{opacity:1;transform:scale(1.1) translateY(0);filter:grayscale(0)}.harehana-sky[data-weather=clear] .harehana-sun{opacity:1;transform:scale(1.3) translateY(0);filter:grayscale(0)}@keyframes hh-sun-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hh-sun-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.harehana-clouds{position:absolute;inset:0;pointer-events:none}.hh-cloud{position:absolute;font-size:44px;color:rgba(255,255,255,.85);text-shadow:0 2px 6px rgba(0,0,0,.15);transition:opacity 1.2s ease,transform 1.2s ease;animation:hh-cloud-drift 24s linear infinite}.hh-cloud.c1{top:8px;left:5%;font-size:52px;animation-duration:26s}.hh-cloud.c2{top:36px;left:35%;font-size:38px;opacity:.9;animation-duration:20s;animation-delay:-6s}.hh-cloud.c3{top:20px;left:65%;font-size:46px;opacity:.85;animation-duration:30s;animation-delay:-12s}@keyframes hh-cloud-drift{0%{transform:translateX(0)}50%{transform:translateX(40px)}100%{transform:translateX(0)}}.harehana-sky[data-weather=rainy] .hh-cloud{opacity:1;color:#c8ccd6}.harehana-sky[data-weather=cloudy] .hh-cloud{opacity:.95}.harehana-sky[data-weather=partly] .hh-cloud{opacity:.6}.harehana-sky[data-weather=sunny] .hh-cloud{opacity:.2;transform:translateY(-30px)}.harehana-sky[data-weather=clear] .hh-cloud{opacity:0;transform:translateY(-50px)}.harehana-rain{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s ease}.harehana-sky[data-weather=rainy] .harehana-rain{opacity:.7}.hh-drop{position:absolute;top:-20px;width:2px;height:14px;background:linear-gradient(180deg,rgba(200,220,240,0),rgba(200,220,240,.9));animation:hh-drop-fall 1.1s linear infinite}@keyframes hh-drop-fall{0%{transform:translateY(0);opacity:1}100%{transform:translateY(220px);opacity:0}}.harehana-gauge-info{position:absolute;left:14px;right:14px;bottom:56px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.harehana-gauge-label{font-weight:700;letter-spacing:.05em}.harehana-gauge-pct{font-weight:700;font-size:16px;color:#fff59d;text-shadow:0 0 8px rgba(255,235,59,.7)}.harehana-gauge-track{position:absolute;left:14px;right:14px;bottom:34px;height:16px;background:rgba(0,0,0,.35);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.4)}.harehana-gauge-fill{height:100%;background:linear-gradient(90deg,#64b5f6 0%,#4fc3f7 30%,#ffca28 70%,#ffd54f 90%,#fff59d 100%);background-size:200% 100%;border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px rgba(255,213,79,.6);position:relative;overflow:hidden;animation:hh-gauge-shine 3s linear infinite}@keyframes hh-gauge-shine{0%{background-position:200% 0}100%{background-position:-200% 0}}.harehana-gauge-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:hh-gauge-sweep 2.2s linear infinite}@keyframes hh-gauge-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.harehana-gauge-milestones{position:absolute;inset:0;pointer-events:none}.harehana-gauge-milestones span{position:absolute;top:2px;bottom:2px;width:2px;background:rgba(255,255,255,.35)}.harehana-gauge-status{position:absolute;left:14px;right:14px;bottom:8px;font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);transition:color .5s ease}.harehana-btn-wrap{margin:14px 0 6px;position:relative}.harehana-btn{font-size:22px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(180deg,#ff8a65,#ff5722 60%,#e53935);border:none;border-radius:999px;padding:16px 44px;box-shadow:0 6px 0 #b71c1c,0 8px 24px rgba(255,87,34,.5);transition:transform .06s ease,box-shadow .06s ease,filter .2s ease;animation:hh-btn-pulse 2.4s ease-in-out infinite}@keyframes hh-btn-pulse{0%,100%{box-shadow:0 6px 0 #b71c1c,0 8px 24px rgba(255,87,34,.4)}50%{box-shadow:0 6px 0 #b71c1c,0 8px 28px rgba(255,213,79,.7),0 0 30px rgba(255,152,0,.4)}}.harehana-btn:hover{filter:brightness(1.08)}.harehana-btn:active{transform:translateY(4px);box-shadow:0 2px 0 #b71c1c,0 4px 10px rgba(0,0,0,.3);animation:none}.harehana-btn[disabled]{opacity:.7;cursor:not-allowed;animation:none}.harehana-btn-hint{margin-top:8px;font-size:12px;color:#ffd54f;opacity:.9;letter-spacing:.05em}.harehana-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.harehana-wrap>*:not(.harehana-canvas){position:relative;z-index:2}.harehana-message{min-height:1.4em;margin-top:14px;font-size:18px;font-weight:700;color:#fff59d;text-shadow:0 0 10px rgba(255,235,59,.8)}.harehana-message.rare{color:#fff;text-shadow:0 0 12px #ff4081,0 0 24px #ff4081}.harehana-message.super{color:#fff;font-size:22px;text-shadow:0 0 14px #ffd54f,0 0 28px #ff9800,0 0 40px #ff5252}.harehana-fullscreen{position:fixed;inset:0;z-index:999999;pointer-events:none;background:radial-gradient(ellipse at center,rgba(11,26,61,0) 0%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .4s ease}.harehana-fullscreen.show{opacity:1;pointer-events:auto}.harehana-fullscreen canvas{position:absolute;inset:0;width:100%;height:100%}.harehana-fullscreen .harehana-super-msg{position:absolute;left:0;right:0;top:14%;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:min(9vw,64px);font-weight:900;color:#fff;letter-spacing:.05em;text-shadow:0 0 20px #ffd54f,0 0 40px #ff9800,0 0 60px #ff4081;animation:harehana-pop .8s ease both}.harehana-fullscreen .harehana-super-sub{position:absolute;left:0;right:0;bottom:16%;text-align:center;color:#fff59d;font-size:min(4vw,22px);text-shadow:0 0 10px rgba(255,235,59,.9);animation:harehana-fadein 1s ease both}.harehana-fullscreen .harehana-close-btn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.5);color:#fff;border:2px solid rgba(255,255,255,.6);border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;cursor:pointer;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease;font-family:inherit}.harehana-fullscreen.can-close .harehana-close-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.harehana-fullscreen .harehana-close-btn:hover{background:rgba(255,255,255,.2)}@keyframes harehana-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes harehana-fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}