:root{--navy:#172b42;--muted:#596978;--accent:#33786d;--pale:#edf4f1;--line:#dbe2e5;--bg:#f7f8f9;--white:#fff;--error:#a82e36;--warning:#a36920;--radius:12px;--body:16px;--small:14px;--h1:clamp(28px,4vw,44px);--h2:24px;--h3:19px;--space:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--navy);background:var(--white);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:var(--body);overflow-wrap:anywhere;margin:0;line-height:1.85}a{color:var(--navy);text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,.button{border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;font-weight:600;line-height:1.6;text-decoration:none;display:inline-flex}button:hover,.button:hover{background:#29445f}.secondary{color:var(--navy);background:#fff;border-color:#a3afb8}.secondary:hover{background:var(--bg)}button:disabled{color:#596978;cursor:not-allowed;background:#edf0f2;border-color:#d3dbe0}button:focus-visible{outline:3px solid var(--warning);outline-offset:4px}a:focus-visible{outline:3px solid var(--warning);outline-offset:4px}input:focus-visible{outline:3px solid var(--warning);outline-offset:4px}textarea:focus-visible{outline:3px solid var(--warning);outline-offset:4px}select:focus-visible{outline:3px solid var(--warning);outline-offset:4px}summary:focus-visible{outline:3px solid var(--warning);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:var(--h1);letter-spacing:.025em;margin-bottom:24px;line-height:1.5}h2{font-size:var(--h2);margin-bottom:20px;line-height:1.55}h3{font-size:var(--h3);margin-bottom:12px;line-height:1.6}p{margin-bottom:16px}small,.small{font-size:var(--small);line-height:1.8}.muted{color:var(--muted)}.eyebrow{font-size:var(--small);color:var(--accent);letter-spacing:.12em;margin-bottom:16px;font-weight:700}.field{margin:0 0 24px}.field label,.field .label{margin-bottom:8px;font-weight:600;display:block}.required{color:var(--muted);font-size:var(--small);margin-left:8px;font-weight:400}input:not([type=checkbox]),textarea,select{width:100%;min-height:48px;color:var(--navy);background:#fff;border:1px solid #9baab5;border-radius:6px;padding:10px 12px}textarea{resize:vertical;min-height:120px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:5px}.check{cursor:pointer;align-items:flex-start;gap:10px;font-weight:400!important;display:flex!important}.field-error{color:var(--error);font-size:var(--small);margin:6px 0 0}.field-error:empty{display:none}[aria-invalid=true]{border-color:var(--error)!important}.help{font-size:var(--small);color:var(--muted);margin:6px 0 0}.form-aside{background:var(--bg);border-radius:var(--radius);margin-bottom:28px;padding:24px}[hidden]{display:none!important}.message{white-space:pre-wrap}.full{width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.name-fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:520px){.name-fields{grid-template-columns:1fr;gap:0}}
.container{width:min(1120px,100% - 64px);margin:auto}.narrow{max-width:800px;margin:0 auto}.skip{z-index:10;background:#fff;padding:10px;position:absolute;top:-100px;left:16px}.skip:focus{top:12px}.header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.brand{letter-spacing:-.04em;font-size:30px;font-weight:800;text-decoration:none}.brand span{font-weight:400;font-size:var(--small);letter-spacing:.05em;margin-left:18px}.nav{align-items:center;gap:28px;display:flex}.nav a{font-size:var(--small);padding:10px 0;text-decoration:none}.nav a[aria-current=page]{border-bottom:2px solid var(--accent);font-weight:700}.breadcrumb{color:var(--muted);font-size:var(--small);padding:24px 0}.page-title{padding:24px 0}main{min-height:55vh;padding-bottom:72px}main:focus{outline:none}.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:64px;padding:28px 0 56px;display:grid}.hero p{max-width:38em}.hero h1 span{display:inline-block}.hero-art{aspect-ratio:1.2;border-radius:var(--radius);background:#172b42;position:relative;overflow:hidden}.hero-art svg{width:100%;height:100%;display:block}.art-caption{color:#d8e4e4;font-size:var(--small);letter-spacing:.08em;position:absolute;bottom:22px;left:26px}.section{border-top:1px solid var(--line);padding:40px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stack>*+*{margin-top:20px}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.footer{color:var(--muted);font-size:var(--small);padding:32px 0}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}@media (max-width:800px){.container{width:calc(100% - 40px)}.hero{grid-template-columns:1.1fr 1fr;gap:28px}.grid.three{grid-template-columns:1fr}.brand span{display:none}.nav{gap:20px}}@media (max-width:560px){.container{width:calc(100% - 32px)}.header-inner{gap:12px;min-height:80px}.nav{gap:16px}.hero{grid-template-columns:1fr;gap:28px;padding-top:12px}.hero-art{aspect-ratio:1.65}.hero h1{font-size:30px}.grid{grid-template-columns:1fr}.section{padding:32px 0}.actions>*{flex:auto}.page-title{padding-top:12px}}
.tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag{border:1px solid var(--line);font-size:var(--small);background:#fff;border-radius:4px;padding:3px 10px;display:inline-block}.tag.green{color:#236456;background:var(--pale);border-color:#c5dcd4}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:28px}.card.featured{border:2px solid var(--accent);position:relative}.card.soft{background:var(--bg)}.card p:last-child{margin-bottom:0}.number{font-size:var(--small);letter-spacing:.1em;color:var(--accent);margin-bottom:16px;display:block}.price{margin:18px 0 4px;font-size:36px;font-weight:700;line-height:1.3}.price span{font-size:var(--body);font-weight:400}.notice{background:var(--pale);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;margin:24px 0;padding:16px 20px}.notice.warning{border-color:var(--warning);background:#fff7e9}.notice.error{border-color:var(--error);background:#fff0f0}.notice p:last-child{margin-bottom:0}.facts{margin:0}.facts>div{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:20px;padding:12px 0;display:grid}dt{color:var(--muted)}dd{margin:0}.steps{font-size:var(--small);gap:8px;margin:0 0 32px;padding:0;list-style:none;display:flex}.steps li{border-bottom:2px solid var(--line);color:var(--muted);font-size:var(--small);flex:1;padding:10px 4px}.steps .current{color:var(--accent);border-color:var(--accent);font-weight:700}.step-number{font-size:var(--small);letter-spacing:.08em;margin-bottom:4px;display:block}.status-title{font-size:28px}.status-list{margin:16px 0;padding:0;list-style:none}.status-list li{border-top:1px solid var(--line);padding:10px 0}.course-row{align-items:flex-start;gap:24px;display:flex}.course-icon{background:var(--pale);width:76px;min-width:76px;height:76px;color:var(--accent);font-size:var(--small);border-radius:8px;place-items:center;font-weight:700;display:grid}.course-content{flex:1;min-width:0}.course-level{white-space:nowrap;overflow-wrap:normal;display:inline-block}.player{background:var(--navy);color:#fff;text-align:center;border-radius:10px;margin:24px 0;padding:40px 20px}.player p{color:#dbe7ec}.player button{color:var(--navy);background:#fff}.material-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.material-row:last-child{border:0}.material-row p{margin:0}dialog{border:1px solid var(--line);border-radius:var(--radius);width:min(560px,100% - 32px);color:var(--navy);max-height:85vh;padding:32px;overflow:auto}dialog::backdrop{background:rgba(13,27,43,.6)}dialog h2{padding-right:16px}dialog .actions{justify-content:flex-end}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:12px 0 0}@media (max-width:800px){.card{padding:24px}.facts>div{grid-template-columns:110px 1fr}}@media (max-width:560px){.card{padding:22px}.facts>div{grid-template-columns:1fr;gap:2px}.steps{gap:4px;font-size:13px}.course-row{gap:14px}.course-icon{width:56px;min-width:56px;height:56px;font-size:13px}.material-row{flex-direction:column;align-items:stretch;gap:12px}.price{font-size:32px}.status-title{font-size:24px}dialog{padding:24px}}
.studio-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.studio-metrics .card{padding:20px}.studio-metrics strong{margin-top:8px;font-size:32px;line-height:1.5;display:block}.studio-metrics strong span{font-size:var(--body);margin-left:8px;font-weight:400}.studio-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.studio-row>div{min-width:0}.studio-row p{margin-bottom:8px}.studio-row .actions{flex-shrink:0;margin-top:0}.studio-row>button{flex-shrink:0}details.card{margin-bottom:16px}details.card summary{cursor:pointer;overflow-wrap:anywhere}@media (max-width:800px){.studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-row{flex-direction:column}.studio-row .actions{flex-wrap:wrap}}@media (max-width:560px){.studio-metrics{gap:12px}.studio-metrics .card{padding:16px}.studio-row>button{width:100%}}
.admin-nav{border-block:1px solid var(--line);flex-wrap:wrap;gap:16px 24px;margin-bottom:32px;padding-top:16px;padding-bottom:16px;display:flex}.admin-card{margin-top:24px;margin-bottom:24px}.admin-row{border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px}.admin-filter{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end;gap:20px;margin-bottom:32px;display:grid}.admin-json{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f5f7fa;border-radius:8px;padding:16px;line-height:1.8}.admin-card details{margin-top:16px;margin-bottom:16px}.admin-card summary{cursor:pointer;padding-top:8px;padding-bottom:8px}.admin-card input,.admin-card select{max-width:100%}@media (max-width:600px){.admin-filter{grid-template-columns:1fr}.admin-nav{gap:12px 20px}.admin-metrics{grid-template-columns:1fr}}.admin-table-wrap{border:1px solid var(--line);background:var(--white);border-radius:8px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px;font-size:var(--small)}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.admin-table thead th{background:var(--bg);color:var(--muted);white-space:nowrap;font-weight:700;position:-webkit-sticky;position:sticky;top:0}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:var(--bg)}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-table .nowrap{white-space:nowrap}.admin-table a{font-weight:600}.badge{white-space:nowrap;border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.ok{color:#236456;background:var(--pale);border-color:#c5dcd4}.badge.warn{color:#7a4e11;background:#fff7e9;border-color:#e0c391}.badge.error{color:var(--error);background:#fff0f0;border-color:#e6b4b4}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-metrics .card{padding:18px 20px}.admin-metrics .label{font-size:var(--small);color:var(--muted);display:block}.admin-metrics .value{font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:700;line-height:1.4;display:block}.admin-metrics .value span{font-size:var(--body);margin-left:4px;font-weight:400}.admin-metrics .card.alert{background:#fff7e9;border-color:#e0c391}.pager{font-size:var(--small);color:var(--muted);align-items:center;gap:12px;margin-top:16px;display:flex}.pager button{min-height:36px;padding:6px 14px}.admin-facts>div{grid-template-columns:180px 1fr;padding:8px 0}@media (max-width:800px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-facts>div{grid-template-columns:120px 1fr}}@media (max-width:560px){.admin-metrics{grid-template-columns:1fr}.admin-metrics .value{font-size:26px}}