:root{--pink:#ff5a7e;--pink2:#ffd5de;--brown:#3c2424;--muted:#8a6c6c;--green:#3aa866;--red:#ff4966;--gold:#f5a623;--card:rgba(255,255,255,.86)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;color:var(--brown);background:linear-gradient(135deg,#fffaf4,#fff1f4 50%,#fffdf8);min-height:100vh}.app{width:min(1180px,92vw);margin:0 auto;padding:28px 0 48px}.card{background:var(--card);border:1px solid #ffc3cf;border-radius:24px;box-shadow:0 20px 60px rgba(255,90,126,.13);backdrop-filter:blur(8px)}.hero{display:grid;grid-template-columns:1fr 190px 220px;gap:24px;align-items:center;padding:34px 28px;margin-bottom:18px}.eyebrow{margin:0 0 12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#7d5b5b}.hero h1{font-size:46px;line-height:1.1;margin:0}.hero h1 span,.quote{color:var(--pink)}.subtitle{font-size:16px;color:#7d5b5b}.quote{font-weight:700}.pig-main{width:180px;border-radius:20px;object-fit:contain}.score-box{border:1px solid #ffb3c3;border-radius:20px;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff7f9}.score-box span{color:#876565}.score-box strong{font-size:56px;color:var(--pink);line-height:1}.score-box small{color:#9a7777;font-weight:700;margin-top:8px}.login{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px;margin-bottom:18px}.login h2,.panel h2,.history-card h2,.admin-panel h2{margin:0}.login p{margin:6px 0 0;color:var(--muted)}.login-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}input,select,button{font:inherit;border-radius:14px;border:1px solid #ffc0cc;padding:12px 14px}input,select{background:white;color:var(--brown)}button{border:none;background:var(--pink);color:white;font-weight:800;cursor:pointer;transition:.15s transform,.15s opacity}button:hover{transform:translateY(-1px)}button:disabled{background:#d6c6c6;cursor:not-allowed;transform:none}.secondary{background:#ffe3e9;color:#9b4155}.mini{padding:7px 11px;border-radius:10px;font-size:13px}.grid{display:grid;gap:16px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1.1fr .9fr}.panel,.history-card,.love-note,.admin-panel{padding:20px;margin-bottom:16px}.green{border-color:#bfe8cd}.red{border-color:#ffbdca}.gold{border-color:#ffd48a}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.list,.history{display:grid;gap:10px}.item{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:#fffafa;border:1px solid #f3d2d8;border-radius:16px;padding:12px}.icon{font-size:22px}.name{font-weight:800}.meta{font-size:13px;color:var(--muted);margin-top:3px}.points{font-weight:900}.plus{color:var(--green)}.minus{color:var(--red)}.actions{display:flex;gap:6px;flex-wrap:wrap}.danger{background:#6c4a52}.tabs{display:flex;gap:8px;margin:14px 0}.tab{background:#ffe3e9;color:#9b4155}.tab.active{background:var(--pink);color:white}.form{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.form button{grid-column:span 1}.hint{color:var(--muted);font-size:13px}.history .item{grid-template-columns:auto 1fr auto}.love-note{display:flex;align-items:center;justify-content:space-around;gap:20px;line-height:2;font-size:18px}.love-note img{width:220px;border-radius:20px}footer{text-align:center;color:#b5838d;margin-top:10px}.hidden{display:none!important}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#3c2424;color:white;padding:12px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:9}.bg-hearts:before,.bg-hearts:after{content:"♥";position:fixed;color:#ffd1dc;font-size:32px;z-index:-1;animation:float 6s ease-in-out infinite}.bg-hearts:before{left:4%;top:22%}.bg-hearts:after{right:5%;top:70%;animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@media(max-width:900px){.hero,.three,.two{grid-template-columns:1fr}.pig-main{width:150px}.score-box{min-height:120px}.login{align-items:stretch;flex-direction:column}.login-actions{justify-content:stretch}.login-actions input,.login-actions button{width:100%}.form{grid-template-columns:1fr}.hero h1{font-size:36px}.love-note{flex-direction:column}.love-note img{width:170px}.item{grid-template-columns:auto 1fr}.actions{grid-column:1/-1}}