@font-face{font-family:Lobster;src:url('/assets/lobster.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--pink:#e71987;--ink:#8c2059;--white:#fff9fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f4a0c9;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:320px;min-height:100svh;background:radial-gradient(ellipse at 50% 48%,#ffe9f4 0%,#ffd3e9 30%,#f7afd3 62%,#ee80b6 100%);background-attachment:fixed}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #831552;outline-offset:6px}
.home{width:min(1100px,100%);margin:auto;min-height:100svh;padding:25px 30px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
.masthead{position:relative;z-index:4;width:100%;text-align:center;flex-shrink:0}
.masthead h1{font-family:Lobster,"Brush Script MT",cursive;font-size:clamp(70px,12.5vw,156px);font-weight:400;line-height:1.14;letter-spacing:-.025em;color:#ed198c;margin:0;transform:rotate(-6deg);paint-order:stroke fill;-webkit-text-stroke:9px #fff9fc;text-shadow:0 9px 0 #c8257c,0 14px 22px #b3337130}
.portrait-stage{position:relative;width:100%;height:clamp(420px,59svh,660px);margin-top:0;display:flex;align-items:flex-end;justify-content:center}
.halo{position:absolute;width:min(58vw,590px);aspect-ratio:1;bottom:4%;border-radius:50%;background:radial-gradient(circle,#fff9fc6e 0%,#fff9fc30 67%,#fff9fc08 68%);border:1px solid #fff9fc75;box-shadow:0 0 0 28px #fff9fc12,0 0 0 29px #fff9fc25;z-index:-1}
.portrait-cutout{position:absolute;inset:0;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;z-index:2;mask-image:linear-gradient(#000 94%,transparent 100%)}
.portrait{height:148%;width:auto;max-width:70%;object-fit:contain;object-position:top;display:block;position:relative;filter:drop-shadow(9px 9px 0 #ffffffa8) drop-shadow(0 10px 18px #a7236020)}
.sparkle{position:absolute;color:#fffafa;font-family:Georgia,serif;line-height:1;z-index:1;text-shadow:0 3px 9px #e7479a35;user-select:none}
.sparkle-one{font-size:58px;left:20%;top:14%;transform:rotate(12deg)}
.sparkle-two{font-size:35px;right:20%;top:8%}
.sparkle-three{font-size:76px;right:16%;bottom:19%;transform:rotate(-12deg)}
.sparkle-four{font-size:28px;left:34%;bottom:15%}
.stat{position:absolute;z-index:3;width:176px;background:#fff5fbe0;border:1px solid #ffffffed;box-shadow:0 12px 32px #a1306710;backdrop-filter:blur(14px);border-radius:24px;padding:20px 22px;display:flex;flex-direction:column;align-items:center;gap:6px}
.followers{left:13%;top:45%;transform:rotate(-7deg)}
.growth{right:9%;top:43%;transform:rotate(6deg);width:205px}
.stat-label{font-size:14px;font-weight:600;white-space:nowrap}
.stat-value{font-size:42px;font-weight:500;line-height:1;color:#d33d89}
.stat-note{font-size:12px;color:#9d4b77}
.empty-chart{width:100%;height:52px;background:repeating-linear-gradient(to top,transparent 0 16px,#f2d2e3 16px 17px);display:grid;place-items:center;font-size:25px;color:#d33d89}
.main-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(610px,100%);position:relative;z-index:4;margin-top:17px}
.section-link{min-height:72px;border:2px solid #fffaff;box-shadow:0 6px 0 #e391bd,0 10px 25px #c63b8219,inset 0 1px 1px #fff;background:linear-gradient(180deg,#fffaff,#ffebf6);border-radius:23px;display:flex;align-items:center;justify-content:center;gap:13px;padding:16px 22px;color:#b1226c;font-size:18px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}
.section-link svg{width:25px;height:25px;flex-shrink:0}
.section-link:hover{transform:translateY(-3px);background:#fffaff;box-shadow:0 9px 0 #e391bd,0 12px 25px #c63b8229}
.section-link:active{transform:translateY(4px);box-shadow:0 2px 0 #e391bd}
.placeholder{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px 22px}
.small-logo{font-family:Lobster,"Brush Script MT",cursive;font-size:clamp(43px,9vw,70px);color:var(--pink);paint-order:stroke fill;-webkit-text-stroke:4px white;transform:rotate(-6deg);display:block;margin-bottom:55px}
.placeholder h1{font-size:clamp(30px,6vw,48px);line-height:1.2;margin:0 0 15px;font-weight:650;letter-spacing:-.03em}
.placeholder p{font-size:18px;margin:0 0 32px;color:#9b3a6c}
.placeholder .section-link{min-width:210px;font-size:16px;min-height:58px}
@media(max-width:700px){.home{padding:31px 20px 30px}.masthead h1{font-size:clamp(63px,14.1vw,100px);-webkit-text-stroke:6px #fff9fc;text-shadow:0 6px 0 #c8257c,0 9px 15px #b3337130}.portrait-stage{height:clamp(400px,57svh,580px);margin-top:13px}.portrait{max-width:79%;height:133%;filter:drop-shadow(6px 6px 0 #ffffffa8) drop-shadow(0 8px 16px #a7236020)}.halo{width:86%;bottom:15%;box-shadow:0 0 0 16px #fff9fc12,0 0 0 17px #fff9fc25}.stat{width:124px;padding:14px 13px;border-radius:19px}.followers{left:0;top:55%}.growth{right:0;top:60%;width:133px}.stat-label{font-size:12px}.stat-value{font-size:32px}.stat-note{font-size:12px}.empty-chart{height:39px}.sparkle-one{left:9%;top:15%;font-size:42px}.sparkle-two{right:6%;top:6%}.sparkle-three{right:8%;bottom:15%;font-size:45px}.sparkle-four{left:13%;bottom:13%}.main-links{gap:12px;margin-top:19px}.section-link{font-size:15px;min-height:64px;padding:13px 10px;gap:8px;border-radius:20px}.section-link svg{width:21px;height:21px}}
@media(max-width:370px){.home{padding-left:14px;padding-right:14px}.stat{width:109px;padding:13px 9px}.growth{width:119px}.stat-label{font-size:12px}.section-link{font-size:14px;gap:6px}.section-link svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.section-link{transition:none}}