:root{font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--bg-cream: #fff8ef;--bg-peach: #ffe7dc;--bg-pink: #ffd8e8;--bg-mint: #d5f8ea;--ink: #3f2f2f;--ink-soft: #6a5656;--card: #fffdfb;--card-border: #f6c8c8;--accent: #ff7a8f;--accent-deep: #ea5d75;--accent-soft: #ffd5dd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 0%,rgba(255,151,179,.28),transparent 35%),radial-gradient(circle at 95% 10%,rgba(179,245,221,.35),transparent 30%),linear-gradient(160deg,var(--bg-cream),var(--bg-peach) 55%,var(--bg-pink))}button{border-radius:999px;border:2px solid transparent;padding:.55rem 1.1rem;font-size:.95rem;font-weight:700;font-family:inherit;color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-deep));cursor:pointer;transition:transform .18s ease,filter .18s ease}button:hover{transform:translateY(-1px);filter:saturate(1.05)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}button:focus-visible{outline:3px solid #ffb2c0;outline-offset:2px}#root{width:100%}.app-shell{width:min(1080px,100% - 2rem);margin:0 auto;padding:1.25rem 0 2.25rem}.app-header{text-align:center;background:linear-gradient(145deg,#fffc,#ffecf3eb);border:2px solid var(--card-border);border-radius:24px;padding:1.2rem 1rem 1.1rem;box-shadow:0 14px 30px #ec5d7526}.app-header h1{margin:0;font-size:clamp(1.45rem,3.2vw,2rem);line-height:1.2}.eyebrow{margin:0;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}.subtitle{margin:.55rem 0 0;color:var(--ink-soft);font-size:.97rem}.top-nav{margin:1rem auto 1.35rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.nav-link{padding:.5rem .95rem;border-radius:999px;border:2px solid #f7bbc7;background:#ffffffb8;font-weight:700;color:#7a5252;transition:transform .15s ease,background-color .2s ease}.nav-link:hover{transform:translateY(-1px);background:#ffe5ec}.nav-link.active{background:linear-gradient(140deg,#ffcad7,#ffc4d8 50%,#ffd4be);border-color:#ff9db0}.page-wrap{background:#ffffffa6;border:2px solid #f5ccd4;border-radius:24px;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.section-stack{display:grid;gap:.95rem}.section-title{margin:.15rem 0;font-size:1.35rem}.section-divider{height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#ffb9c8,transparent);margin:.35rem 0}.status-card{background:#fff8fa;border:2px solid #ffd2dd;border-radius:16px;padding:.7rem .9rem;color:#6f5353}.status-card.error{background:#fff2f2;border-color:#ffb8b8;color:#8a2d42}.card-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.compact-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cute-card{background:linear-gradient(160deg,var(--card),#fff4ee);border:2px solid var(--card-border);border-radius:18px;padding:.85rem;box-shadow:0 10px 20px #ff8fa51f}.cute-card h3{margin:0 0 .4rem;font-size:1.02rem}.cute-card p{margin:0}.action-card{display:grid;gap:.65rem;align-content:space-between}.history-card{display:grid;gap:.35rem}.profile-card{display:grid;gap:.35rem;max-width:460px}.point-badge{display:inline-block;width:fit-content;background:linear-gradient(120deg,var(--bg-mint),#f2fff8);border:1px solid #9de4c7;color:#2b5b4f;border-radius:999px;padding:.2rem .6rem;font-weight:700}.chip{display:inline-block;width:fit-content;border:1px solid var(--accent-soft);border-radius:999px;background:#fff3f7;color:#7f4a58;padding:.2rem .55rem;font-size:.88rem}.muted{color:var(--ink-soft);font-size:.88rem}@media(max-width:680px){.app-shell{width:calc(100% - 1rem);padding-top:.7rem}.page-wrap{padding:.8rem}.app-header{border-radius:18px}}:root{--bg-cream: #fff1f4;--bg-peach: #ffdbe5;--bg-pink: #ffc8db;--bg-mint: #ffe8f0;--ink: #4b2030;--ink-soft: #7a4252;--card: #fff7fa;--card-border: #f8a9c0;--accent: #ff4f85;--accent-deep: #d93d6f;--accent-soft: #ffc1d5;--sparkle: #fff6fb}body{position:relative;background:radial-gradient(circle at 8% 2%,rgba(255,120,162,.3),transparent 28%),radial-gradient(circle at 90% 5%,rgba(255,166,194,.28),transparent 26%),repeating-linear-gradient(45deg,#ffffff4d 0 14px,#ffe8f04d 14px 28px),linear-gradient(160deg,var(--bg-cream),var(--bg-peach) 55%,var(--bg-pink));overflow-x:hidden}body:before,body:after{content:"❤";position:fixed;left:0;top:0;width:1px;height:1px;pointer-events:none;z-index:0}body:before{font-size:22px;color:#d93d6f42;text-shadow:6vw 12vh rgba(255,79,133,.35),14vw 40vh rgba(217,61,111,.3),22vw 72vh rgba(255,120,162,.25),30vw 22vh rgba(255,79,133,.32),38vw 58vh rgba(217,61,111,.28),46vw 84vh rgba(255,120,162,.28),54vw 16vh rgba(255,79,133,.34),62vw 48vh rgba(217,61,111,.26),70vw 78vh rgba(255,120,162,.3),78vw 28vh rgba(255,79,133,.3),86vw 60vh rgba(217,61,111,.28),94vw 10vh rgba(255,120,162,.32),10vw 88vh rgba(255,79,133,.28),18vw 56vh rgba(217,61,111,.27),26vw 6vh rgba(255,120,162,.3),34vw 90vh rgba(255,79,133,.26),42vw 34vh rgba(217,61,111,.34),50vw 68vh rgba(255,120,162,.3),58vw 2vh rgba(255,79,133,.3),66vw 92vh rgba(217,61,111,.25),74vw 44vh rgba(255,120,162,.34),82vw 74vh rgba(255,79,133,.29),90vw 36vh rgba(217,61,111,.31);animation:heartsFloatLarge 13s ease-in-out infinite}body:after{font-size:14px;color:#ff4f8538;text-shadow:4vw 20vh rgba(255,79,133,.25),9vw 62vh rgba(255,120,162,.24),13vw 86vh rgba(217,61,111,.2),17vw 30vh rgba(255,79,133,.22),21vw 52vh rgba(255,120,162,.22),25vw 76vh rgba(217,61,111,.2),29vw 8vh rgba(255,79,133,.25),33vw 42vh rgba(255,120,162,.22),37vw 66vh rgba(217,61,111,.2),41vw 96vh rgba(255,79,133,.24),45vw 14vh rgba(255,120,162,.22),49vw 38vh rgba(217,61,111,.22),53vw 82vh rgba(255,79,133,.24),57vw 24vh rgba(255,120,162,.2),61vw 58vh rgba(217,61,111,.22),65vw 90vh rgba(255,79,133,.23),69vw 12vh rgba(255,120,162,.22),73vw 46vh rgba(217,61,111,.2),77vw 70vh rgba(255,79,133,.24),81vw 2vh rgba(255,120,162,.2),85vw 34vh rgba(217,61,111,.22),89vw 54vh rgba(255,79,133,.22),93vw 80vh rgba(255,120,162,.2),97vw 18vh rgba(217,61,111,.22);animation:heartsFloatSmall 9s ease-in-out infinite}#root,.app-shell{position:relative;z-index:1}.app-header{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff4f9eb,#ffd6e5f2);box-shadow:0 14px 30px #d93d6f2e;border-color:#f697b6;animation:headerPulse 4s ease-in-out infinite}.app-header:before{content:"❤ ❤ ❤";position:absolute;right:14px;top:8px;font-size:.88rem;letter-spacing:.24rem;color:#d93d6f52}.app-header:after{content:"";position:absolute;left:-20%;top:0;width:40%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.4) 48%,transparent 100%);transform:skew(-20deg);animation:sheenSlide 6s ease-in-out infinite}.nav-link.active{background:linear-gradient(140deg,#ffb4cb,#ff9ec0 55%,#ffd2de)}.cute-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff8fb,#ffeef5);box-shadow:0 10px 22px #d93d6f24;border-color:#f4a0ba;transition:transform .2s ease,box-shadow .2s ease}.cute-card:before{content:"❤";position:absolute;right:10px;top:8px;font-size:.8rem;color:#d93d6f40}.cute-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px #d93d6f33}.point-badge{background:linear-gradient(120deg,#ffddeb,#fff4f8);border-color:#f5a3bf;color:#8b2d4b}.gain-badge{background:linear-gradient(120deg,#dbffe9,#f4fff8);border-color:#9fe8c0;color:#1f6d4f;box-shadow:inset 0 0 0 1px #ffffff8c}button{background:linear-gradient(120deg,#ff4f85,#df3d70);box-shadow:0 6px 14px #d93d6f3d}button:hover{filter:saturate(1.08) brightness(1.02)}.chip{background:linear-gradient(120deg,#ffe1ec,#fff1f7);border-color:#f9abc3}.section-divider{background:linear-gradient(90deg,transparent,#ff8bb0,transparent)}@keyframes heartsFloatLarge{0%{transform:translateY(0);opacity:.85}50%{transform:translateY(-18px);opacity:1}to{transform:translateY(0);opacity:.85}}@keyframes heartsFloatSmall{0%{transform:translateY(0);opacity:.65}50%{transform:translateY(-12px);opacity:.95}to{transform:translateY(0);opacity:.65}}@keyframes headerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.006)}}@keyframes sheenSlide{0%,72%{transform:translate(-140%) skew(-20deg)}to{transform:translate(380%) skew(-20deg)}}@media(prefers-reduced-motion:reduce){body:before,body:after,.app-header,.app-header:after{animation:none}}