@charset "UTF-8";
:root{--paper:#f7f4ef;--ink:#46372c;--muted:#877a6e;--orange:#c8814e;--line:#e4ddd3;--soft:#eee7dd;--serif:"Songti SC","STSong","Noto Serif SC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{touch-action:manipulation}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{max-width:1440px;padding:0 72px;margin:0 auto}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:750;letter-spacing:-1.4px}.brand>svg{width:34px;height:34px;fill:var(--ink)}.brand-dot{color:var(--orange)}.header-note{font-size:12px;letter-spacing:3px;color:var(--muted)}.header-link{font-size:13px;display:flex;gap:18px;align-items:center}.header-link span{font-size:22px;color:var(--orange)}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:48px 0 46px}.hero-copy{padding:0 0 22px 15px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1px;color:#8d684d}.status-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #c8814e0b}.eyebrow-en{font-size:9px;letter-spacing:1.4px;margin-left:6px;color:#9b8f82}h1{font-family:var(--serif);font-size:clamp(44px,4.65vw,67px);font-weight:600;line-height:1.42;letter-spacing:-2px;margin:25px 0 24px;white-space:nowrap}.marked{position:relative;isolation:isolate}.marked svg{position:absolute;bottom:-8px;left:0;width:100%;height:13px;stroke:#dba16c;stroke-width:3;stroke-linecap:round;fill:none;opacity:.75;z-index:-1}.intro{font-size:15px;line-height:2.1;color:var(--muted);letter-spacing:.6px;margin:0 0 32px}.hello-button{display:flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:8px;padding:17px 23px;background:var(--ink);color:#fffaf3;font-size:14px;box-shadow:0 5px 10px #46372c0a;transition:transform .2s,background .2s}.hello-button:hover{background:#614735;transform:translateY(-2px)}.line-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.launch-note{font-size:11px;color:#998c7d;letter-spacing:.3px;margin-top:22px;display:flex;align-items:center;gap:7px}.tiny-spark{color:#b98c63;font-size:19px}.bear-world{min-width:0;scroll-margin-top:30px}.bear-stage{height:447px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid #ded1bd;border-radius:50%;pointer-events:none;z-index:-2}.orbit-one{width:91%;height:87%;left:5%;top:8%;transform:rotate(-15deg);border-color:#e8dfd1}.orbit-two{width:78%;height:89%;left:12%;top:6%;transform:rotate(26deg);border-style:dashed;border-color:#e8dfd1}.bear-image-wrap{position:absolute;inset:17px 30px 7px;mix-blend-mode:multiply}.bear-image-wrap img{width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse 52% 55% at 50% 51%,#000 72%,transparent 99%)}.speech{position:absolute;z-index:3;top:7px;left:8%;background:#fffcf7;border:1px solid #e8dfd4;border-radius:12px 12px 12px 2px;transform:rotate(-6deg);padding:12px 17px;color:#8a735c;font-size:12px;letter-spacing:.5px;box-shadow:0 4px 13px #69513904}.speech span{font-size:18px;vertical-align:middle;margin-left:6px;color:#c8946a}.spark{position:absolute;color:#bda07b;z-index:2;font-family:serif;pointer-events:none}.spark-one{top:71px;right:3%;font-size:44px;transform:rotate(10deg)}.spark-two{bottom:69px;left:2%;font-size:24px;color:#c6a77f}.little-dot{position:absolute;top:185px;left:3%;width:6px;height:6px;background:#d9b892;border-radius:50%}.handwritten{position:absolute;bottom:13px;left:24%;font-family:Georgia,serif;font-size:14px;font-style:italic;letter-spacing:.5px;transform:rotate(-5deg);color:#a48a70}.motion-toggle{position:absolute;right:14px;bottom:13px;border:1px solid #e4ddd3;background:var(--paper);color:#8e7e6a;width:31px;height:31px;border-radius:50%;font-size:12px}.mood-controls{margin:17px auto 0;display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;background:#eee9e1;border:1px solid #e8e0d4;padding:5px;border-radius:12px}.mood{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:8px;padding:11px 15px;white-space:nowrap;font-size:12px;color:#8c8072;transition:background .2s,color .2s,box-shadow .2s}.mood .line-icon{width:17px;height:17px}.mood:hover{color:var(--ink);background:#ffffff50}.mood.active{background:#fffcf7;border-color:#e3d9c9;color:#79573a;box-shadow:0 2px 4px #49332308}.interaction-hint{text-align:center;font-size:10px;letter-spacing:1px;color:#9a8d7c;margin:14px 0 0}.interaction-hint span{display:inline-block;margin-left:6px;font-size:14px}.sleep-letters{display:none;position:absolute;top:100px;right:75px;color:#9c927f;transform:rotate(9deg);font:italic 25px Georgia,serif}.sleep-letters span{display:inline-block;animation:sleep 3.6s ease-in-out infinite}.sleep-letters span:nth-child(2){font-size:31px;transform:translateY(-18px);animation-delay:.5s}.sleep-letters span:nth-child(3){font-size:40px;transform:translateY(-40px);animation-delay:1s}[data-mood="sleep"] .sleep-letters{display:block}[data-mood="sleep"] .bear-image-wrap{inset:20px 2px -5px}[data-mood="drowsy"] .bear-image-wrap{inset:35px 46px 24px}.waiting-note{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 15px 29px}.note-symbol{width:43px;height:43px;display:grid;place-items:center;background:#eee7dc;color:#ad8a5d;border-radius:50%}.note-symbol .line-icon{width:22px;height:22px;transform:rotate(-12deg)}.note-copy h2{margin:0 0 8px;font-family:var(--serif);font-size:19px;letter-spacing:1px;font-weight:500}.note-copy p{font-size:11px;color:var(--muted);margin:0;letter-spacing:.5px}.development-status{margin-left:auto;font-size:10px;letter-spacing:1.5px;color:#99866c;display:flex;align-items:center;gap:10px;white-space:nowrap}footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0 30px;font-size:10px;color:#9b9083;letter-spacing:1px}.footer-brand{letter-spacing:.3px}.made-with{font-family:Georgia,serif;font-style:italic;letter-spacing:.3px}.made-with span{color:var(--orange);font-size:15px;margin-left:5px}.paused .sleep-letters span{animation-play-state:paused}@keyframes sleep{0%,100%{opacity:.3;translate:0 2px}50%{opacity:.9;translate:0 -8px}}@media(min-width:1500px){.hero{min-height:710px}.bear-stage{height:480px}}@media(max-width:1100px){.page-shell{padding:0 40px}.hero-copy{padding-left:0}.hero{gap:5px}.mood{padding:10px 11px;gap:5px}.bear-stage{height:405px}.eyebrow-en{display:none}h1{font-size:clamp(41px,4.7vw,58px)}.intro{font-size:13px}}@media(max-width:760px){.page-shell{padding:0 24px}header{height:84px}.brand{font-size:25px}.brand>svg{width:29px;height:29px}.header-note{display:none}.header-link{font-size:12px;gap:12px}.hero{display:flex;flex-direction:column;gap:23px;padding:45px 0 33px}.hero-copy{padding:0;text-align:center}.eyebrow{justify-content:center;font-size:11px}.eyebrow-en{display:inline;font-size:8px}h1{font-size:clamp(39px,8.4vw,58px);line-height:1.4;margin:21px 0 20px;letter-spacing:-1px}.intro{font-size:13px;line-height:2;margin-bottom:24px}.hello-button{margin:auto;padding:15px 21px;font-size:13px;gap:23px}.launch-note{justify-content:center;font-size:10px;margin-top:15px}.bear-world{width:100%;max-width:480px}.bear-stage{height:390px}.speech{font-size:11px;top:17px;left:7%;padding:10px 13px}.bear-image-wrap{inset:25px 28px 5px}.spark-one{right:1%;font-size:35px}.handwritten{bottom:6px;font-size:13px}.mood-controls{margin-top:15px;gap:3px;padding:4px}.mood{font-size:11px;padding:10px 12px;gap:6px}.interaction-hint{font-size:9px}.waiting-note{padding:24px 0;gap:13px;flex-wrap:wrap}.note-symbol{width:36px;height:36px;flex-shrink:0}.note-copy{flex:1}.note-copy h2{font-size:17px}.note-copy p{font-size:10px;line-height:1.9;max-width:270px}.development-status{margin-left:49px;font-size:9px;gap:8px}footer{padding:24px 0;gap:16px;flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){display:none}}@media(max-width:380px){.page-shell{padding:0 18px}.mood{padding:10px 9px;gap:4px}.bear-stage{height:340px}.sleep-letters{right:45px;top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* V3: transparent original frames and a moonlit sleeping scene. */
[hidden]{display:none!important}
body{transition:background-color .65s ease,color .65s ease}
.bear-stage[data-mood] .bear-image-wrap{inset:auto;top:50%;left:50%;width:min(91%,420px);aspect-ratio:1;transform:translate(-50%,-50%);mix-blend-mode:normal}
.bear-image-wrap img,.bear-image-wrap canvas{display:block;width:100%;height:100%;object-fit:contain;mask-image:none}
.ground-shadow{position:absolute;bottom:21px;left:50%;width:42%;height:17px;transform:translateX(-50%);background:radial-gradient(ellipse,#7e553426,transparent 70%);z-index:-1}
[data-mood="drowsy"] .ground-shadow{width:54%}
[data-mood="sleep"] .ground-shadow,[data-mood="sleep"] .orbit,[data-mood="sleep"] .spark,[data-mood="sleep"] .little-dot{display:none}
.bear-stage[data-mood="sleep"] .bear-image-wrap{width:min(94%,420px);border-radius:28px;overflow:hidden;box-shadow:0 18px 55px #0004;border:1px solid #d6b58b1f}
[data-mood="sleep"] .speech{top:0;left:0;background:#1c2634f2;border-color:#4b4e54;color:#e3cfb4;transform:rotate(-4deg);box-shadow:0 4px 18px #0002}
[data-mood="sleep"] .handwritten{bottom:0;left:26%;color:#c2ad8d;z-index:2;font-size:12px}
[data-mood="sleep"] .motion-toggle{right:0;bottom:0;background:#202b3b;color:#e4cba5;border-color:#3c495c}
.night-stars{display:none;position:absolute;inset:0;pointer-events:none;z-index:2}
[data-mood="sleep"] .night-stars{display:block}
.night-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe2a0;box-shadow:0 0 7px 2px #eec16a50;animation:starlight 4s ease-in-out infinite}
.night-stars i:nth-child(1){left:24%;top:17%;animation-delay:-1s}
.night-stars i:nth-child(2){left:47%;top:9%;animation-delay:-2.7s}
.night-stars i:nth-child(3){right:15%;top:25%;animation-delay:-.8s}
.night-stars i:nth-child(4){left:13%;top:40%;animation-delay:-3.2s}
.paused .night-stars i{animation-play-state:paused}
.night{--paper:#0e1521;--ink:#f0e4d3;--muted:#a6adba;--orange:#d9b68b;--line:#2b3442;--soft:#1c2634}
.night .brand-dot,.night .header-link span{color:#d9b68b}
.night .eyebrow,.night .eyebrow-en{color:#c3ad8d}
.night .hello-button{background:#e2c49e;color:#26303b;box-shadow:none}
.night .hello-button:hover{background:#f0d6b5}
.night .launch-note,.night .interaction-hint,.night footer{color:#9da6b5}
.night .tiny-spark,.night .marked svg{color:#d9b68b;stroke:#d9b68b}
.night .mood-controls{background:#1a2432;border-color:#2d3949}
.night .mood{color:#b4bcc8}
.night .mood:hover{background:#ffffff09;color:#f1ddbd}
.night .mood.active{background:#354257;border-color:#526176;color:#f1d8b5;box-shadow:0 2px 6px #0002}
.night .note-symbol{background:#202c3d;color:#d7b885}
.night .development-status{color:#baa98e}
@keyframes starlight{0%,100%{opacity:.18;scale:.6}50%{opacity:.9;scale:1}}
@media(max-width:760px){
 .bear-stage[data-mood] .bear-image-wrap{width:min(95%,370px)}
 .bear-stage[data-mood="sleep"] .bear-image-wrap{width:min(95%,370px);border-radius:23px}
 .ground-shadow{bottom:16px}
 [data-mood="sleep"] .speech{left:1%;top:6px;font-size:10px}
 [data-mood="sleep"] .handwritten{font-size:11px;bottom:-1px}
 [data-mood="sleep"] .motion-toggle{bottom:2px}
}
@media(prefers-reduced-motion:reduce){.night-stars i{animation:none}body{transition:none}}
.night #bear-icon [fill="#f7f4ef"]{fill:var(--paper)}
@media(max-width:760px){.note-copy{flex:1 1 calc(100% - 62px)}}