:root{--font-display:"Hiragino Mincho ProN","Yu Mincho","Avenir Next","Georgia",serif;--font-body:"Hiragino Kaku Gothic ProN","Yu Gothic","Avenir Next","Helvetica Neue",sans-serif;--bg-0:#06131c;--bg-1:#0b2231;--bg-2:#123246;--ink:#f7fbff;--muted:#b4c6d4;--accent:#7ef7ff;--accent-2:#ffe1a8;--accent-3:#78ffb7;--card:rgba(10,28,40,.58);--border:hsla(0,0%,100%,.16);--shadow:0 40px 120px rgba(3,10,22,.62);--radius:30px}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%}body{color:var(--ink);background:radial-gradient(900px 700px at 15% 10%,rgba(126,247,255,.24),transparent 60%),radial-gradient(900px 700px at 80% 20%,rgba(255,225,168,.18),transparent 65%),radial-gradient(1200px 900px at 30% 85%,rgba(120,255,183,.2),transparent 70%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 55%,var(--bg-2));font-family:var(--font-body,system-ui),sans-serif;position:relative;overflow-x:hidden}body:before{inset:-35% -15%;background:conic-gradient(from 120deg,hsla(0,0%,100%,.18),rgba(126,247,255,.35),rgba(255,225,168,.25),rgba(120,255,183,.32),hsla(0,0%,100%,.18));mix-blend-mode:screen;opacity:.4;filter:blur(120px);animation:prismDrift 22s ease-in-out infinite}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:-1}body:after{inset:-20%;background:radial-gradient(500px 360px at 20% 30%,hsla(0,0%,100%,.1),transparent 60%),radial-gradient(520px 420px at 75% 25%,rgba(126,247,255,.16),transparent 65%),radial-gradient(560px 480px at 60% 80%,rgba(120,255,183,.16),transparent 70%);opacity:.7;animation:crystalFloat 28s ease-in-out infinite}main{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.hero{position:relative;padding:96px 6vw 72px;overflow:hidden}.hero:before{content:"";position:absolute;inset:-20% -10% auto;height:60%;background:conic-gradient(from 90deg,rgba(126,247,255,.32),rgba(120,255,183,.24),rgba(255,225,168,.2),hsla(0,0%,100%,.12));filter:blur(90px);opacity:.75;z-index:0}.card{position:relative;z-index:1;border:1px solid transparent;border-radius:var(--radius);padding:32px;background:linear-gradient(180deg,rgba(10,28,40,.72),rgba(8,18,28,.55)) padding-box,linear-gradient(130deg,hsla(0,0%,100%,.55),rgba(126,247,255,.45),rgba(255,225,168,.35)) border-box;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}.title{font-family:var(--font-display,system-ui);font-size:clamp(32px,5vw,64px);letter-spacing:.04em;margin:0 0 12px;text-shadow:0 10px 40px rgba(126,247,255,.25)}.subtitle{font-size:clamp(16px,2vw,20px);color:var(--muted);max-width:680px;margin:0 0 8px}.email-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.post-shell{display:grid;grid-gap:24px;gap:24px;margin-top:36px}.post-header{display:flex;flex-direction:column;gap:8px}.post-meta{font-size:13px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent)}.post-body{font-size:clamp(18px,2.4vw,24px);line-height:1.7;white-space:pre-wrap}.post-image{width:100%;border-radius:24px;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 18px 60px rgba(6,20,36,.55)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.button{padding:12px 18px;border-radius:999px;background:linear-gradient(120deg,var(--accent),var(--accent-3));color:#03232e;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button.secondary{background:rgba(7,25,36,.55);color:var(--ink);border:1px solid hsla(0,0%,100%,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 40px rgba(126,247,255,.35)}.emoji-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.emoji-float{position:absolute;font-size:22px;opacity:.8;animation:floatUp 7s linear infinite}@keyframes floatUp{0%{transform:translateY(0) scale(.8) rotate(0deg);opacity:0}10%{opacity:1}to{transform:translateY(-120vh) scale(1.3) rotate(12deg);opacity:0}}.notice{background:rgba(126,247,255,.12);border:1px solid rgba(126,247,255,.35);color:var(--ink);padding:14px 16px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.notice small{color:var(--muted)}@keyframes prismDrift{0%,to{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(-4%,-2%,0) rotate(12deg)}}@keyframes crystalFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-4%,0) scale(1.05)}}@media (prefers-reduced-motion:reduce){.emoji-float,body:after,body:before{animation:none}}@media (min-width:960px){.post-shell{grid-template-columns:1.1fr .9fr;align-items:start}}.user-hero{gap:48px}.user-hero,.user-profile{display:flex;flex-direction:column;align-items:center}.user-profile{gap:32px;z-index:1}.user-info{text-align:center}.user-name{font-family:var(--font-display);font-size:clamp(28px,4vw,48px);margin:0 0 8px;text-shadow:0 8px 32px rgba(126,247,255,.3)}.user-bio{color:var(--muted);font-size:16px;margin:0 0 24px}.user-stats{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-size:24px;color:var(--accent)}.stat-label{font-size:12px;letter-spacing:.1em}.stat.streak .stat-value{color:var(--accent-2)}.user-card{width:100%;max-width:600px}.avatar-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.avatar-glow{position:absolute;inset:-20px;background:radial-gradient(circle,var(--accent,#7ef7ff) 0,transparent 70%);opacity:.4;filter:blur(30px);animation:glowPulse 3s ease-in-out infinite}.avatar-frame{position:relative;width:160px;height:160px;border-radius:50%;padding:4px;background:linear-gradient(135deg,rgba(126,247,255,.8),rgba(120,255,183,.6),rgba(255,225,168,.7));box-shadow:0 0 40px rgba(126,247,255,.4),0 20px 60px rgba(0,0,0,.3)}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg-1)}.avatar-swirl{position:absolute;inset:-60px;pointer-events:none}.swirl-particle{position:absolute;top:50%;left:50%;font-size:20px;transform-origin:center;animation:swirlOrbit var(--duration,8s) linear infinite;animation-delay:var(--delay,0s);opacity:.8}@keyframes swirlOrbit{0%{transform:rotate(var(--angle,0deg)) translateX(var(--distance,100px)) rotate(calc(-1 * var(--angle, 0deg))) scale(.8);opacity:.4}25%{opacity:1}50%{transform:rotate(calc(var(--angle, 0deg) + 180deg)) translateX(var(--distance,100px)) rotate(calc(-1 * (var(--angle, 0deg) + 180deg))) scale(1.1);opacity:.9}75%{opacity:1}to{transform:rotate(calc(var(--angle, 0deg) + 1turn)) translateX(var(--distance,100px)) rotate(calc(-1 * (var(--angle, 0deg) + 1turn))) scale(.8);opacity:.4}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.emo-counter{position:absolute;bottom:-10px;right:-10px;display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:linear-gradient(135deg,rgba(10,28,40,.9),rgba(6,19,28,.95));border:1px solid rgba(126,247,255,.4);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.emo-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.emo-value{font-size:20px;font-weight:700;color:var(--accent-3)}.emo-counter.negative .emo-value{color:#ff6b6b;animation:negativeGlow 1.5s ease-in-out infinite}@keyframes negativeGlow{0%,to{text-shadow:0 0 10px hsla(0,100%,71%,.5)}50%{text-shadow:0 0 20px hsla(0,100%,71%,.8)}}@media (prefers-reduced-motion:reduce){.avatar-glow,.emo-counter.negative .emo-value,.swirl-particle{animation:none}}.lp-hero{gap:40px;padding-top:60px}.lp-hero,.lp-sample{display:flex;flex-direction:column;align-items:center}.lp-sample{gap:20px;z-index:1}.lp-sample-caption{display:flex;flex-direction:column;align-items:center;gap:4px}.emo-progress{font-size:24px;font-weight:700;color:var(--accent);text-shadow:0 4px 20px rgba(126,247,255,.4)}.emo-status{font-size:14px;color:var(--accent-2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.lp-card{width:100%;max-width:800px;text-align:center}.lp-card .subtitle{margin:0 auto 24px}.lp-flow{justify-content:center;gap:12px;flex-wrap:wrap;margin:32px 0;padding:24px;background:rgba(0,0,0,.2);border-radius:20px}.lp-flow,.lp-step{display:flex;align-items:center}.lp-step{flex-direction:column;gap:8px;padding:16px;min-width:100px}.lp-step-icon{font-size:32px}.lp-step-text{display:flex;flex-direction:column;align-items:center;gap:2px}.lp-step-text strong{font-size:14px;color:var(--ink)}.lp-step-text span{font-size:11px;color:var(--muted)}.lp-arrow{font-size:20px;color:var(--accent);opacity:.6}.lp-note{max-width:600px;text-align:center;z-index:1}.lp-note p{font-size:14px;color:var(--muted);line-height:1.8}.lp-note strong{color:var(--accent-2)}.lp-card .actions{justify-content:center}@media (max-width:768px){.lp-flow{flex-direction:column;gap:8px}.lp-arrow{transform:rotate(90deg)}.lp-step{flex-direction:row;width:100%;justify-content:flex-start;padding:12px}.lp-step-text{align-items:flex-start}}.post-page{min-height:100vh;display:flex;flex-direction:column}.manga-frame{position:relative;width:100%;max-width:100vw;aspect-ratio:1/1;background:#fff;overflow:hidden}.manga-background{position:absolute;inset:0}.manga-bg-image{width:100%;height:100%;object-fit:cover}.manga-bg-placeholder{width:100%;height:100%;background:#fff}.manga-particles{position:absolute;inset:0;pointer-events:none}.manga-character-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;gap:12px;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}.manga-character-bar .character-avatar{width:56px;height:56px;flex-shrink:0}.manga-character-bar .speech-bubble{flex:1 1;max-width:calc(100% - 80px)}.manga-character-bar .speech-bubble-content{background:hsla(0,0%,100%,.95);padding:10px 14px;border-radius:16px;border-bottom-left-radius:4px}.manga-character-bar .speech-text{font-size:14px;line-height:1.5;color:#222;margin:0}.manga-post-id{position:absolute;top:12px;right:12px;font-size:12px;color:rgba(0,0,0,.4);background:hsla(0,0%,100%,.8);padding:4px 8px;border-radius:8px}.character-area{display:flex;align-items:flex-start;gap:16px}.character-avatar{flex-shrink:0;width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid var(--accent);box-shadow:0 4px 20px rgba(126,247,255,.3)}.character-image{width:100%;height:100%;object-fit:cover}.speech-bubble{position:relative;flex:1 1;max-width:100%}.speech-bubble-content{background:hsla(0,0%,100%,.95);color:#222;padding:16px 20px;border-radius:20px;border-bottom-left-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.speech-bubble-left .speech-bubble-content{border-bottom-left-radius:20px;border-bottom-right-radius:4px}.speech-bubble-tail{position:absolute;bottom:8px;left:-8px;width:0;height:0;border:8px solid transparent;border-right-color:hsla(0,0%,100%,.95);border-left:0}.speech-bubble-left .speech-bubble-tail{left:auto;right:-8px;border-right:0;border-left:8px solid hsla(0,0%,100%,.95)}.speech-text{margin:0;font-size:16px;line-height:1.6;white-space:pre-wrap}.post-meta-bar{display:flex;gap:12px;margin-top:16px;padding-left:80px;font-size:12px;color:var(--muted)}.post-id{color:var(--accent)}.reactions-section{padding:20px;border-top:1px solid var(--border)}.emo-reactions{display:flex;flex-direction:column;gap:16px}.emo-total{display:flex;align-items:baseline;gap:8px;justify-content:center}.emo-total-count{font-size:48px;font-weight:700;color:var(--accent);text-shadow:0 4px 20px rgba(126,247,255,.4)}.emo-total-label{font-size:18px;color:var(--muted)}.emo-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.emo-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all .15s ease;min-width:60px}.emo-btn:hover{background:rgba(126,247,255,.15);border-color:var(--accent);transform:translateY(-2px)}.emo-btn.tapped,.emo-btn:active{transform:scale(1.2)}.emo-btn-emoji{font-size:24px}.emo-btn-count{font-size:12px;color:var(--muted)}.emo-goal{display:flex;flex-direction:column;gap:8px;align-items:center}.emo-progress-bar{width:100%;max-width:300px;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.emo-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-3));border-radius:4px;transition:width .3s ease}.emo-goal-text{font-size:12px;color:var(--muted)}.share-section{padding:20px;display:flex;justify-content:center;border-top:1px solid var(--border)}.share-button{padding:12px 24px;background:#000;color:#fff;border-radius:999px;font-weight:600;transition:transform .2s ease}.share-button:hover{transform:scale(1.05)}@media (max-width:480px){.character-avatar{width:48px;height:48px}.speech-bubble-content{padding:12px 16px}.speech-text{font-size:14px}.post-meta-bar{padding-left:64px}.emo-total-count{font-size:36px}.emo-btn{padding:10px 12px;min-width:50px}.emo-btn-emoji{font-size:20px}}.user-page{min-height:100vh}.manga-timeline{padding:24px 20px;max-width:600px;margin:0 auto}.timeline-title{font-size:18px;color:var(--muted);margin:0 0 20px;padding-left:8px;border-left:3px solid var(--accent)}.manga-panels{display:flex;flex-direction:column;gap:20px}.manga-panel-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.manga-panel-link:hover{transform:translateX(4px)}.manga-panel-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);border-radius:16px;transition:background .2s ease,border-color .2s ease}.manga-panel-item:hover{background:rgba(126,247,255,.05);border-color:rgba(126,247,255,.3)}.panel-avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid var(--accent)}.panel-avatar img{width:100%;height:100%;object-fit:cover}.manga-panel-item .speech-bubble{flex:1 1}.manga-panel-item .speech-bubble-content{padding:12px 16px;font-size:14px}.panel-emo{display:flex;align-items:center;padding-left:8px}.panel-emo-count{font-size:14px;color:var(--accent-2);white-space:nowrap}.user-actions{display:flex;gap:12px;justify-content:center;padding:24px 20px 48px}.user-actions .button{display:flex;align-items:center;gap:8px}.user-logged-in{display:flex;align-items:center;gap:12px}.user-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.user-name-small{font-size:14px;color:var(--muted)}.lp-header{position:absolute;top:24px;right:24px;z-index:10}.post-button-wrapper{position:relative}.post-options{display:flex;flex-wrap:wrap;gap:8px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.lp-header{top:16px;right:16px}.post-options{flex-direction:column;width:100%}.post-options .button{width:100%;justify-content:center}}.pull-to-refresh{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:var(--card);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);pointer-events:none}.pull-spinner{font-size:24px;color:var(--accent)}.pull-text{font-size:12px;color:var(--muted);white-space:nowrap}.legal-page{min-height:100vh;padding:48px 24px}.legal-content{max-width:720px;margin:0 auto;background:var(--card);border-radius:var(--radius);padding:48px;border:1px solid var(--border)}.legal-content h1{font-family:var(--font-display);font-size:28px;margin-bottom:8px}.legal-content .last-updated{color:var(--muted);font-size:14px;margin-bottom:32px}.legal-content h2{font-size:20px;margin-top:32px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.legal-content h3{font-size:16px;margin-top:24px;margin-bottom:12px}.legal-content p{line-height:1.8;margin-bottom:16px;color:var(--muted)}.legal-content ul{margin-bottom:16px;padding-left:24px}.legal-content li{line-height:1.8;margin-bottom:8px;color:var(--muted)}.legal-content strong{color:var(--ink)}@media (max-width:768px){.legal-content{padding:24px}}.stats-page{min-height:100vh;padding:48px 24px}.stats-content{max-width:800px;margin:0 auto}.stats-content h1{font-family:var(--font-display);font-size:48px;text-align:center;margin-bottom:8px}.stats-tagline{text-align:center;color:var(--muted);font-size:18px;margin-bottom:48px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-bottom:48px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center}.stat-card.stat-primary{background:linear-gradient(135deg,rgba(126,247,255,.1),rgba(120,255,183,.1));border-color:var(--accent)}.stat-value{font-family:var(--font-display);font-size:48px;font-weight:700;color:var(--ink);margin-bottom:8px}.stat-primary .stat-value{color:var(--accent)}.stat-label{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.stats-milestone{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;margin-bottom:48px}.stats-milestone h2{font-size:20px;margin-bottom:24px}.milestone-list{display:flex;flex-direction:column;gap:16px}.milestone{display:flex;align-items:center;gap:12px;color:var(--muted)}.milestone.done{color:var(--accent-3)}.milestone-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}.milestone.done .milestone-icon{background:var(--accent-3);color:var(--bg-0)}.stats-footer{text-align:center}.stats-footer p{font-size:20px;color:var(--muted);margin-bottom:24px}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:36px}}