.companion-themed-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;color:#fff;font-family:Inter,Noto Sans SC,sans-serif;animation:companion-lock-reveal .52s ease-out both}.companion-lock-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:var(--lock-theme-opacity,1);transition:opacity .3s ease}.companion-lock-wallpaper>i{position:absolute;pointer-events:none}.companion-themed-lock--tech{color:#dce7ff;background:#08101f}.companion-themed-lock--tech .companion-lock-wallpaper{background:radial-gradient(74% 48% at 50% 24%,rgba(90,124,196,.42),transparent 68%),radial-gradient(42% 30% at 10% 70%,rgba(76,197,220,.1),transparent 72%),linear-gradient(180deg,#101a31,#091225 54%,#050a14)}.companion-themed-lock--tech .companion-lock-wallpaper:before{content:"";position:absolute;left:50%;top:38%;width:min(90vw,68vh);aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(143,169,215,.22);box-shadow:0 0 0 12px #8fa9d706,0 0 0 13px #8fa9d71a,inset 0 0 80px #5a7cc40f}.companion-themed-lock--tech .companion-lock-wallpaper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49.85%,rgba(143,169,215,.12) 50%,transparent 50.15%),linear-gradient(180deg,transparent 49.85%,rgba(143,169,215,.08) 50%,transparent 50.15%);background-size:100% 25%,25% 100%;-webkit-mask-image:linear-gradient(transparent 8%,black 20% 78%,transparent 94%);mask-image:linear-gradient(transparent 8%,black 20% 78%,transparent 94%)}.companion-themed-lock--tech .companion-lock-wallpaper>i:nth-child(1){left:9%;top:20%;width:6px;height:6px;transform:rotate(45deg);background:#8fa9d7;box-shadow:72vw 18vh #8fa9d7b3,16vw 42vh #6cd7e080}.companion-lock-tech-head{position:absolute;left:5%;right:5%;top:max(4.5%,calc(var(--safe-top,0px) + 1rem));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding-bottom:.55rem;border-bottom:1px solid rgba(143,169,215,.28)}.companion-lock-tech-head svg{width:clamp(20px,4.5vw,30px);height:clamp(20px,4.5vw,30px);color:#8fa9d7}.companion-lock-tech-head span{font-size:clamp(7px,1.35vw,10px);font-weight:800;letter-spacing:.24em}.companion-lock-tech-head i{color:#dce7ff66;font-size:clamp(7px,1.2vw,9px);font-style:normal;letter-spacing:.16em}.companion-lock-time{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center}.companion-lock-time strong{font-variant-numeric:tabular-nums}.companion-lock-time--tech{top:25%}.companion-lock-time--tech small{color:#8fa9d7;font-size:clamp(7px,1.2vw,10px);font-weight:700;letter-spacing:.26em}.companion-lock-time--tech strong{font:500 clamp(70px,18vw,122px)/.92 Georgia,serif;letter-spacing:-.065em;text-shadow:0 0 38px rgba(98,137,221,.25)}.companion-lock-time--tech>span{margin-top:4%;color:#dce7ff85;font-size:clamp(9px,1.7vw,12px);font-weight:700;letter-spacing:.18em}.companion-lock-tech-readout{position:absolute;left:7%;right:7%;top:50%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.55rem;color:#dce7ff61;font-size:clamp(6px,1.1vw,8px);font-weight:800;letter-spacing:.16em}.companion-lock-tech-readout i{height:2px;background:linear-gradient(90deg,#8fa9d7,#8fa9d71a)}.companion-lock-tech-readout strong{color:#7dd5dc;font-size:inherit}.companion-lock-tech-readout em{font-style:normal}.companion-themed-lock--otome{color:#4e5b5a;background:#edf3ed;font-family:"Noto Serif SC",Songti SC,Georgia,serif}.companion-themed-lock--otome .companion-lock-wallpaper{background:linear-gradient(180deg,#eff6ef,#faf4e4 58%,#dacbb3)}.companion-themed-lock--otome .companion-lock-wallpaper:before{content:"";position:absolute;left:10%;right:10%;top:9%;height:70%;border:2px solid rgba(156,137,103,.3);border-bottom:0;border-radius:50% 50% 8% 8%/24% 24% 8% 8%;background:linear-gradient(90deg,transparent 49.7%,rgba(118,159,145,.16) 50%,transparent 50.3%),radial-gradient(circle at 50% 42%,rgba(255,252,222,.9),rgba(205,226,214,.5) 38%,transparent 39%)}.companion-themed-lock--otome .companion-lock-wallpaper:after{content:"";position:absolute;inset:auto -8% -8%;height:34%;border-radius:50% 50% 0 0/17% 17% 0 0;background:linear-gradient(180deg,#e9ddc9,#cdb99f)}.companion-themed-lock--otome .companion-lock-wallpaper>i:nth-child(1){left:-5%;bottom:15%;width:34%;height:22%;background:radial-gradient(ellipse at 30% 65%,#86a97e 0 18%,transparent 19%),radial-gradient(ellipse at 58% 34%,#a7b987 0 19%,transparent 20%)}.companion-themed-lock--otome .companion-lock-wallpaper>i:nth-child(2){right:-5%;bottom:15%;width:34%;height:22%;background:radial-gradient(ellipse at 70% 65%,#86a97e 0 18%,transparent 19%),radial-gradient(ellipse at 42% 34%,#a7b987 0 19%,transparent 20%)}.companion-lock-daybook{position:absolute;left:6%;top:max(6%,calc(var(--safe-top,0px) + 1.2rem));display:flex;flex-direction:column;align-items:flex-start}.companion-lock-daybook>span{color:#b95e78;font-size:clamp(8px,1.5vw,11px);font-weight:800;letter-spacing:.2em}.companion-lock-daybook strong{margin-top:8%;font-size:clamp(28px,7vw,48px);font-weight:500;letter-spacing:.1em}.companion-lock-daybook small{margin-top:7%;color:#70827d;font-size:clamp(10px,1.8vw,13px);font-weight:600;letter-spacing:.08em}.companion-lock-daybook:after{content:"";width:min(44vw,220px);height:2px;margin-top:20%;background:linear-gradient(90deg,#b95e78 0,#b95e78 24%,#52766e61 24%)}.companion-lock-time--otome{top:31%}.companion-lock-time--otome strong{color:#425552;font:500 clamp(68px,18vw,118px)/.9 Georgia,serif;letter-spacing:-.06em;text-shadow:0 12px 30px rgba(82,118,110,.1)}.companion-lock-time--otome>span{margin-top:4%;color:#71847e;font-size:clamp(11px,2vw,15px);letter-spacing:.18em}.companion-themed-lock--cat{color:#e8dcf5;background:#08070d}.companion-themed-lock--cat .companion-lock-wallpaper{background:radial-gradient(70% 42% at 50% 25%,rgba(113,55,166,.5),transparent 67%),linear-gradient(180deg,#161021,#060609)}.companion-themed-lock--cat .companion-lock-wallpaper:before{content:"";position:absolute;left:13%;right:13%;top:12%;height:58%;border:1px solid rgba(185,243,106,.15);border-radius:50%;background:radial-gradient(ellipse at 50% 38%,rgba(185,243,106,.08),rgba(113,55,166,.08) 42%,transparent 69%);box-shadow:inset 0 0 70px #7137a614}.companion-themed-lock--cat .companion-lock-wallpaper:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-8%;height:34%;border-radius:50% 50% 0 0/14% 14% 0 0;background:linear-gradient(180deg,#140e1c,#050508)}.companion-themed-lock--cat .companion-lock-wallpaper>i:nth-child(1),.companion-themed-lock--cat .companion-lock-wallpaper>i:nth-child(2){top:8%;width:24%;height:18%;background:linear-gradient(145deg,rgba(166,107,224,.5),transparent)}.companion-themed-lock--cat .companion-lock-wallpaper>i:nth-child(1){left:14%;clip-path:polygon(0 0,100% 48%,52% 100%)}.companion-themed-lock--cat .companion-lock-wallpaper>i:nth-child(2){right:14%;clip-path:polygon(100% 0,0 48%,48% 100%)}.companion-lock-cat-mark{position:absolute;left:6%;top:max(6%,calc(var(--safe-top,0px) + 1.2rem));display:flex;align-items:center;gap:.55rem;color:#b9f36a}.companion-lock-cat-mark svg{width:clamp(25px,5vw,36px);height:clamp(25px,5vw,36px)}.companion-lock-cat-mark span{font-size:clamp(9px,1.7vw,12px);font-weight:800;letter-spacing:.24em}.companion-lock-time--cat{top:25%}.companion-lock-time--cat strong{position:relative;z-index:1;color:#f0e8f8;font:600 clamp(72px,18vw,122px)/1 Georgia,serif;letter-spacing:-.05em;text-shadow:0 0 34px rgba(166,107,224,.3)}.companion-lock-time--cat>span:last-child{margin-top:4%;color:#e8dcf58f;font-size:clamp(10px,1.8vw,13px);font-weight:700;letter-spacing:.14em}.companion-lock-cat-ears{position:absolute;top:-28%;width:min(52vw,270px);height:min(28vw,145px);border-radius:48% 48% 52% 52%;border:1px solid rgba(185,243,106,.18)}.companion-lock-cat-ears:before,.companion-lock-cat-ears:after{content:"";position:absolute;top:-28%;width:33%;height:48%;background:#211130d6;border-top:1px solid rgba(166,107,224,.55)}.companion-lock-cat-ears:before{left:2%;clip-path:polygon(0 0,100% 50%,52% 100%)}.companion-lock-cat-ears:after{right:2%;clip-path:polygon(100% 0,0 50%,48% 100%)}.companion-themed-lock--magazine{color:#171519;background:#d8d2c9}.companion-themed-lock--magazine .companion-lock-wallpaper{background:linear-gradient(110deg,transparent 0 72%,rgba(238,101,93,.96) 72%),linear-gradient(180deg,#f2eee6,#d9d3ca)}.companion-themed-lock--magazine .companion-lock-wallpaper:before{content:"";position:absolute;left:5%;right:5%;top:19%;bottom:15%;border-top:5px solid #171519;border-bottom:1px solid rgba(23,21,25,.7);background:linear-gradient(90deg,transparent 66%,rgba(23,21,25,.13) 66% 66.3%,transparent 66.3%)}.companion-themed-lock--magazine .companion-lock-wallpaper:after{content:"COVER / PRIVATE";position:absolute;right:3.5%;top:35%;color:#171519;font-size:clamp(7px,1.25vw,10px);font-weight:900;letter-spacing:.18em;writing-mode:vertical-rl}.companion-lock-mag-head{position:absolute;left:5%;right:5%;top:max(4%,calc(var(--safe-top,0px) + .8rem));display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;padding-bottom:.5rem;border-bottom:1px solid #171519}.companion-lock-mag-head>span{font-size:clamp(7px,1.35vw,10px);font-weight:900;letter-spacing:.19em}.companion-lock-mag-head strong{grid-row:1/3;grid-column:2;font:900 clamp(34px,7vw,48px)/.8 Arial,sans-serif}.companion-lock-mag-head small{font-size:clamp(7px,1.2vw,9px);font-weight:700;letter-spacing:.1em}.companion-lock-mag-name{position:absolute;left:5%;right:16%;top:18%;overflow:hidden;font:900 clamp(52px,15vw,102px)/.8 Arial,"Noto Sans SC",sans-serif;letter-spacing:-.075em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}.companion-lock-time--magazine{top:36%;align-items:flex-start;padding-left:5%;text-align:left}.companion-lock-time--magazine strong{font:900 clamp(72px,20vw,132px)/.8 Arial,sans-serif;letter-spacing:-.08em}.companion-lock-time--magazine>span{margin-top:3%;padding:.3rem .55rem;color:#f5f0e7;background:#171519;font-size:clamp(8px,1.5vw,11px);font-weight:800;letter-spacing:.12em}.companion-lock-mag-caption{position:absolute;left:5%;bottom:18%;display:flex;align-items:flex-end;gap:.8rem}.companion-lock-mag-caption span{font-size:clamp(17px,4vw,28px);font-weight:900;line-height:.82}.companion-lock-mag-caption small{max-width:20vw;padding-left:.6rem;border-left:4px solid #ee655d;font-size:clamp(6px,1.1vw,8px);font-weight:800;letter-spacing:.11em}.companion-themed-lock--archive{color:#54425e;background:#fffaf2;font-family:"Noto Serif SC",Georgia,serif}.companion-themed-lock--archive .companion-lock-wallpaper{background:radial-gradient(circle at 50% 41%,rgba(255,255,255,.9) 0 17%,transparent 18%),linear-gradient(180deg,#f8e8ef,#fff9ed 52%,#dceff0)}.companion-themed-lock--archive .companion-lock-wallpaper:before{content:"";position:absolute;left:50%;top:42%;width:min(88vw,66vh);aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(197,165,93,.46);box-shadow:0 0 0 10px #fffaf280,0 0 0 11px #83baca3d;background:linear-gradient(45deg,transparent 49.7%,rgba(197,165,93,.2) 50%,transparent 50.3%),linear-gradient(-45deg,transparent 49.7%,rgba(236,145,173,.16) 50%,transparent 50.3%)}.companion-themed-lock--archive .companion-lock-wallpaper:after{content:"✦";position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);color:#c5a55d2e;font-size:min(38vw,29vh)}.companion-lock-archive-head{position:absolute;left:5%;right:5%;top:max(4%,calc(var(--safe-top,0px) + .8rem));display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:.35rem .7rem}.companion-lock-archive-head span{color:#ec91ad;font:800 clamp(7px,1.3vw,10px)/1 Inter,sans-serif;letter-spacing:.2em}.companion-lock-archive-head i{height:1px;background:linear-gradient(90deg,#ec91ad,#83baca)}.companion-lock-archive-head small{grid-column:1/3;color:#54425e85;font-size:clamp(7px,1.2vw,9px);font-weight:700;letter-spacing:.12em}.companion-lock-archive-seal{position:absolute;left:50%;top:26%;display:flex;width:min(31vw,158px);aspect-ratio:1;transform:translate(-50%);flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(197,165,93,.58);clip-path:polygon(50% 0,88% 18%,100% 68%,50% 100%,0 68%,12% 18%);background:#fffaf2c2;box-shadow:inset 0 0 0 5px #ec91ad14}.companion-lock-archive-seal svg{width:30%;height:30%;color:#83baca}.companion-lock-archive-seal span{color:#ec91ad;font:800 clamp(6px,1vw,8px)/1 Inter,sans-serif;letter-spacing:.18em}.companion-lock-archive-seal strong{color:#c5a55d;font:500 clamp(22px,5vw,34px)/1 Georgia,serif}.companion-lock-time--archive{top:48%}.companion-lock-time--archive small{color:#ec91ad;font:800 clamp(6px,1vw,8px)/1 Inter,sans-serif;letter-spacing:.2em}.companion-lock-time--archive strong{color:#54425e;font:500 clamp(68px,18vw,118px)/.92 Georgia,serif;letter-spacing:-.06em;text-shadow:0 2px white}.companion-lock-time--archive>span{color:#54425e94;font-size:clamp(9px,1.6vw,12px);font-weight:700;letter-spacing:.14em}.companion-themed-lock--idol{color:#f4f7ff;background:#071027}.companion-themed-lock--idol .companion-lock-wallpaper{background:radial-gradient(76% 48% at 50% 8%,rgba(108,142,255,.62),transparent 67%),radial-gradient(54% 32% at 12% 48%,rgba(255,89,139,.2),transparent 72%),radial-gradient(54% 32% at 88% 48%,rgba(83,201,255,.18),transparent 72%),linear-gradient(180deg,#111d42,#09132e 48%,#050918)}.companion-themed-lock--idol .companion-lock-wallpaper:before{content:"";position:absolute;left:-18%;right:-18%;top:-14%;height:82%;background:conic-gradient(from 197deg at 50% 0,transparent 0 8deg,rgba(181,207,255,.16) 9deg 14deg,transparent 15deg 28deg,rgba(255,137,174,.13) 29deg 35deg,transparent 36deg 52deg,rgba(125,180,255,.14) 53deg 59deg,transparent 60deg);animation:companion-lock-idol-lights 9s ease-in-out infinite alternate}.companion-lock-time--idol{top:29%}.companion-lock-time--idol strong{font:600 clamp(76px,19vw,128px)/.9 Georgia,serif;letter-spacing:-.07em;text-shadow:0 0 34px rgba(108,142,255,.3)}.companion-lock-time--idol>span{margin-top:3%;color:#dce8ff8f;font-size:clamp(9px,1.65vw,12px);font-weight:700;letter-spacing:.14em}.companion-lock-notice{position:absolute;left:7%;right:7%;top:61%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4%;padding:3.5% 4%;text-align:left;color:inherit;background:#080f22b8;border:1px solid rgba(255,255,255,.2);border-left:4px solid currentColor;box-shadow:0 18px 40px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.companion-lock-notice-icon{display:grid;width:clamp(36px,8vw,52px);aspect-ratio:1;place-items:center;border-radius:50%;color:#101a31;background:currentColor}.companion-lock-notice-icon svg{width:52%;height:52%}.companion-lock-notice>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.companion-lock-notice strong{overflow:hidden;font-size:clamp(12px,2.4vw,17px);text-overflow:ellipsis;white-space:nowrap}.companion-lock-notice small{margin-top:4%;opacity:.62;font-size:clamp(9px,1.7vw,12px)}.companion-lock-notice em{align-self:start;opacity:.45;font-size:clamp(8px,1.4vw,10px);font-style:normal}.companion-themed-lock--otome .companion-lock-notice{color:#4e5b5a;background:#fffaefdb;border-color:#769f9175;border-left-color:#b95e78;box-shadow:8px 8px #769f911f}.companion-themed-lock--otome .companion-lock-notice-icon{color:#fffaf0;background:#769f91}.companion-themed-lock--cat .companion-lock-notice{color:#e8dcf5;background:#0d0912db;border-color:#a66be070;border-left-color:#b9f36a}.companion-themed-lock--cat .companion-lock-notice-icon{color:#130e19;background:#b9f36a;border-radius:44%}.companion-themed-lock--magazine .companion-lock-notice{top:58%;left:5%;right:16%;color:#171519;background:#f6f1e8eb;border:2px solid #171519;border-left:7px solid #ee655d;box-shadow:7px 7px #17151929;-webkit-backdrop-filter:none;backdrop-filter:none}.companion-themed-lock--magazine .companion-lock-notice-icon{color:#f6f1e8;background:#171519;border-radius:0}.companion-themed-lock--archive .companion-lock-notice{top:66%;color:#54425e;background:#fffaf2e6;border-color:#c5a55da6;border-left-color:#ec91ad;box-shadow:6px 7px #83baca3d;-webkit-backdrop-filter:none;backdrop-filter:none}.companion-themed-lock--archive .companion-lock-notice-icon{color:#fff;background:#83baca}.companion-themed-lock--idol .companion-lock-notice{color:#f4f7ff;border-color:#c7daff47;border-left-color:#ff6f91;background:linear-gradient(100deg,#08122ee0,#202e5a9e)}.companion-themed-lock--idol .companion-lock-notice-icon{color:#fff;background:linear-gradient(145deg,#ff9db5,#647fe4)}.companion-lock-unlock{position:absolute;left:50%;bottom:calc(5% + var(--safe-bottom,0px));display:grid;min-width:44%;translate:-50% 0;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:.55rem;font-size:clamp(9px,1.7vw,12px);font-weight:700;letter-spacing:.18em}.companion-lock-unlock svg{width:clamp(15px,3vw,20px);height:clamp(15px,3vw,20px)}.companion-lock-unlock i{grid-column:1/3;width:100%;height:2px;margin-top:5%;overflow:hidden;background:currentColor;opacity:.25}.companion-lock-unlock i:after{content:"";display:block;width:28%;height:100%;background:currentColor;animation:companion-lock-scan 2.2s ease-in-out infinite}.companion-themed-lock--tech .companion-lock-unlock{color:#8fa9d7}.companion-themed-lock--otome .companion-lock-unlock{color:#5c766f}.companion-themed-lock--cat .companion-lock-unlock{color:#b9f36a}.companion-themed-lock--magazine .companion-lock-unlock{color:#171519}.companion-themed-lock--archive .companion-lock-unlock{color:#b78098}.companion-themed-lock--idol .companion-lock-unlock{color:#ff9db5}@keyframes companion-lock-reveal{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes companion-lock-scan{0%,to{transform:translate(0)}50%{transform:translate(255%)}}@keyframes companion-lock-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.72)}}@keyframes companion-lock-idol-lights{0%{transform:rotate(-3deg) scaleX(.97)}to{transform:rotate(4deg) scaleX(1.04)}}@media (max-height:690px){.companion-lock-time--archive{top:44%}.companion-lock-archive-seal{top:23%;width:min(27vw,136px)}.companion-lock-notice{top:58%}.companion-themed-lock--archive .companion-lock-notice{top:62%}.companion-lock-mag-caption{bottom:16%}}@media (prefers-reduced-motion:reduce){.companion-themed-lock *,.companion-themed-lock *:before,.companion-themed-lock *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}