:root{color-scheme:light;--ink:#161616;--muted:#6b6b6b;--paper:#fffdfa;--line:#161616;--red:#f22929;--blue:#2f68d8;--green:#28a765;--secret:#18110f;--shadow:5px 5px 0 #1616162e}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);letter-spacing:0;user-select:none;background:0 0;margin:0;font-family:Inter,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;transition:color .26s,background-color .26s;position:relative;overflow-x:hidden}img{-webkit-user-drag:none;user-select:none}body:before,body:after{z-index:-1;pointer-events:none;content:"";transition:opacity .32s;position:fixed;inset:0}body:before{opacity:1;background:linear-gradient(#fffdfad1,#fffdfaeb),url(/assets/chibibibi_header_pc.png) 50%/cover}body:after{opacity:0;background:linear-gradient(#18110f2e,#18110f70),url(/assets/bibi_header_youtube.png) 50%/cover}body[data-mode=bibi]{--ink:#fff7f0;--muted:#cdbfb2;--line:#fff7f0;--secret:#f22929;--shadow:5px 5px 0 #f2292952;background:0 0}body[data-mode=bibi]:before{opacity:0}body[data-mode=bibi]:after{opacity:1}a{color:inherit}.site-shell{align-content:start;gap:24px;width:min(520px,100% - 28px);min-height:100vh;margin:0 auto;padding:clamp(42px,8vw,76px) 0;display:grid}.profile-area{text-align:center;justify-items:center;gap:10px;display:grid}.avatar-stack{width:clamp(112px,28vw,144px);height:clamp(112px,28vw,144px);position:relative}.avatar-image{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100%;height:100%;transition:opacity .24s,border-color .24s,box-shadow .24s;position:absolute;inset:0;box-shadow:0 18px 42px #1616162e}.avatar-secret,body[data-mode=bibi] .avatar-primary{opacity:0}body[data-mode=bibi] .avatar-secret{opacity:1;border-color:#f2292961;box-shadow:0 0 0 1px #ffffff1a,0 28px 52px #0000005c}.eyebrow{color:var(--red);text-transform:uppercase;margin:10px 0 0;font-size:.78rem;font-weight:800;line-height:1;position:relative}.brand-title{place-items:center;min-height:clamp(4.1rem,16vw,6.6rem);margin:0;font-size:clamp(3.8rem,16vw,6.4rem);font-weight:900;line-height:.92;display:grid;position:relative}.toggle-line{transition:opacity .22s}.toggle-line-secret,body[data-mode=bibi] .toggle-line-primary{opacity:0;pointer-events:none}body[data-mode=bibi] .toggle-line-secret{opacity:1;pointer-events:auto}.brand-word{white-space:nowrap;align-items:baseline;display:inline-flex}.brand-prefix{transition:opacity .26s,transform .26s,filter .26s}.brand-core{cursor:pointer;padding-inline:.02em;transition:color .26s,transform .26s,text-shadow .26s}body[data-mode=bibi] .brand-prefix{opacity:0;filter:blur(1px);transform:translate(-.35em)}body[data-mode=bibi] .brand-core{color:#fff7f0;text-shadow:0 0 24px #f229293d;transform:translate(-1em)}.description{color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;line-height:1.7}.links-switcher{display:grid}.links-area{gap:14px;transition:opacity .26s,max-height .26s;display:grid;overflow:visible}.primary-links{max-height:320px}body[data-mode=bibi] .primary-links{opacity:0;pointer-events:none;max-height:0;overflow:hidden}.link-card{min-height:118px;color:var(--ink);border:2px solid var(--line);border-left:7px solid var(--accent);box-shadow:var(--shadow);background:#fffdfa;border-radius:6px;gap:10px;padding:18px 58px 18px 18px;text-decoration:none;transition:color .26s,transform .16s,background-color .26s,border-color .26s,box-shadow .18s;display:grid;position:relative;overflow:hidden}body[data-mode=bibi] .link-card{color:#fff7f0;background:#201816;border-color:#fff7f0}.link-card:hover,.link-card:focus-visible{border-color:var(--accent);outline:none;box-shadow:3px 3px #1616163d}body[data-mode=bibi] .link-card:hover,body[data-mode=bibi] .link-card:focus-visible{box-shadow:3px 3px #f2292957}.accent-red{--accent:var(--red)}.accent-blue{--accent:var(--blue)}.accent-green{--accent:var(--green)}.accent-secret{--accent:var(--secret)}.link-main{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.link-title{font-size:clamp(1.36rem,4vw,1.86rem);font-weight:900;line-height:1.08}.link-label{color:var(--accent);font-size:.92rem;font-weight:900;line-height:1.4}.link-description{max-width:34rem;color:var(--muted);font-size:.95rem;font-weight:650;line-height:1.7}.link-arrow{width:32px;height:32px;color:var(--accent);background:0 0;border:2px solid;border-radius:999px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.link-arrow svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.threshold-area{justify-items:center;min-height:2.8rem;margin:-6px 0 0;display:grid}.bibi-toggle{min-width:10.5rem;min-height:2.55rem;color:var(--muted);font:inherit;letter-spacing:0;cursor:pointer;opacity:0;visibility:hidden;border:2px solid var(--line);background:#fffdfa;border-radius:999px;padding:0 22px;font-size:.88rem;font-weight:900;transition:opacity .18s,visibility .18s,color .22s,background-color .22s,border-color .22s,box-shadow .22s,transform .18s;position:relative;box-shadow:3px 3px #1616162e}.bibi-toggle:hover,.bibi-toggle:focus-visible{color:var(--ink);outline:none;transform:translateY(-1px)}body[data-mode=bibi] .bibi-toggle{color:#fff7f0b8;opacity:1;visibility:visible;background:#201816;border-color:#fff7f0e0;box-shadow:3px 3px #f2292957}body[data-bibi-confirmed=true]:not([data-mode=bibi]) .bibi-toggle{opacity:1;visibility:visible}.toggle-line{place-items:center;display:grid;position:absolute;inset:0}.secret-links{opacity:0;pointer-events:none;max-height:0;overflow:hidden}body[data-mode=bibi] .secret-links{opacity:1;pointer-events:auto;max-height:180px;overflow:visible}.secret-card{color:#fff7f0;background:#201816;border-color:#fff7f0;min-height:118px}.secret-card .link-description{color:#cdbfb2}.confirm-dialog{color:#fff7f0;background:0 0;border:0;width:min(420px,100% - 32px);padding:0}.confirm-dialog::backdrop{background:linear-gradient(#18110f61,#18110f8a),url(/assets/chibibibi_header_pc.png) 50%/cover}.confirm-card{border:2px solid #fff7f0;border-left:7px solid var(--red);background:#201816;border-radius:6px;padding:24px;box-shadow:5px 5px #f2292957}.confirm-kicker{color:var(--red);text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:900;line-height:1}.confirm-title{color:#fff7f0;margin:0;font-size:1.35rem;font-weight:900;line-height:1.45}.confirm-body{color:#cdbfb2;margin:12px 0 0;font-size:.98rem;font-weight:750;line-height:1.7}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.confirm-button{min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:999px;font-weight:900}.confirm-button-primary{color:#201816;background:#fff7f0}.confirm-button-secondary{color:#cdbfb2}.confirm-button:hover,.confirm-button:focus-visible{border-color:var(--red);outline:none}@media (width<=820px){body{background-attachment:scroll}.site-shell{min-height:auto;padding:34px 0 44px}.link-card{min-height:118px;padding:18px 56px 18px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}