:root{--red:#d32f2f;--red-dark:#9a1f1f;--red-soft:#fdecec;--bg:#fff5f5;--card:#fff;--text:#1c1414;--muted:#8a7676;--border:rgba(211,47,47,.18);--shadow:0 6px 24px rgba(211,47,47,.1)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--red);text-decoration:none}.app{max-width:560px;margin:0 auto;padding:20px 18px 96px}.brand{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:20px;color:var(--red);margin:4px 0 18px}.brand svg{display:block}h1{font-size:24px;margin:0 0 6px}h2{font-size:18px;margin:0 0 10px}p.lead{color:var(--muted);margin:0 0 20px;line-height:1.5}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border-radius:12px;border:none;background:var(--red);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--red-soft);color:var(--red-dark)}.btn.ghost{background:transparent;color:var(--red);border:1px solid var(--border)}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:16px;color:var(--text);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(211,47,47,.14)}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin:0 0 6px}.field{margin-bottom:14px}input[type=range]{padding:0;accent-color:var(--red)}.rank-item{gap:12px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:0 14px;margin-bottom:8px;height:56px}.rank-badge,.rank-item{display:flex;align-items:center}.rank-badge{width:26px;height:26px;border-radius:50%;background:var(--red);color:#fff;justify-content:center;font-size:13px;font-weight:700;flex:0 0 26px}.rank-weight{margin-left:auto;font-size:12px;color:var(--muted);font-weight:600}.drag-handle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:-webkit-grab;cursor:grab;touch-action:none;border-radius:8px}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing;background:var(--red-soft);color:var(--red-dark)}.meter-row{margin-bottom:14px}.meter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.meter-name{font-size:14px;font-weight:600}.meter-weight{font-size:11px;color:var(--muted);font-weight:600}.meter-val{font-size:14px;font-weight:700;color:var(--red)}.bar{height:9px;background:var(--red-soft);overflow:hidden}.bar,.bar>span{border-radius:6px}.bar>span{display:block;height:100%;background:var(--red);transition:width .35s ease}.segmented{display:flex;gap:6px}.segmented button{flex:1 1;padding:8px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--muted);font-weight:600;font-size:13px;cursor:pointer}.segmented button.active{background:var(--red);color:#fff;border-color:var(--red)}.tabbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0 10px}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);font-weight:600}.tabbar a.active{color:var(--red)}.tabbar svg{display:block}.notice{display:flex;align-items:center;gap:10px;background:var(--red-soft);border:1px solid var(--border);border-radius:12px;padding:10px 12px 10px 14px;margin-bottom:12px;font-size:14px;color:var(--red-dark)}.notice span{flex:1 1}.notice-btn{flex:0 0 auto;border:none;background:var(--red);color:#fff;font-weight:600;font-size:13px;padding:7px 14px;border-radius:9px;cursor:pointer}.toast{background:var(--text);color:#fff;border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:14px;text-align:center}.act{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.act:last-child{border-bottom:none}.act-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.act-main{flex:1 1;min-width:0}.act-title{font-size:14px;font-weight:600}.act-sub{font-size:12px}.act-sub,.muted{color:var(--muted)}.muted{font-size:13px}.row{display:flex;gap:10px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:5px;gap:5px}.cal-wd{text-align:center;font-size:11px;font-weight:600;color:var(--muted);padding-bottom:2px}.cal-day{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:13px}.cal-day,.cal-nav{border-radius:9px;border:1px solid var(--border)}.cal-nav{width:34px;height:34px;background:var(--red-soft);color:var(--red-dark);font-size:18px;line-height:1;cursor:pointer}.cal-nav:disabled{opacity:.35;cursor:not-allowed}.cal-legend{display:flex;gap:16px;justify-content:center;margin-top:14px;font-size:12px;color:var(--muted)}.cal-legend span{display:flex;align-items:center;gap:5px}.cal-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.heart-bubble{animation-name:heartBubble;animation-timing-function:ease-in;animation-iteration-count:infinite;transform-box:fill-box;transform-origin:center;will-change:transform,opacity}@keyframes heartBubble{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.9}85%{opacity:.7}to{transform:translateY(-78px) scale(1);opacity:0}}.heart-wave{animation:heartWave 2.6s linear infinite}@keyframes heartWave{0%{transform:translateX(0)}to{transform:translateX(-40px)}}.heart-gold{animation:heartGold 1.1s ease-in-out infinite}@keyframes heartGold{0%,to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,196,0,0))}50%{filter:brightness(1.4) drop-shadow(0 0 10px rgba(255,196,0,.7))}}