:root{--ocean:#0d1b2a;--wave:#1b3a5c;--foam:#e8f4f8;--ink:#0a1628;--muted:#4a7a9b;--line:#2a5f8a;--accent:#1e88e5;--accent-dark:#0d5fa6;--teal:#00bcd4;--teal-dark:#00838f;--panel:#132f4c;--panel-light:#1a3a5c;--sand:#e0f2f7;--sand-light:#f0f9fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 80%,rgba(30,136,229,6%) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,188,212,5%) 0%,transparent 50%),linear-gradient(90deg,rgba(13,27,42,4%) 1px,transparent 1px),linear-gradient(180deg,rgba(13,27,42,4%) 1px,transparent 1px),#f0f9fc;background-size:auto,auto,28px 28px,28px 28px,auto;color:var(--ink);font-family:hiragino kaku gothic pron,yu gothic,Meiryo,sans-serif;line-height:1.75}a{color:#0d5fa6;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{background:linear-gradient(135deg,rgba(0,188,212,.12) 0 15%,transparent 15% 25%,rgba(0,188,212,6%) 25% 40%,transparent 40%),linear-gradient(#0a1628,#0d2540);border-bottom:4px solid var(--teal);color:#e0f7fa;box-shadow:0 4px 20px rgba(0,20,50,.45)}.header-inner,.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0}.brand{display:flex;gap:12px;align-items:center;color:#e0f7fa}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--teal);border-radius:50%;font-weight:700;color:#80deea;background:radial-gradient(circle,transparent 40%,rgba(0,188,212,.4) 41% 44%,transparent 45%),linear-gradient(145deg,#1a3a5c,#050f1e);box-shadow:inset 0 0 0 3px rgba(0,0,0,.35),0 0 12px rgba(0,188,212,.25)}.brand strong,.brand small{display:block;line-height:1.25}.brand small{opacity:.8;font-size:12px}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{color:#b2ebf2;padding:8px 12px;border:1px solid rgba(0,188,212,.45);background:linear-gradient(#0f2a42,#071828);box-shadow:inset 0 1px rgba(0,200,225,.14)}.hero,.page-title{background:radial-gradient(ellipse at 90% 20%,rgba(0,188,212,.28) 0 10%,transparent 11% 100%),radial-gradient(ellipse at 10% 90%,rgba(30,136,229,.18) 0 12%,transparent 13% 100%),repeating-linear-gradient(110deg,rgba(0,100,160,8%) 0 2px,transparent 2px 20px),linear-gradient(135deg,rgba(224,242,248,.98),rgba(178,235,242,.72));border-bottom:4px solid var(--line);box-shadow:inset 0 -30px 60px rgba(0,30,60,.12)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:40px;align-items:end;padding:64px 0 48px}.eyebrow{margin:0 0 8px;color:#0070a0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}h1,h2,h3{line-height:1.35;margin:0 0 14px}h1{font-size:clamp(30px,5vw,54px);font-family:Georgia,yu mincho,serif;color:#0a1e35;text-shadow:0 1px #e8f6ff,0 2px 12px rgba(0,100,200,.12)}h2{font-size:22px;color:#0d2540}h3{font-size:18px}.lead{font-size:17px;max-width:720px;color:#2a4a6a}.reading{margin:-6px 0 12px;color:var(--muted);font-size:14px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 18px;border:1px solid #1565c0;background:linear-gradient(#64b5f6,#1976d2);color:#fff;font-weight:700;box-shadow:inset 0 1px rgba(255,255,255,.3),0 2px #0d47a1;text-shadow:0 1px rgba(0,30,80,.4)}.button.primary{background:linear-gradient(#0077cc,#00466b);border-color:#003d5c;color:#e0f7fa}.button.muted{background:linear-gradient(#4a7a9b,#2a4a6a);border-color:#1a3a5c;color:#e0f7fa}.button.full{width:100%}.button.compact{min-height:36px;white-space:nowrap}.notice,.download-panel{background:linear-gradient(135deg,rgba(178,235,242,.55),rgba(30,136,229,.15)),var(--panel-light);border:2px solid var(--line);padding:18px;color:#e0f7fa;box-shadow:inset 0 0 0 1px rgba(0,230,250,.14),0 8px 24px rgba(0,20,60,.2)}.notice p,.download-panel p{margin-bottom:0;color:#b2ebf2}.notice strong{color:#80deea}.section{padding:42px 0}.section-heading,.filter-note{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.track-card,.track-row{background:linear-gradient(#f0f9fc,#daeef5);border:2px solid #a0cfe0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 4px 14px rgba(0,50,100,.1)}.track-card img,.row-thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.track-card-body{padding:14px}.track-card p,.track-row p{margin:0 0 10px;color:#3a6a8a;font-size:14px}.meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:700}.meta span{border:1px solid #5a9aba;padding:2px 7px;background:#e0f4ff;color:#0a3a5a}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-grid a{padding:14px 16px;background:linear-gradient(#c8e8f5,#9acfe8);border:2px solid var(--line);font-weight:700;color:#0a2a45;box-shadow:inset 0 1px rgba(255,255,255,.5)}.page-title .wrap{padding:42px 0}.track-list{display:grid;gap:10px}.track-row{display:grid;grid-template-columns:180px minmax(0,1fr)auto;gap:16px;align-items:center;padding:10px}.track-row h2{font-size:20px;margin-bottom:6px}.detail{padding:34px 0 54px}.breadcrumb{margin-bottom:18px;color:var(--muted);font-size:14px}.detail-head{display:grid;grid-template-columns:minmax(0,1fr)320px;gap:28px;align-items:start;margin-bottom:28px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tags span{background:#e0f4ff;border:1px solid var(--line);padding:4px 9px;font-size:13px;color:#0a3a5a}.download-panel audio{width:100%;margin:14px 0}.small{font-size:12px;color:#b2ebf2}.video-box{position:relative;aspect-ratio:16/9;background:#050f1e;margin-bottom:28px;border:2px solid var(--line)}.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-grid section,.prose{background:linear-gradient(180deg,rgba(240,249,252,.85),rgba(200,232,245,.55)),#deeef5;border:2px solid #8abdd8;padding:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 4px 14px rgba(0,50,100,8%)}.info-list{display:grid;gap:8px;margin:0}.info-list div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;border-bottom:1px solid #b8daea;padding-bottom:8px}.info-list dt{color:var(--muted);font-weight:700}.info-list dd{margin:0}.subnote{color:var(--muted);font-size:14px}.text-link{font-weight:700;text-decoration:underline}.body-copy{margin-top:24px}.prose{margin-top:34px;margin-bottom:54px;max-width:860px}.site-footer{border-top:4px solid var(--teal);background:linear-gradient(135deg,rgba(0,188,212,.1) 0 12%,transparent 12% 22%,rgba(0,188,212,6%) 22% 34%,transparent 34%),#0a1628;color:#80deea;font-size:13px}.section-heading h2::before,.detail-grid h2::before,.prose h2::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;border:2px solid #1e88e5;border-radius:50%;background:radial-gradient(circle,#1e88e5 0 3px,transparent 4px)}@media(max-width:820px){.header-inner,.footer-inner,.section-heading,.filter-note{align-items:flex-start;flex-direction:column}.hero-grid,.detail-head,.detail-grid{grid-template-columns:1fr}.track-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.track-row{grid-template-columns:112px minmax(0,1fr)}.track-row .button{grid-column:1/-1}}@media(max-width:520px){.wrap{width:min(100% - 20px,1120px)}.track-grid,.category-grid{grid-template-columns:1fr}.track-row{grid-template-columns:1fr}h1{font-size:28px}}