.high-five-module[hidden]{display:none!important}.high-five-module{min-height:100svh;background:radial-gradient(circle at 83% 6%,#704e9a55,transparent 34%),radial-gradient(circle at 5% 72%,#26887d38,transparent 35%),#0b1021;color:#f7f4ed;font:15px/1.45 'Space Grotesk',system-ui,sans-serif}.high-five-module *{box-sizing:border-box}.five-top{position:relative}.five-local{font:700 10px 'DM Mono',monospace;letter-spacing:.1em;color:#a5f6e7}.five-shell{width:min(1100px,100%);margin:auto;padding:clamp(14px,3vw,30px) max(15px,env(safe-area-inset-right)) 80px}.five-hero{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:250px;padding:clamp(25px,5vw,50px);overflow:hidden;border:1px solid #a1f4e87a;border-radius:28px;background:radial-gradient(circle at 86% 45%,#8df6e644,transparent 26%),linear-gradient(110deg,#1a2c44,#2f2556 65%,#254b53);box-shadow:0 26px 75px #0005,inset 0 1px #fff5}.five-hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 7px,#fff1 8px);pointer-events:none}.five-hero>div:first-child{position:relative;z-index:1;max-width:700px}.five-kicker{color:#a6f4e7;font:800 11px 'DM Mono',monospace;letter-spacing:.18em}.five-hero h1{font-size:clamp(39px,7vw,78px);line-height:.96;letter-spacing:-.065em;margin:20px 0 18px}.five-hero h1 em{color:#a8f6e7;font-style:normal;text-shadow:0 0 35px #a8f6e777}.five-hero p:last-child{max-width:480px;margin:0;color:#dce5ee;font-size:clamp(15px,2vw,19px)}.five-hero-mark{font-size:clamp(80px,13vw,150px);transform:rotate(-15deg);filter:drop-shadow(0 0 18px #a8f6e7aa);white-space:nowrap}.five-hero-mark span{font-size:35px;color:#ffe49d}.five-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);align-items:start;gap:18px;margin-top:18px}.five-side{display:grid;gap:18px}.five-panel{border:1px solid #a9eae355;border-radius:24px;background:linear-gradient(150deg,#1b2943,#151e36 75%,#252044);padding:clamp(20px,3vw,30px);box-shadow:inset 0 1px #fff2,0 16px 44px #0003}.five-panel h2{font-size:clamp(22px,3vw,32px);line-height:1.1;margin:8px 0 20px}.five-form{display:grid;gap:17px}.five-form>label,.five-inbox>label{display:grid;gap:7px;color:#b3f4e8;font:800 11px 'DM Mono',monospace;letter-spacing:.09em}.five-form label span{color:#b9c8d6}.five-form :is(select,textarea),.five-inbox select{width:100%;min-height:47px;padding:11px 13px;border:1px solid #a1d9df88;border-radius:12px;background:#0e1a2e;color:#fff;font:15px system-ui}.five-form textarea{resize:vertical;min-height:90px}.five-form :is(select,textarea):focus-visible,.five-inbox select:focus-visible{outline:2px solid #a2f5e7;outline-offset:2px}.five-form fieldset{min-width:0;margin:0;padding:0;border:0}.five-form legend{margin-bottom:9px;color:#b3f4e8;font:800 11px 'DM Mono',monospace;letter-spacing:.09em}.five-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.five-kinds label{position:relative;cursor:pointer}.five-kinds input{position:absolute;opacity:0;width:1px;height:1px}.five-kinds span{display:grid;place-items:center;min-height:88px;padding:7px;text-align:center;border:1px solid #9ed9dc77;border-radius:14px;background:#25314c;color:#e7f1f2!important;font:700 12px system-ui;transition:transform .18s,box-shadow .18s,border-color .18s}.five-kinds span i{font-size:30px;font-style:normal}.five-kinds input:checked+span{background:linear-gradient(145deg,#254a53,#3d3062);border-color:#a3f6ea;box-shadow:0 0 23px #8df8e744;transform:translateY(-2px)}.five-kinds input:focus-visible+span{outline:2px solid #ffe79c;outline-offset:2px}.five-awards{display:flex;gap:8px;flex-wrap:wrap}.five-awards span{border:1px solid #b8f6d877;border-radius:999px;padding:8px 11px;background:#8df6de13;color:#c8ffe9;font:800 11px 'DM Mono',monospace}.five-primary,.five-empty button{min-height:52px;padding:12px 18px;border:0;border-radius:14px;background:linear-gradient(105deg,#9df2e5,#b7c5fa 65%,#f2b9dc);color:#14253d;font:900 12px 'DM Mono',monospace;letter-spacing:.07em;cursor:pointer;box-shadow:0 10px 32px #8df6e84a}.five-primary:hover,.five-empty button:hover{filter:brightness(1.1);transform:translateY(-2px)}.five-small,.five-disclaimer{color:#bfcedb;font-size:13px;line-height:1.5}.five-inbox h2{font-size:23px;margin-top:20px}.five-unread{display:grid;gap:8px}.five-unread button{width:100%;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #d6c4fb88;border-radius:14px;background:#40315e;color:#fff;text-align:left;cursor:pointer}.five-unread button span{font-size:28px}.five-unread button b{flex:1}.five-unread button small{color:#a9f7e8}.five-level{display:grid;gap:5px;margin-top:18px;padding:16px;border-radius:16px;background:#0d1e33}.five-level span,.five-level small{font:800 10px 'DM Mono',monospace;color:#b9e9e8;letter-spacing:.09em}.five-level strong{font-size:37px;line-height:1}.five-level progress{width:100%;accent-color:#9cf6e9}.five-future{background:linear-gradient(140deg,#292343,#1b2340)}.five-future>span{font:800 10px 'DM Mono',monospace;color:#e7bee3;letter-spacing:.1em}.five-future h3{margin:8px 0;font-size:20px}.five-future p{color:#d7d5e7;margin:0;font-size:13px}.five-wall{margin-top:18px}.five-wall h2{margin-bottom:12px}.five-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.five-feed article{display:flex;gap:13px;min-width:0;padding:16px;border:1px solid #a4ece65c;border-radius:17px;background:#14273d}.five-feed-icon{font-size:27px}.five-feed article div{min-width:0}.five-feed small{color:#a9e9e5;font:700 10px 'DM Mono',monospace}.five-feed h3{margin:4px 0;font-size:16px;overflow-wrap:anywhere}.five-feed p{margin:7px 0;color:#e7e7ed;white-space:pre-wrap;overflow-wrap:anywhere}.five-feed article div>span{font:700 10px 'DM Mono',monospace;color:#b9f4d5}.five-disclaimer{margin:18px 5px}.five-error,.five-notice{padding:13px 16px;border-radius:12px;background:#632640;color:#ffe1e8}.five-notice{background:#1c5044;color:#d5fff2}.five-empty{margin-top:18px;text-align:center}.five-empty p{color:#bdcddd}
.five-reveal{width:min(500px,calc(100vw - 26px));max-height:90svh;overflow:hidden;padding:0;border:1px solid #bcf6e8;border-radius:26px;background:radial-gradient(circle at 50% 34%,#55639d,#2c285a 50%,#12263c);color:#fff;box-shadow:0 0 80px #9cf9e388,0 35px 100px #000b}.five-reveal::backdrop{background:#080a1bce;backdrop-filter:blur(8px)}.five-reveal-content{position:relative;z-index:1;display:grid;place-items:center;text-align:center;padding:35px 25px 31px}.five-reveal-content small{font:900 11px 'DM Mono',monospace;letter-spacing:.17em;color:#adf8e7}.five-reveal-icon{font-size:100px;line-height:1.3;filter:drop-shadow(0 0 30px #b9f9e7);animation:fivePop .7s cubic-bezier(.2,1.3,.3,1) both}.five-reveal h2{font-size:clamp(35px,9vw,55px);letter-spacing:-.06em;margin:0}.five-reveal p{font-size:18px;margin:7px 0}.five-reveal blockquote{max-height:110px;overflow:auto;margin:12px 0;padding:10px 14px;border-left:2px solid #a7f5e6;color:#e7f6f2;font-size:15px;overflow-wrap:anywhere}.five-reveal strong{margin:15px 0 20px;color:#bafce2;font:900 20px 'DM Mono',monospace;text-shadow:0 0 22px #aaf5e8}.five-reveal button{min-height:49px;padding:10px 18px;border:0;border-radius:13px;background:#b9f5e8;color:#122238;font:900 11px 'DM Mono',monospace;cursor:pointer}.five-burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}.five-burst i{position:absolute;top:45%;left:50%;width:8px;height:16px;border-radius:3px;background:hsl(var(--h) 90% 78%);animation:fiveConfetti 1.5s ease-out both;animation-delay:calc(var(--i)*15ms)}@keyframes fivePop{from{transform:scale(.35) rotate(-25deg);opacity:0}60%{transform:scale(1.18) rotate(8deg)}to{transform:scale(1);opacity:1}}@keyframes fiveConfetti{to{transform:translate(var(--dx),var(--dy)) rotate(610deg);opacity:0}}
@media(max-width:760px){.five-layout{grid-template-columns:1fr}.five-hero{min-height:200px}.five-hero-mark{font-size:75px}.five-feed{grid-template-columns:1fr}.five-shell{padding-bottom:max(60px,env(safe-area-inset-bottom))}}@media(max-width:390px){.five-hero{padding:22px}.five-hero-mark{font-size:53px}.five-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}.five-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){.five-burst i,.five-reveal-icon{animation:none}.five-primary:hover,.five-empty button:hover{transform:none}.five-kinds span{transition:none}}