.page{position:relative;min-height:100vh;padding:40px 16px 56px;overflow:visible}.page__content{position:relative;animation:fadeUp .4s ease both}.window-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:none}.window-layer .dwindow{pointer-events:auto}@media (max-width: 720px){.hero-section{flex-wrap:wrap;padding:12px;gap:16px;border-radius:18px}.hero-section>.profile-card{flex:1 1 260px;min-width:0}.hero-section>.about-section{flex:1 1 260px;min-width:0}.divider{display:none}.page{padding:16px 10px 40px}}.decor__ink-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;background:var(--overlay-color, #000);clip-path:circle(0% at var(--ink-x, 90%) var(--ink-y, 90%));opacity:0}.decor__ink-overlay.is-active{animation:ink-splash 1.8s cubic-bezier(.65,0,.35,1) forwards}@keyframes ink-splash{0%{clip-path:circle(0% at var(--ink-x) var(--ink-y));opacity:0}6%{opacity:1}45%{clip-path:circle(150% at var(--ink-x) var(--ink-y));opacity:1}72%{clip-path:circle(150% at var(--ink-x) var(--ink-y));opacity:1}to{clip-path:circle(0% at var(--ink-x) var(--ink-y));opacity:0}}.decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.decor__shape{position:absolute;transform-origin:center;will-change:transform}.decor__shape--pink{color:var(--pink, #ff60b5)}.decor__shape--cream{color:var(--cream, #f7e1c6)}.decor__shape--yellow{color:var(--yellow, #fbc63a)}.decor__shape--a{top:4%;left:6%;width:46px;height:46px;animation:gerakA 6s ease-in-out infinite}@keyframes gerakA{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.decor__shape--b{top:8%;right:10%;width:56px;height:56px;animation:gerakB 7s ease-in-out infinite;animation-delay:.5s}@keyframes gerakB{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(25px) rotate(-180deg)}}.decor__shape--c{top:38%;right:4%;width:26px;height:26px;animation:gerakC 5s ease-in-out infinite;animation-delay:1s}@keyframes gerakC{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-15px,-20px) scale(1.3)}}.decor__shape--d{bottom:18%;left:3%;width:30px;height:30px;animation:gerakD 8s ease-in-out infinite;animation-delay:.3s}@keyframes gerakD{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(90deg)}}.decor__shape--e{bottom:6%;right:16%;width:24px;height:24px;animation:gerakE 4s ease-in-out infinite;animation-delay:1.5s}@keyframes gerakE{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(-20px) scale(1.4);opacity:1}}.decor__shape--f{bottom:4%;left:42%;width:38px;height:38px;animation:gerakF 9s ease-in-out infinite;animation-delay:.8s}@keyframes gerakF{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-10px,-15px) rotate(120deg)}}.decor__shape:hover{animation-play-state:paused;transform:scale(1.2);transition:transform .3s ease}.decor__squid-wrap{position:absolute;bottom:2%;right:5%;z-index:9;pointer-events:auto}.decor__squid{display:block;width:clamp(190px,9vw,170px);cursor:pointer;-webkit-user-select:none;user-select:none;filter:hue-rotate(160deg) saturate(.8) brightness(.9) drop-shadow(0 0 8px rgba(77,182,172,.5));animation:squid-float 4s ease-in-out infinite;transition:filter .3s ease,transform .3s ease}.decor__squid:hover{transform:translateY(-12px) rotate(-3deg);filter:var(--squid-recolor) drop-shadow(0 0 8px rgba(77,182,172,.9)) drop-shadow(0 0 20px rgba(77,182,172,.6)) drop-shadow(0 0 40px rgba(77,182,172,.3))}.decor__squid--surprised{filter:var(--squid-recolor) drop-shadow(0 0 14px rgba(255,96,181,.6))}@keyframes squid-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.decor__squid-bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(6px) scale(.9);margin-bottom:10px;background:var(--cream, #f7e1c6);color:#1a2b3c;font-family:inherit;font-size:.8rem;font-weight:700;padding:8px 14px;border-radius:12px;white-space:nowrap;box-shadow:0 4px 10px #0003;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.decor__squid-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--cream, #f7e1c6)}.decor__squid-bubble.is-visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.decor__angler-wrap{position:absolute;bottom:60px;left:24px;z-index:50;pointer-events:none;opacity:0;transform:translate(-30px);transition:opacity .5s ease,transform .5s ease;animation:angler-float 4s ease-in-out infinite}.decor__angler-wrap.is-active{pointer-events:auto;opacity:1;transform:translate(0)}.decor__angler{display:block;width:clamp(220px,8vw,140px);cursor:pointer;-webkit-user-select:none;user-select:none;filter:hue-rotate(160deg) saturate(.8) brightness(.9) drop-shadow(0 0 8px rgba(77,182,172,.5));transition:filter .3s ease}.decor__angler:hover{filter:drop-shadow(0 0 8px rgba(255,200,0,.9)) drop-shadow(0 0 20px rgba(255,200,0,.6)) drop-shadow(0 0 40px rgba(255,200,0,.3))}.decor__angler--nyala{filter:drop-shadow(0 0 14px rgba(255,200,0,.9)) drop-shadow(0 0 40px rgba(255,200,0,.6))}@keyframes angler-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.decor__seaweed{color:var(--pink, #4DB6AC);opacity:.5}.decor__seaweed--a{bottom:0;left:2%;width:32px;height:90px;animation:sway 4s ease-in-out infinite}.decor__seaweed--b{bottom:0;left:8%;width:24px;height:70px;animation:sway 5s ease-in-out infinite;animation-delay:.8s;opacity:.35}.decor__seaweed--c{bottom:0;right:3%;width:28px;height:80px;animation:sway 4.5s ease-in-out infinite;animation-delay:1.2s;opacity:.4}@keyframes sway{0%,to{transform:rotate(-6deg) translate(0);transform-origin:bottom center}50%{transform:rotate(6deg) translate(3px);transform-origin:bottom center}}.decor__bubble{color:var(--cream, #EAF6FF);opacity:0}.decor__bubble--a{width:18px;height:18px;left:12%;bottom:10%;animation:floatUp 6s ease-in infinite 0s}.decor__bubble--b{width:12px;height:12px;left:25%;bottom:5%;animation:floatUp 8s ease-in infinite 1.5s}.decor__bubble--c{width:22px;height:22px;left:60%;bottom:8%;animation:floatUp 7s ease-in infinite .8s}.decor__bubble--d{width:10px;height:10px;right:15%;bottom:12%;animation:floatUp 9s ease-in infinite 2s}.decor__bubble--e{width:16px;height:16px;right:28%;bottom:6%;animation:floatUp 6.5s ease-in infinite 3s}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.5}80%{opacity:.3;transform:translateY(-120px) scale(1.1) translate(10px)}to{opacity:0;transform:translateY(-160px) scale(.8) translate(-5px)}}.decor__starfish{color:var(--yellow, #7DD3FC);opacity:.55}.decor__starfish--a{width:38px;height:38px;bottom:3%;left:18%;animation:slowSpin 12s linear infinite}.decor__starfish--b{width:28px;height:28px;top:15%;right:2%;animation:slowSpin 16s linear infinite reverse;opacity:.4}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.decor__shell{color:var(--tan, #6EC6FF);opacity:.5}.decor__shell--a{width:32px;height:32px;bottom:2%;right:22%;animation:shellBob 5s ease-in-out infinite}.decor__shell--b{width:24px;height:24px;bottom:4%;left:38%;animation:shellBob 6s ease-in-out infinite;animation-delay:1s;opacity:.35}@keyframes shellBob{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-6px)}}@media (max-width: 768px){.decor__squid-wrap,.decor__angler-wrap,.decor__seaweed,.decor__bubble,.decor__starfish,.decor__shell{display:none!important}}.navbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--cream-soft);border-bottom:var(--border-thick) solid var(--ink);border-radius:calc(var(--radius-card) - 4px) calc(var(--radius-card) - 4px) 0 0}.navbar__icons{display:flex;align-items:center;gap:8px;list-style:none;flex-wrap:wrap}.navbar__btn{width:32px;height:32px;border-radius:var(--radius-pill);border:var(--border-thin) solid var(--ink);background:var(--cream);color:var(--ink);display:grid;place-items:center;transition:transform .15s ease,background .15s ease}.navbar__btn:hover{background:var(--pink);color:var(--cream-soft);transform:translateY(-2px)}.navbar__avatar{margin-left:6px}.navbar__avatar-img{width:34px;height:34px;border-radius:var(--radius-pill);border:var(--border-thin) solid var(--ink);background:linear-gradient(145deg,var(--tan),var(--pink))}.navbar__page{display:flex;align-items:center;gap:10px;font-family:var(--font-display);letter-spacing:.08em}.navbar__page-mark{font-size:1.1rem;color:var(--pink-dark);border:var(--border-thin) solid var(--ink);border-radius:6px;padding:2px 8px;background:var(--cream)}.navbar__page-num{font-size:1rem;color:var(--ink);opacity:.55}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 560px){.navbar__icons li:nth-last-child(-n+3){display:none}}.stats-bar{display:flex;list-style:none;background:var(--pink);border:var(--border-thick) solid var(--ink);border-radius:var(--radius-pill);overflow:hidden;width:fit-content}.stats-bar__item{display:flex;align-items:center;gap:6px;padding:8px 14px;color:var(--cream-soft);font-family:var(--font-mono);font-size:.8rem;font-weight:700;border-right:var(--border-thin) solid var(--ink)}.stats-bar__item:last-child{border-right:none}.card{position:relative;z-index:1;width:min(100%,920px);margin:0 auto;background:var(--cream);border-radius:var(--radius-card);box-shadow:0 0 0 6px var(--pink),0 0 0 9px var(--ink),0 18px 40px #0e264259;overflow:hidden}.profile-card{flex:1}.card__body{display:grid;grid-template-columns:160px 1fr}.card__rail{display:flex;flex-direction:column;gap:22px;padding:22px 16px;border-right:var(--border-thick) solid var(--ink);background:var(--cream-soft)}.card__field{display:flex;flex-direction:column;gap:2px}.card__field-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.8}.card__field-value{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.04em;line-height:1.2}.card__field-value--big{font-size:2.8rem;color:var(--pink-dark);line-height:1}.card__field--name .card__field-value{font-size:.85rem;font-family:var(--font-body);font-weight:700}.card__back{margin-top:auto;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;border:var(--border-thin) solid var(--cream);border-radius:var(--radius-pill);background:var(--tan);font-family:var(--font-mono);font-size:.7rem;color:var(--cream);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card__back:hover{background:var(--yellow)}.card__photo{position:relative;padding:18px 18px 64px;display:flex;align-items:center;justify-content:center}.card__photo-img{width:100%;height:100%;object-fit:cover;object-position:center 5%}.card__photo-frame{width:100%;aspect-ratio:16 / 11;border:var(--border-thick) solid var(--cream);border-radius:18px;overflow:hidden}.card__photo-placeholder{width:100%;height:100%}.card__photo-placeholder img{width:100%;height:100%;object-fit:cover;object-position:center 15%;display:block}.card__photo-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--text-on-overlay);background:#00000059;padding:6px 12px;border-radius:var(--radius-pill)}.card__name{position:absolute;left:8%;bottom:18px;display:flex;flex-direction:column;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,5rem);line-height:.95;letter-spacing:.03em;color:var(--pink);-webkit-text-stroke:3px var(--ink);text-stroke:3px var(--ink);text-shadow:4px 4px 0 var(--ink);pointer-events:none}.card__stats{position:absolute;right:28px;bottom:22px}.card__next{position:absolute;top:50%;right:24px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--pink);color:var(--cream-soft);border:var(--border-thin) solid var(--ink);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.card__next:hover{background:var(--pink-dark)}.card__footer{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:16px;padding:18px 22px;border-top:var(--border-thick) solid var(--ink);background:var(--cream-soft)}.card__footer-block{display:flex;align-items:center;gap:14px}.card__footer-block--center{justify-content:center;gap:10px}.card__footer-block--end{flex-direction:column;align-items:flex-end;gap:8px;text-align:right}.card__years{font-family:var(--font-display);font-size:1.1rem;color:var(--pink-dark)}.card__media{position:relative;width:56px;height:56px;border-radius:var(--radius-pill);border:var(--border-thick) solid var(--ink);overflow:hidden;background:linear-gradient(160deg,var(--pink),var(--blue));flex-shrink:0}.card__media-thumb{width:100%;height:100%}.card__media-arrows{position:absolute;right:-6px;bottom:-2px;display:flex;flex-direction:column;background:var(--cream);border:var(--border-thin) solid var(--cream);border-radius:999px;padding:2px}.card__player-btn{width:32px;height:32px;border-radius:var(--radius-pill);border:var(--border-thin) solid var(--cream);background:var(--tan);display:grid;color:var(--cream);place-items:center}.card__player-btn--play{background:var(--pink);color:var(--cream-soft);width:38px;height:38px}.card__player-btn:hover{background:var(--yellow)}.card__visualizer{flex:1;height:46px;border:var(--border-thin) solid var(--cream);border-radius:10px;display:flex;align-items:center;justify-content:space-evenly;padding:0 8px;gap:2px}.card__visualizer-bar{width:3px;background:var(--pink);border-radius:2px;height:40%;animation:bar-bounce 1.6s ease-in-out infinite}.card__visualizer-bar:nth-child(odd){animation-delay:.2s;height:70%}.card__visualizer-bar:nth-child(3n){animation-delay:.4s;height:90%}@keyframes bar-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.card__tags{display:flex;gap:6px}.card__tag{padding:4px 12px;border:var(--border-thin) solid var(--cream);border-radius:var(--radius-pill);background:var(--yellow);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase}.card__tag:hover{transform:translateY(-4px)}.card__location{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:700}@media (max-width: 720px){.card__body{grid-template-columns:1fr}.card__rail{flex-direction:row;flex-wrap:wrap;justify-content:space-between;border-right:none;border-bottom:var(--border-thick) solid var(--ink)}.card__back{margin-top:0}.card__photo{flex-direction:column;align-items:stretch;padding:14px 14px 18px;gap:14px}.card__photo-frame{aspect-ratio:16 / 10}.card__name{position:static;text-align:left;font-size:clamp(1.8rem,9vw,2.6rem);text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:2px var(--ink);padding:0 4px;pointer-events:auto}.card__stats{position:static}.card__next{display:none}.card__footer{grid-template-columns:1fr;gap:16px}.card__footer-block{width:100%;justify-content:space-between}.card__media{width:44px;height:44px;flex-shrink:0}.card__media-arrows{display:none}.card__footer-block--center{justify-content:flex-start;background:var(--cream);border:var(--border-thin) solid var(--ink);border-radius:var(--radius-pill);padding:6px 10px}.card__footer-block--end{align-items:flex-start;text-align:left}.card__tags{flex-wrap:wrap}}@media (max-width: 480px){.card__photo{padding:12px 12px 14px}.card__rail{gap:14px;padding:14px 12px}.card__field-value{font-size:.9rem}.card__footer{padding:14px 16px}.card__visualizer{height:38px}.card__name{font-size:clamp(1.6rem,10vw,2.2rem)}}.card__launcher-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);border:var(--border-thin) solid var(--ink);background:var(--cream);font-family:var(--font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);cursor:pointer;transition:background .15s,color .15s,transform .1s}.card__visualizer[data-playing=true] .card__visualizer-bar{animation-play-state:running}.card__visualizer[data-playing=false] .card__visualizer-bar,.card__visualizer:not([data-playing]) .card__visualizer-bar{animation-play-state:paused;transform:scaleY(.3)}.card__launcher-btn:hover{background:var(--tan);color:var(--cream);transform:translateY(-2px)}.card__launcher-btn--pink{background:var(--pink);color:var(--cream-soft);border-color:var(--pink-dark)}.card__launcher-btn--pink:hover{background:var(--pink-dark)}.site-footer{position:relative;z-index:1;width:min(100%,920px);margin:28px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 28px;background:var(--cream-soft);border-radius:var(--radius-pill);border:var(--border-thick) solid var(--ink)}.site-footer__text{font-family:var(--font-display);font-size:1rem;color:var(--blue-deep)}.site-footer__links{display:flex;gap:8px;list-style:none}.site-footer__link{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-pill);border:var(--border-thin) solid var(--ink);background:var(--pink);color:var(--cream-soft);text-decoration:none}.site-footer__link:hover{background:var(--yellow);color:var(--ink)}.site-footer__copy{font-family:var(--font-mono);font-size:.7rem;color:var(--ink);opacity:.6}@media (max-width: 560px){.site-footer{justify-content:center;text-align:center}}:root{--blue: #0B3C5D;--red-deep: #072A40;--blue-deep: #4691d6;--cream: #EAF6FF;--cream-soft: #F5FBFF;--pink: #4DB6AC;--pink-dark: #2E8B83;--yellow: #7DD3FC;--tan: #6EC6FF;--ink: #0F172A;--squid-recolor: hue-rotate(160deg) saturate(1.25) brightness(1.05);--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "Baloo 2", "Segoe UI", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--radius-card: 28px;--radius-pill: 999px;--border-thick: 3px;--border-thin: 2px}[data-theme=dark]{--blue: #202027;--red-deep: #050506;--blue-deep: #ed4444;--cream: #15151C;--cream-soft: #1C1C26;--pink: #f33333;--pink-dark: #c71f1f;--yellow: #e8ba4e;--tan: #FF8C42;--ink: #F4F1EA;--squid-recolor: }*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--blue);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}a{color:inherit}.halftone{position:relative;background-color:var(--blue);background-image:radial-gradient(rgba(255,255,255,.16) 1.4px,transparent 1.6px);background-size:13px 13px}.halftone--deep{background-color:var(--red-deep);background-image:radial-gradient(rgba(255,255,255,.1) 1.4px,transparent 1.6px);background-size:11px 11px}.outline{border:var(--border-thick) solid var(--ink)}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}