/* VOCEA: the framed, neon lounge layout of あそびセレクト. */
:root{--ink:#f2f0ff;--muted:#b8bfd4;--paper:#080e21;--line:#353e62;--green:#8cebe0;--soft:#202a48;color-scheme:dark}html{scroll-behavior:smooth;scroll-padding-top:80px}body{max-width:1304px;min-height:100vh;margin:0 auto;background:radial-gradient(ellipse at 0 0,#26214e,transparent 48%),#080e21;border-left:1px solid #403b69;border-right:1px solid #403b69;box-shadow:0 0 45px #7861ce20;font-family:'Noto Sans JP',sans-serif}.network-home{padding:15px 32px;border-bottom:1px solid var(--line);background:#191e35;text-align:right;font-size:10px;letter-spacing:.15em;color:#9ce8e0}.top{height:108px;padding:22px 32px;max-width:none;background:#111a34;border-bottom:1px solid #4c4b73}.brand{text-shadow:0 0 14px #b0a0ff66;letter-spacing:.08em}.brand-icon{background:linear-gradient(135deg,#554888,#18374b);border:1px solid #b39aff;color:#a1f7ed;box-shadow:0 0 16px #a98bff33}.pronounce{color:#a5e5e1}.quiet{color:#b7c3e4}.top .quiet{border:1px solid #5a5f83;border-radius:9px;padding:10px 15px}.practice-nav{display:flex;gap:9px;padding:15px 24px;border-bottom:1px solid #3a4666;background:#10162b;overflow-x:auto;position:sticky;top:0;z-index:4;scrollbar-width:thin}.practice-nav a{border:1px solid #3a466a;background:#19213d;box-shadow:inset 0 0 12px #8276bd0c;border-radius:8px;font-size:12px;white-space:nowrap;padding:12px 18px}.practice-nav a:first-child{background:linear-gradient(120deg,#77ead4,#68bce2);color:#082332;border-color:#8ae8e3;box-shadow:0 0 14px #6ddbc847}.practice-nav a:hover{border-color:#8be2da;color:#9af7e7}main{max-width:none;padding:36px 38px 0}.hero{border:1px solid #494069;border-radius:11px;background:radial-gradient(ellipse at 95% 60%,#35275d88,transparent 65%),linear-gradient(125deg,#10192e,#191b3c);padding:58px 46px;position:relative;isolation:isolate;box-shadow:0 0 26px #6d5fa32b,inset 0 0 28px #a285e709;margin:0 0 25px}.hero:before{content:'';position:absolute;inset:12px;border:1px solid #77739a42;pointer-events:none;z-index:-1}.eyebrow{color:#8ae6dc;letter-spacing:.18em;text-shadow:0 0 12px #7adfcb33}h1,h2{font-family:'Noto Sans JP',sans-serif;font-weight:700}h1{font-size:clamp(35px,4vw,52px);line-height:1.65;letter-spacing:.03em}h1 em{color:#f2efff;text-shadow:0 0 25px #a68bfc44}.hero p{color:#c4cbde}.primary{color:#102b39;background:linear-gradient(115deg,#7de5d2,#76bfe8);border:1px solid #93eee0;box-shadow:0 0 18px #6adfce25;border-radius:7px;font-weight:700}.secondary{background:#212d49;border:1px solid #536182;color:#e8ecff}.hero-art{background:radial-gradient(ellipse,#785bd43b,transparent 70%)}.orbit{border-color:#9b88df44;box-shadow:0 0 24px #9172dd0b}.o2{border-color:#75eadb44}.wave i{background:linear-gradient(#b99af3,#7addd9);box-shadow:0 0 18px #a185f26b}.wave i:nth-child(5){background:#8cf2de;box-shadow:0 0 24px #8cf2de78}.art-note,.hero-art b{color:#a8b9e8}.today{background:linear-gradient(110deg,#14283a,#19223d);border-color:#395373;border-radius:10px}.dot{background:#8ce8d9;box-shadow:0 0 10px #85efe0}.section-heading{border-bottom:1px solid #4b4269;padding-bottom:20px;margin-top:44px}.section-heading h2{font-size:24px}.practice-grid{gap:18px}.practice{background:linear-gradient(135deg,#18213c,#1d1e3b);border:1px solid #4c466e;border-radius:12px;padding:28px;box-shadow:0 7px 23px #0002,inset 0 0 22px #9b82cd09}.practice:hover{border-color:#9c8cd1;box-shadow:0 0 20px #9d83df25;transform:translateY(-2px)}.practice[aria-pressed=true]{border-color:#87ded7;box-shadow:0 0 0 1px #87ded744,0 0 22px #71d7ca22}.menu-icon{color:#dcceff;border:1px solid #8573b2;background:linear-gradient(130deg,#44345e,#233d57);box-shadow:0 0 15px #ac8bf522}.mint{color:#9cf1d7;background:linear-gradient(130deg,#1c4c4b,#253451)}.apricot{color:#f8d7a6;background:linear-gradient(130deg,#574150,#2b2849)}.lilac{color:#d4bcff;background:linear-gradient(130deg,#47356c,#29344d)}.practice h3{font-weight:700}.menu-bottom{border-color:#403f66;color:#b7b9d1}.studio{background:linear-gradient(135deg,#121d34,#1a1d36);border:1px solid #4c527c;box-shadow:0 0 25px #7384c018;padding:32px;scroll-margin-top:90px}.studio-head>span{background:#1f3447;color:#9dece2;border:1px solid #52757c}.studio-tools select{background:#0c142c;border-color:#4c5a7b;color:#f1efff}.script{background:linear-gradient(130deg,#0e172b,#1d1b37);border:1px solid #504569;color:#f4f0ff;box-shadow:inset 0 0 22px #a88cdf0d;font-size:25px}.timer{color:#a2f1e1;text-shadow:0 0 20px #8bddd644}.timer span{color:#8491c2}.tip{color:#a5e4d7}.notice{color:#9cead8}.care{border-color:#3b4265;color:#b0b9d0}.daily-next{border:1px solid #426775;background:#142e3c}progress::-webkit-progress-bar{background:#2e3455}progress::-webkit-progress-value{background:linear-gradient(90deg,#8de4d5,#a68ad9)}.recording{padding:38px 30px;background:linear-gradient(115deg,#211c3e,#132d40);border:1px solid #544b7c;border-radius:13px;margin:45px 0;gap:30px;scroll-margin-top:95px}.recorder{background:#0c172dcc;border:1px solid #405278;box-shadow:inset 0 0 30px #96a1f00a}.record-button{color:#ffd1d2;background:linear-gradient(120deg,#403149,#253b53);border-color:#a383ad}.record-indicator b{color:#99ebdf}.recordings article{border-color:#3d5270}.recordings a,.recordings button{color:#a9efe6}.journal{scroll-margin-top:100px}.history-row{border-color:#3d4261;background:#151d33;padding:16px;border-radius:8px}.bottom-note{background:linear-gradient(110deg,#1f2343,#173b49);border:1px solid #4d607b;border-radius:12px}.bottom-note b{font-family:inherit;color:#deedfa}footer{max-width:none;padding:30px 38px 112px;background:#10162a;border-color:#434164}dialog{background:#15213a;border-color:#7b77a7;color:#f3f0ff;box-shadow:0 0 60px #9270dd22}dialog p,dialog li{color:#c5cbdf}dialog::backdrop{background:#060a1bd4}.close{color:#f1efff;background:#2c3154}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1304px,100%);z-index:8;display:grid;grid-template-columns:repeat(4,1fr);background:#0d1429ed;backdrop-filter:blur(14px);border:1px solid #59577f;box-shadow:0 -5px 20px #0003;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-height:67px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:10px;color:#bec3dc;border-right:1px solid #353d5c}.bottom-nav a:last-child{border:0}.bottom-nav a span{font-size:22px;line-height:1.1;color:#ae93e4;text-shadow:0 0 13px #ac8cff66}.bottom-nav a:hover,.bottom-nav a:focus-visible{background:#193245;color:#9de9dc}.bottom-nav a:first-child{background:linear-gradient(110deg,#1a3b4a55,#21284422)}@media(max-width:700px){body{border-width:0}.network-home{padding:12px 20px;font-size:9px}.top{height:86px;padding:18px 20px}.brand{font-size:24px}.top .quiet{font-size:11px;padding:9px}.practice-nav{padding:12px 16px;gap:7px}.practice-nav a{padding:10px 12px;font-size:11px}main{padding:22px 16px 0}.hero{padding:34px 25px 20px;gap:0}.hero h1{font-size:31px;line-height:1.7;margin:20px 0}.hero p{font-size:12px}.hero .primary{width:100%}.hero-art{height:190px;margin-top:20px}.hero:before{inset:9px}.hero small{font-size:9px}.today{font-size:10px;padding:16px 12px}.section-heading h2{font-size:21px}.practice{padding:23px}.practice-grid{gap:13px}.studio{padding:22px 17px;margin-top:24px}.studio-head h2{font-size:19px}.studio-head>span{font-size:8px}.script{font-size:21px;padding:23px 17px}.studio-tools select{max-width:185px}.recording{padding:26px 19px;margin:30px 0;gap:23px}.recording h2{font-size:20px}.recorder{padding:20px 16px}.record-indicator{flex-wrap:wrap}.recording small{font-size:11px}.bottom-note b{font-size:13px}footer{padding:25px 20px 110px}.bottom-nav a{min-height:64px}.practice-nav::-webkit-scrollbar{height:3px}}