:root{color-scheme:light;--ink: #2b201a;--muted: #75695f;--cream: #fff8ed;--paper: #f6eadb;--coffee: #8a5f43;--coffee-dark: #563927;--leaf: #4f7f58;--sky: #9dbdd0;--water: #5da6b0;--mikan: #f59a23;--pink: #d98fa5;--shadow: 0 24px 90px rgba(72, 45, 28, .18);--ring: 0 0 0 4px rgba(93, 166, 176, .26);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 18% 24%,rgba(245,154,35,.2),transparent 18rem),radial-gradient(circle at 88% 16%,rgba(93,166,176,.2),transparent 22rem),linear-gradient(135deg,#fdf7ed,#f4eadc 42%,#e7f1ef);overflow-x:hidden}button,input{font:inherit}button{border:0}.page{position:relative;min-height:100vh;display:grid;place-items:center;padding:34px 18px;isolation:isolate}.wallpaper{position:fixed;inset:0;z-index:-2;overflow:hidden;background-image:linear-gradient(rgba(86,57,39,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(86,57,39,.04) 1px,transparent 1px);background-size:54px 54px}.wallpaper:before,.wallpaper:after{content:"";position:absolute;inset:-16% -8%;opacity:.6;background:radial-gradient(ellipse at 20% 8%,rgba(138,95,67,.18) 0 1.8%,transparent 2.1%),radial-gradient(ellipse at 68% 14%,rgba(93,166,176,.18) 0 1.5%,transparent 1.8%),radial-gradient(ellipse at 48% 20%,rgba(245,154,35,.18) 0 1.35%,transparent 1.7%);filter:blur(.2px);will-change:transform;animation:drip 22s linear infinite}.wallpaper:after{inset:-20% -6%;opacity:.36;animation-duration:34s;animation-delay:-9s;transform:scaleX(-1)}@keyframes drip{0%{transform:translateY(-10%)}to{transform:translateY(18%)}}.steam-field{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55}.evolution-field{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.light-strand{position:absolute;top:18px;left:50%;width:min(760px,92vw);display:flex;justify-content:space-between;opacity:0;transform:translate(-50%);transition:opacity 1.2s ease}.light-strand span{width:8px;height:8px;border-radius:50%;background:#f5c35d;box-shadow:0 0 14px #f5c35db8,0 8px 18px #8a5f4329;animation:light-glow 4.8s ease-in-out infinite}.light-strand span:nth-child(2n){animation-delay:-1.7s}.light-strand span:nth-child(3n){background:#f2a7a3;animation-delay:-3s}body[data-evolution="1"] .light-strand{opacity:.34}body[data-evolution="2"] .light-strand{opacity:.62}body[data-evolution="3"] .light-strand{opacity:.88}.mini-capy{position:absolute;width:clamp(42px,7vw,78px);opacity:.16;filter:drop-shadow(0 10px 16px rgba(86,57,39,.12));will-change:transform;animation:mini-drift 24s ease-in-out infinite}body[data-evolution="2"] .mini-capy{opacity:.23}body[data-evolution="3"] .mini-capy{opacity:.3}@keyframes light-glow{0%,to{transform:translateY(0) scale(.82);opacity:.52}50%{transform:translateY(2px) scale(1.16);opacity:1}}@keyframes mini-drift{0%,to{transform:translateZ(0) rotate(-3deg)}50%{transform:translate3d(18px,-28px,0) rotate(4deg)}}.steam{position:absolute;width:1px;height:140px;background:linear-gradient(transparent,rgba(86,57,39,.22),transparent);border-radius:999px;will-change:transform;animation:steam 13s ease-in-out infinite}.steam:nth-child(1){left:12%;top:12%}.steam:nth-child(2){left:28%;top:62%;animation-delay:-4s}.steam:nth-child(3){right:18%;top:20%;animation-delay:-8s}.steam:nth-child(4){right:35%;bottom:8%;animation-delay:-2s}@keyframes steam{0%,to{transform:translateY(20px) scaleY(.85);opacity:.1}45%{transform:translateY(-28px) scaleY(1.1);opacity:.72}}.status-corner{position:fixed;top:14px;right:16px;z-index:10;display:grid;justify-items:end;font-family:Palatino Linotype,Book Antiqua,Trebuchet MS,ui-rounded,serif}.status-clock{appearance:none;margin:0;padding:4px 3px;border:0;background:transparent;color:#4b321e;font:inherit;font-weight:700;font-variant-numeric:tabular-nums;font-size:.82rem;letter-spacing:.05em;line-height:1;opacity:.26;cursor:default;transition:opacity .35s ease}.status-corner:hover .status-clock,.status-corner:focus-within .status-clock{opacity:.82}.status-clock:focus-visible{outline:none;opacity:.82;border-radius:8px;box-shadow:var(--ring)}body[data-day-phase=night] .status-clock{color:#ece6f6;text-shadow:0 1px 0 rgba(43,32,26,.4)}body[data-day-phase=dawn] .status-clock{color:#6b4a2e}.notice-center{position:absolute;top:calc(100% + 8px);right:0;width:234px;display:grid;gap:1px;padding:12px 14px 13px;border:1px solid rgba(86,57,39,.14);border-radius:16px;background:#fff8ede6;box-shadow:inset 0 1px 8px #ffefafb3,0 18px 46px #56392733;backdrop-filter:blur(14px);color:#4b321e;font-family:Trebuchet MS,Avenir Next Rounded,ui-rounded,system-ui,sans-serif;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .26s ease,transform .26s ease}.status-corner:hover .notice-center,.status-corner:focus-within .notice-center{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.notice-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid rgba(126,84,42,.16)}.notice-title{font-weight:800;font-size:.8rem}.notice-phase{font-size:.68rem;font-weight:700;text-transform:lowercase;color:#56392799}.notice-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:27px;font-size:.74rem}.notice-key{color:#5639279e;font-weight:650;text-transform:lowercase}.notice-val{font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.notice-row.is-soon .notice-val{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5639276b}.notice-volume{gap:12px}.volume-slider{width:116px;min-width:0;accent-color:var(--coffee-dark)}body[data-day-phase=night] .notice-center{color:#f3eefb;background:#302840d6}body[data-day-phase=night] .notice-key,body[data-day-phase=night] .notice-phase{color:#f3eefb94}body[data-day-phase=night] .notice-head{border-bottom-color:#f3eefb29}body[data-day-phase=dawn] .notice-center{background:#ffebd6e6}body[data-day-phase=dusk] .notice-center{background:#fad6b6e0}.app{width:min(820px,100%);display:grid;gap:20px;align-items:center}.brand{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:-8px;color:var(--coffee-dark);font-weight:800;letter-spacing:0}.sound-toggle{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;margin-left:2px;border:1px solid rgba(86,57,39,.18);border-radius:999px;color:var(--coffee-dark);background:#fff8edb8;box-shadow:inset 0 1px 6px #ffefafcc,0 8px 18px #5639271a;cursor:pointer;overflow:hidden}.sound-toggle[aria-pressed=true]{color:#fffaf1;background:var(--coffee-dark)}.sound-toggle[aria-busy=true]{cursor:progress;opacity:.78}.sound-toggle[aria-busy=true] svg{opacity:.16}.sound-toggle[aria-busy=true]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:sound-loading .72s linear infinite}.sound-toggle:focus-visible{outline:none;box-shadow:var(--ring)}.sound-toggle svg{width:18px;height:18px;transition:opacity .16s ease}@keyframes sound-loading{to{transform:rotate(360deg)}}.brand-mark{width:34px;height:34px;object-fit:contain}h1{margin:0;font-size:clamp(2.5rem,9vw,5.2rem);line-height:.92;text-align:center;letter-spacing:0}.stage{position:relative;display:grid;justify-items:center;padding-top:118px}.capy{position:absolute;top:-14px;width:min(292px,70vw);height:auto;z-index:5;color:var(--coffee);filter:drop-shadow(0 16px 22px rgba(86,57,39,.18));will-change:transform;animation:capy-breathe 5.8s ease-in-out infinite;transform-origin:50% 78%;object-fit:contain}.capy.is-happy{animation:capy-happy .9s ease-in-out 2}@keyframes capy-breathe{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(7px) rotate(.25deg)}}@keyframes capy-happy{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-10px) rotate(-3deg) scale(1.04)}50%{transform:translateY(3px) rotate(2.4deg) scale(1.01)}75%{transform:translateY(-5px) rotate(-1.4deg) scale(1.03)}}.search-shell{position:relative;width:min(720px,100%);min-height:280px;display:grid;align-content:end;padding:148px 14px 18px;overflow:hidden;border:1px solid rgba(86,57,39,.15);border-radius:8px;background:#fff8edad;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.scene{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.scene.is-active{opacity:.78}.scene svg{width:100%;height:100%;display:block}.scene .bob{transform-origin:center;animation:scene-bob 4.5s ease-in-out infinite}.scene .blink{transform-origin:center;animation:blink 5.2s steps(1,end) infinite}.scene .float{transform-origin:center;animation:float 7s ease-in-out infinite}.scene .ripple{animation:ripple 3.8s ease-in-out infinite;transform-origin:center}.scene .sip{transform-origin:center;animation:sip 6.2s ease-in-out infinite}@keyframes scene-bob{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes blink{0%,90%,to{opacity:1}92%,95%{opacity:0}}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(12px,-12px) rotate(2deg)}}@keyframes ripple{0%,to{transform:scaleX(.88);opacity:.32}50%{transform:scaleX(1.08);opacity:.62}}@keyframes sip{0%,to{transform:rotate(0)}45%,55%{transform:rotate(-8deg) translateY(-5px)}}.search-form{position:relative;z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px;border:1px solid rgba(43,32,26,.14);border-radius:8px;background:#fffcf6f0;box-shadow:0 16px 40px #56392724}.search-form:focus-within{box-shadow:var(--ring),0 16px 40px #56392724}.icon{width:24px;height:24px;color:var(--coffee);flex:none}.search-form>.icon{margin-left:7px}label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:1.05rem}input::placeholder{color:#8a7d72}.send{display:inline-grid;place-items:center;width:46px;height:46px;color:#fffaf1;background:var(--coffee-dark);border-radius:8px;cursor:pointer;transition:transform .18s ease,background .18s ease}.send:hover{transform:translateY(-1px);background:#3d281c}.send:focus-visible{outline:none;box-shadow:var(--ring)}.send svg{color:currentColor}.mikan-row{position:absolute;left:18px;right:18px;bottom:90px;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.mikan{width:38px;height:38px;filter:drop-shadow(0 10px 10px rgba(86,57,39,.14));animation:mikan-wobble 5s ease-in-out infinite}.mikan:nth-child(2){width:46px;height:46px;animation-delay:-1.4s}.mikan:nth-child(3){animation-delay:-2.8s}@keyframes mikan-wobble{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(4deg) translateY(-6px)}}.commentator{display:grid;justify-items:center;gap:6px}.capsule{position:relative;width:min(590px,100%);min-height:62px;padding:16px 22px 28px;border:1px solid rgba(126,84,42,.28);border-radius:20px;color:#4b321e;background:linear-gradient(145deg,#fff5d2ed,#deb16b80),#f6d99f;box-shadow:inset 0 2px 10px #ffefafeb,inset 0 -14px 24px #69421e24,0 10px 26px #5639271f;text-align:center;display:grid;place-items:center}.capsule:before{content:"";position:absolute;top:-10px;left:50%;width:20px;height:20px;border-top:1px solid rgba(126,84,42,.24);border-left:1px solid rgba(126,84,42,.24);background:#f5dda7;box-shadow:inset 2px 2px 5px #ffefafdb;transform:translate(-50%) rotate(45deg)}.commentary-text{position:relative;z-index:1;margin:0;max-width:54ch;font-family:Trebuchet MS,Avenir Next Rounded,ui-rounded,system-ui,sans-serif;font-size:clamp(.8rem,1.7vw,.95rem);font-weight:650;line-height:1.44}.quote-speaker{position:absolute;right:14px;bottom:7px;z-index:1;display:inline-flex;align-items:center;gap:5px;color:#5639279e;font-family:Trebuchet MS,Avenir Next Rounded,ui-rounded,system-ui,sans-serif;font-size:.68rem;font-weight:800;letter-spacing:0;pointer-events:none}.quote-speaker:before{content:"";width:16px;height:1px;background:currentColor;opacity:.45}@media (max-width: 560px){.page{padding:20px 12px}.status-corner{top:10px;right:12px}.notice-center{width:min(248px,78vw)}.stage{padding-top:96px}.search-shell{min-height:260px;padding-top:130px}.search-form{min-height:60px;gap:6px}.search-form>.icon{margin-left:2px}.send{width:42px;height:42px}input{font-size:1rem}.capsule{min-height:78px;padding-bottom:30px;border-radius:8px}.mikan-row{bottom:84px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.scene{transition:none}}