:root{--bg: #fff7ec;--ink: #3a2d4f;--ink-soft: #6b5d80;--pink: #ff5d8f;--yellow: #ffd23f;--mint: #3ddc97;--blue: #4895ff;--purple: #b15dff;--orange: #ff8c42;--card: #ffffff;--shadow: 0 18px 40px rgba(108, 71, 255, .18);--radius: 24px;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:inherit;text-decoration:none}.app{position:relative;min-height:100%;overflow-x:hidden;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:18px 18px 64px;position:relative;z-index:1}.blob{position:fixed;border-radius:50%;filter:blur(40px);opacity:.5;z-index:0;pointer-events:none;animation:float 12s ease-in-out infinite}.blob-1{width:320px;height:320px;background:var(--pink);top:-80px;left:-90px}.blob-2{width:280px;height:280px;background:var(--blue);bottom:-100px;right:-80px;animation-delay:-4s}.blob-3{width:220px;height:220px;background:var(--yellow);top:40%;right:-60px;animation-delay:-8s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-26px) scale(1.06)}}.nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#fff7eccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(177,93,255,.12)}.brand{font-size:22px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(90deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-emoji{-webkit-text-fill-color:initial}.nav-links{display:flex;gap:8px}.nav-link{padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;color:var(--ink-soft);transition:all .15s}.nav-link:hover{background:#b15dff1a;color:var(--ink)}.nav-link.active{background:linear-gradient(90deg,var(--purple),var(--pink));color:#fff;box-shadow:0 6px 16px #ff5d8f59}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin-top:22px}.headline{font-size:30px;line-height:1.15;font-weight:900;margin:0 0 8px;letter-spacing:-.5px}.hl{background:linear-gradient(90deg,var(--orange),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.subhead{color:var(--ink-soft);margin:0 0 18px;font-size:15px}.form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-weight:800;font-size:14px;color:var(--ink)}.input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #ece3f5;border-radius:14px;background:#fbf8ff;color:var(--ink);transition:border .15s,box-shadow .15s}.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 4px #b15dff26}.dropzone{border:3px dashed #e2d3f5;border-radius:18px;background:#fbf8ff;min-height:180px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border .15s,background .15s}.dropzone:hover{border-color:var(--purple);background:#f6eeff}.dropzone.has-img{border-style:solid;padding:0}.dropzone-hint{text-align:center;color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}.dropzone-emoji{font-size:40px}.dropzone-hint small{opacity:.7}.preview{width:100%;max-height:320px;object-fit:contain;display:block}.btn{border:none;border-radius:999px;padding:13px 22px;font-weight:800;font-size:15px;cursor:pointer;transition:transform .12s,box-shadow .12s,opacity .12s}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{color:#fff;background:linear-gradient(90deg,var(--pink),var(--orange));box-shadow:0 10px 22px #ff5d8f59}.btn.primary:hover{box-shadow:0 12px 26px #ff5d8f73}.btn.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.big{padding:16px;font-size:18px}.btn.ghost{background:#f3edfb;color:var(--purple)}.fineprint{text-align:center;color:var(--ink-soft);font-size:12px;margin:4px 0 0}.banner{border-radius:12px;padding:12px 14px;font-weight:700;font-size:14px}.banner.block{background:#fff3d6;color:#9a6b00}.banner.error{background:#ffe1ea;color:#c1244f}.judging{position:relative;text-align:center;padding:40px 10px;overflow:hidden;border-radius:18px}.spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,210,63,.55),transparent 60%);animation:sway 2.4s ease-in-out infinite}@keyframes sway{0%,to{transform:translate(-20px)}50%{transform:translate(20px)}}.judging-emoji{font-size:64px;position:relative;animation:bounce 1.1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.judging-text{position:relative;font-weight:800;font-size:18px;margin:10px 0 14px}.dots{display:flex;gap:8px;justify-content:center;position:relative}.dots span{width:12px;height:12px;border-radius:50%;background:var(--purple);animation:blink 1.2s infinite ease-in-out}.dots span:nth-child(2){animation-delay:.2s;background:var(--pink)}.dots span:nth-child(3){animation-delay:.4s;background:var(--orange)}@keyframes blink{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.result-card{text-align:center;position:relative;overflow:hidden}.pop{animation:pop .5s cubic-bezier(.18,.89,.32,1.28)}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-emoji{font-size:56px}.result-img-wrap{width:200px;height:200px;margin:8px auto 14px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:4px solid #fff}.result-img{width:100%;height:100%;object-fit:cover}.result-img.placeholder,.row-img.placeholder{display:flex;align-items:center;justify-content:center;background:#f3edfb;font-size:40px}.result-name{font-weight:800;color:var(--ink-soft)}.score-big{font-size:88px;font-weight:900;line-height:1;letter-spacing:-3px;background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0}.score-out{font-size:28px;-webkit-text-fill-color:var(--ink-soft);letter-spacing:0}.item-tag{display:inline-block;background:linear-gradient(90deg,var(--blue),var(--mint));color:#fff;font-weight:800;padding:6px 16px;border-radius:999px;font-size:14px;text-transform:lowercase}.result-comment{font-size:20px;font-weight:700;line-height:1.4;margin:18px 6px 8px}.result-reaction{color:var(--ink-soft);margin:0 0 18px}.top10-banner{background:linear-gradient(90deg,var(--yellow),var(--orange));color:#7a4a00;font-weight:900;padding:12px;border-radius:14px;margin-bottom:16px}.consolation{color:var(--ink-soft);font-weight:600;margin-bottom:16px}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-16px;width:10px;height:16px;border-radius:2px;animation:fall 2.6s linear infinite}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(640px) rotate(540deg);opacity:0}}.board-wrap{margin-top:22px}.board-head{text-align:center;position:relative;margin-bottom:18px}.live-dot{display:inline-block;margin-top:4px;color:var(--mint);font-weight:800;font-size:13px;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.board{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.row{display:grid;grid-template-columns:52px 64px 1fr auto;align-items:center;gap:14px;background:var(--card);border-radius:18px;padding:12px 16px;box-shadow:0 10px 24px #6c47ff1a;transition:transform .25s}.row:hover{transform:translateY(-2px)}.rank{font-size:26px;font-weight:900;text-align:center;color:var(--ink-soft)}.row.rank-1{background:linear-gradient(100deg,#fff8e1,#fff);border:2px solid var(--yellow)}.row.rank-2{background:linear-gradient(100deg,#f3f6fb,#fff);border:2px solid #cdd7e6}.row.rank-3{background:linear-gradient(100deg,#fdeedd,#fff);border:2px solid var(--orange)}.row.is-me{outline:3px solid var(--purple);outline-offset:2px}.row-img-wrap{width:64px;height:64px;border-radius:14px;overflow:hidden}.row-img{width:100%;height:100%;object-fit:cover}.row-main{min-width:0}.row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-name{font-weight:800}.you-tag{margin-left:6px;font-size:11px;background:var(--purple);color:#fff;padding:1px 8px;border-radius:999px;vertical-align:middle}.row-item{font-size:12px;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--blue),var(--mint));padding:2px 10px;border-radius:999px;text-transform:lowercase}.row-comment{margin:4px 0 0}.row-comment .clamp-text{color:var(--ink-soft);font-size:14px;line-height:1.35}.clamp-wrap{min-width:0}.clamp-text{margin:0}.clamp-toggle{background:none;border:none;padding:2px 0 0;margin-top:2px;color:var(--purple);font-weight:800;font-size:12px;cursor:pointer}.clamp-toggle:hover{text-decoration:underline}.zoom-trigger{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:zoom-in;border-radius:inherit;overflow:hidden}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;background:#3a2d4fdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadein .18s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:16px;box-shadow:0 24px 60px #0006;cursor:default;animation:pop .25s cubic-bezier(.18,.89,.32,1.28)}.lightbox-close{position:absolute;top:14px;right:20px;font-size:38px;line-height:1;color:#fff;background:none;border:none;cursor:pointer}.row-score{font-size:30px;font-weight:900;letter-spacing:-1px;background:linear-gradient(180deg,var(--pink),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.board-loading,.board-empty{text-align:center;color:var(--ink-soft);padding:50px 10px}.board-empty-emoji{font-size:56px;margin-bottom:8px}.board-empty p{margin:0 0 16px;font-weight:700}.board-foot{text-align:center;margin-top:24px}@media (max-width: 560px){.headline{font-size:25px}.nav{padding:12px 14px}.brand{font-size:19px}.nav-link{padding:7px 11px;font-size:13px}.card{padding:20px}.score-big{font-size:72px}.row{grid-template-columns:40px 54px 1fr;grid-template-areas:"rank img main" "rank img score";row-gap:2px}.rank{grid-area:rank;font-size:20px}.row-img-wrap{grid-area:img;width:54px;height:54px}.row-main{grid-area:main}.row-score{grid-area:score;font-size:22px;text-align:left}.result-img-wrap{width:160px;height:160px}}@media (min-width: 561px){.main{padding-top:22px}}