:root{--paper: #fff6ef;--ink: #3a2a32;--muted: #8a6d76;--berry: #e56b8a;--berry-deep: #c94b70;--tea: #c9896a;--boba: #3d2b24;--foam: #fffdfb;--line: rgba(90, 52, 62, .1);--shadow: 0 16px 40px rgba(120, 70, 80, .1);--leaf: #6eaa8c;--lilac: #b89adf;--radius: 28px;color:var(--ink);font-family:Nunito,sans-serif;background:radial-gradient(900px 420px at 10% -10%,#ffd9e4 0%,transparent 60%),radial-gradient(700px 380px at 110% 0%,#efe4ff 0%,transparent 55%),var(--paper);line-height:1.45}html.red-day{--berry: #d47a5d;--berry-deep: #b85e44;background:radial-gradient(900px 420px at 10% -10%,#f3ddcf 0%,transparent 60%),radial-gradient(700px 380px at 110% 0%,#f7e7dc 0%,transparent 55%),#fff8f3}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}button{cursor:pointer}h1,h2,h3,.logo{font-family:Comfortaa,cursive;font-weight:700;letter-spacing:-.03em}#app{min-height:100vh}.shell{width:min(1080px,calc(100% - 32px));margin:0 auto;padding-bottom:96px}.site-header{display:flex;align-items:center;gap:16px;padding:18px 0 8px;position:sticky;top:0;z-index:4;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{text-decoration:none;display:flex;align-items:center;gap:8px;font-size:18px}.logo svg{display:block}.nav{display:flex;gap:6px;overflow-x:auto;flex:1;scrollbar-width:none}.nav a{text-decoration:none;white-space:nowrap;padding:8px 12px;border-radius:999px;color:var(--muted);font-weight:700}.nav a.router-link-active,.nav a:hover{background:#fff;color:var(--ink)}.red-switch{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;white-space:nowrap}.red-switch.on{background:#f6d3c4;border-color:transparent}.hero h1{font-size:clamp(34px,6vw,62px);line-height:1.05;margin:18px 0 8px}.lead{color:var(--muted);font-size:18px;max-width:46ch;margin:0}.stage{margin-top:22px;display:grid;grid-template-columns:1.3fr .7fr;gap:12px;align-items:end}.speech{background:var(--foam);border-radius:28px 28px 8px;padding:22px 24px;box-shadow:var(--shadow);min-height:148px}.speech p{margin:0;font-size:22px;font-weight:800}.speech small{display:block;margin-top:10px;color:var(--muted);font-size:16px;font-weight:600}.kuromi-wrap{justify-self:center;animation:fly-up .9s cubic-bezier(.2,.8,.2,1) both}.kuromi-wrap.idle{animation:bob 2.8s ease-in-out .9s infinite}.kuromi-button{border:0;background:transparent;padding:0}@keyframes fly-up{0%{transform:translateY(140%)}to{transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.choice,.wide-choice,.title-card,.food-card,.panel{background:var(--foam);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.choice,.wide-choice{text-decoration:none;padding:18px;display:flex;flex-direction:column;gap:6px;min-height:132px}.choice strong,.wide-choice strong{font-size:18px}.choice span,.wide-choice span{color:var(--muted);font-weight:700}.choice[data-cat=movies]{background:#fff4ea}.choice[data-cat=cartoons]{background:#f3fbf6}.choice[data-cat=dramas]{background:#fff0f4}.choice[data-cat=anime]{background:#f7f2ff}.wide-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:12px}.kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:var(--berry-deep)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:16px}.title-card{padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px;position:relative}.title-card h3{margin:0;font-size:22px}.title-card p{margin:0}.original{color:var(--muted);font-weight:700;font-size:13px}.blurb{color:var(--ink);font-weight:600}.rating{position:absolute;top:14px;right:14px;background:#fff;border-radius:999px;padding:4px 8px;font-weight:800;transform:rotate(3deg);border:1px solid var(--line)}.card-actions{display:flex;gap:8px;margin-top:auto}.btn,.ghost{border-radius:999px;padding:10px 14px;font-weight:800;text-decoration:none;border:0;display:inline-flex;align-items:center;justify-content:center}.btn{background:var(--berry);color:#fff}.btn:hover{background:var(--berry-deep)}.ghost{background:#fff;border:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.filters button,.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800}.filters button.on,.chip.on{background:var(--ink);color:#fff;border-color:transparent}.page-head{margin-top:18px}.page-head h1{font-size:clamp(32px,5vw,48px);margin:6px 0}.search{margin-top:12px;width:min(420px,100%);border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 16px}.detail{margin-top:18px;display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}.panel{padding:20px}.panel h2{margin:0 0 8px}.note{color:var(--muted);font-weight:700}.food-card{padding:16px}.food-card h3{margin:0 0 4px}.food-card p{margin:6px 0}.sweet-tag,.safe-tag{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800}.sweet-tag{background:#ffe0ea}.safe-tag{background:#e5f6ec}.banner{margin-top:12px;background:#f6d3c4;border-radius:18px;padding:12px 14px;font-weight:800}.quiz{display:grid;gap:10px;margin-top:16px}.quiz button{text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px 16px;font-weight:800}.quiz button small{display:block;font-weight:700;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}.calendar span,.calendar button{aspect-ratio:1;border-radius:14px;display:grid;place-items:center;font-weight:800}.calendar button{border:1px solid var(--line);background:#fff}.calendar button.on{background:#e56b8a;color:#fff;border-color:transparent}.calendar button.today{outline:2px solid var(--ink)}.dow{color:var(--muted);font-size:12px}.form{display:grid;gap:8px;margin-top:12px}.form input,.form select{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff}.check{display:flex;gap:8px;align-items:center;font-weight:800}.chat-log{display:grid;gap:10px;margin-top:16px}.msg{max-width:min(640px,100%);padding:12px 14px;border-radius:18px;white-space:pre-wrap}.msg.user{margin-left:auto;background:var(--ink);color:#fff;border-bottom-right-radius:6px}.msg.kuromi{background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}.picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.picks a{background:#fff0f4;border-radius:999px;padding:6px 10px;text-decoration:none;font-weight:800}.composer{position:sticky;bottom:12px;display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px;background:color-mix(in srgb,var(--paper) 90%,transparent);padding-top:8px}.composer input{border:1px solid var(--line);border-radius:999px;padding:12px 16px;background:#fff}.fab{position:fixed;right:16px;bottom:16px;z-index:5;width:72px;height:72px;border-radius:50%;border:0;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;text-decoration:none}.rain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.drop{position:absolute;top:-40px;border-radius:50%;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}.drop.pearl{background:radial-gradient(circle at 35% 35%,#fff,#6b422c 45%,#3d2b24)}.drop.pink{background:radial-gradient(circle at 35% 35%,#fff,#ffb4c8 45%,#e56b8a)}.drop.heart{width:12px!important;height:12px!important;background:#e56b8a;transform:rotate(45deg);border-radius:0}@keyframes fall{to{transform:translateY(110vh)}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loader-card{text-align:center}.loader-card p{font-family:Comfortaa,cursive;font-size:22px;margin:12px 0 4px}.cup-svg{width:min(240px,70vw);overflow:visible}.stream{transform-box:fill-box;transform-origin:top;animation:stream 2.5s ease forwards}.liquid{animation:fill 2.4s ease-in forwards}.pearl-drop{opacity:0;animation:pearl .8s ease-in forwards}@keyframes stream{0%{transform:scaleY(.2);opacity:0}18%{transform:scaleY(1);opacity:1}78%{opacity:1}to{opacity:0}}@keyframes fill{0%{transform:translateY(130px)}to{transform:translateY(0)}}@keyframes pearl{0%{transform:translateY(-70px);opacity:0}25%{opacity:1}to{transform:translateY(0);opacity:1}}.skip{margin-top:14px;background:transparent;border:0;color:var(--muted);font-weight:800}.app{position:relative;z-index:1}@media(max-width:800px){.stage,.detail,.wide-row,.choice-grid{grid-template-columns:1fr 1fr}.stage{grid-template-columns:1fr}.kuromi-wrap{order:-1}.site-header{flex-wrap:wrap}.speech p{font-size:18px}}@media(max-width:560px){.choice-grid,.wide-row,.detail{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.kuromi-wrap,.drop,.stream,.liquid,.pearl-drop{animation:none!important}.liquid{transform:none}.pearl-drop,.stream{opacity:1}}