.home-page .timeline-editor{margin-top:24px;border:1px solid #454545;border-radius:5px;background:#202020;overflow:hidden;color:#ccc;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.home-page .timeline-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #090909;background:linear-gradient(#383838,#303030)}
.home-page .timeline-toolbar p{font-size:11px;margin:0;color:#c5b4ef}
.home-page .timeline-toolbar p span{color:#b1b1b1;margin-left:24px;letter-spacing:.04em}
.home-page .timeline-controls{display:flex;gap:6px}
.home-page .timeline-controls button{width:30px;height:28px;border:1px solid #ffffff20;border-radius:3px;background:#ffffff08;font-size:16px;color:#bbb;cursor:pointer}
.home-page .timeline-controls button:disabled{opacity:.25}
.home-page .edit-workspace{display:grid;grid-template-columns:244px minmax(0,1fr)}
.home-page .edit-index{background:#242424;border-right:2px solid #0e0e0e;min-width:0;position:relative}
.home-page .edit-index-head{display:flex;justify-content:space-between;background:#3c3c3c;color:#bbb;font-size:10px;padding:7px 12px;border-bottom:1px solid #111}
.home-page .edit-index button{display:grid;grid-template-columns:14px minmax(0,1fr) 65px;gap:7px;align-items:center;width:100%;height:37px;padding:0 10px;border:0;border-bottom:1px solid #ffffff06;background:transparent;color:#cecece;text-align:left;font-size:11px;cursor:pointer}
.home-page .edit-index button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .edit-index time{font:10px ui-monospace,monospace;color:#aaa}
.home-page .edit-role{color:#aaa}
.home-page .edit-index button[aria-pressed=true]{background:#4b4b4b;color:white}
.home-page .edit-index button:hover{background:#ffffff12}
.home-page .edit-index-footer{padding:12px;font-size:10px;color:#8e8e8e;border-top:1px solid #444}
.home-page .timeline-scroll{overflow-x:auto;overscroll-behavior-x:contain;min-width:0;scrollbar-width:thin;scrollbar-color:#747474 #292929}
.home-page .edit-track{position:relative;width:max-content;min-width:100%;padding:0 20px 22px;background:#202020}
.home-page .development-timeline{display:flex;gap:4px;width:max-content;min-width:100%;padding:0;margin:0;list-style:none;position:static}
.home-page .development-timeline:before,.home-page .development-timeline li:before{display:none}
.home-page .development-timeline li,.home-page .development-timeline li:last-child{display:flex;flex-direction:column;gap:0;flex:0 0 268px;width:268px;padding:0;position:relative}
.home-page .development-timeline li:nth-child(2){flex-basis:380px;width:380px}
.home-page .development-timeline .timeline-year{height:43px;display:block;padding:6px 10px;color:#999;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;background:repeating-linear-gradient(90deg,#8887 0 1px,transparent 1px 32px) left top/100% 9px no-repeat;border-top:1px solid #6f6f6f}
.home-page .edit-title-clip{height:16px;margin:14px 18px 7px 0;padding:0 5px;border-radius:3px;background:#57407d;color:#d3c4ef;font-size:9px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-page .development-timeline li:nth-child(2n) .edit-title-clip{margin-top:0;margin-bottom:21px}
.home-page .edit-video-clip{display:block;width:100%;padding:0;border:1px solid #57738c;border-radius:4px;overflow:hidden;background:#305375;color:#e3edf4;cursor:pointer;text-align:left}
.home-page .edit-video-clip[aria-pressed=true]{outline:2px solid #e6cf43;outline-offset:-2px}
.home-page .edit-clip-name{display:block;height:17px;padding:1px 5px;font-size:9px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#284564}
.home-page .edit-filmstrip{display:flex;height:69px;overflow:hidden;pointer-events:none}
.home-page .edit-filmstrip img{height:100%;width:34%;object-fit:cover;border-right:1px solid #1b2e3f;flex-shrink:0}
.home-page .edit-clip-wave{display:block;height:14px;background:#6c97bd;opacity:.8;clip-path:polygon(0 55%,3% 35%,5% 70%,8% 20%,12% 60%,15% 40%,19% 75%,22% 30%,26% 65%,30% 35%,34% 60%,38% 15%,42% 70%,47% 40%,51% 80%,55% 20%,60% 60%,65% 35%,70% 75%,75% 30%,80% 60%,85% 35%,90% 70%,95% 45%,100% 65%,100% 100%,0 100%)}
.home-page .edit-audio-clip{height:47px;margin:8px 10px 0 0;background:#174b58;border-radius:4px;overflow:hidden;color:#9bd2d7;font-size:9px}
.home-page .development-timeline li:nth-child(2n) .edit-audio-clip{margin-top:22px;margin-right:24px}
.home-page .edit-audio-clip>span,.home-page .edit-music>span{display:block;padding:2px 5px;line-height:14px}
.home-page .edit-wave{display:block;height:23px;background:repeating-linear-gradient(90deg,transparent 0 1px,#83c3c380 1px 2px,transparent 2px 3px,#85c6c7b0 3px 4px);clip-path:polygon(0 44%,4% 35%,7% 20%,10% 42%,14% 12%,18% 34%,22% 25%,26% 44%,30% 18%,35% 35%,40% 10%,45% 24%,50% 43%,55% 20%,60% 32%,65% 12%,70% 40%,75% 18%,80% 35%,85% 22%,90% 12%,95% 30%,100% 38%,100% 70%,95% 60%,90% 88%,85% 78%,80% 65%,75% 82%,70% 60%,65% 88%,60% 68%,55% 80%,50% 57%,45% 76%,40% 90%,35% 65%,30% 82%,26% 56%,22% 75%,18% 66%,14% 88%,10% 58%,7% 80%,4% 65%,0 56%)}
.home-page .edit-music{height:44px;margin-top:24px;background:#18582f;color:#a1d8af;font-size:9px;border-radius:3px;overflow:hidden}
.home-page .edit-music .edit-wave{background-color:#4a9b6399}
.home-page .edit-playhead{position:absolute;top:0;bottom:0;left:20px;width:1px;background:#ecd94b;z-index:2;pointer-events:none}
.home-page .edit-playhead:before{content:"";position:absolute;left:-4px;top:0;width:9px;height:11px;background:#ecd94b;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}
.home-page .development-timeline .edit-source{display:none}
.home-page .edit-inspector{display:flex;gap:20px;padding:18px 20px;background:#181818;border-top:1px solid #080808;min-height:106px}
.home-page .edit-inspector-year{color:#d8bd80;font:12px/1.8 ui-monospace,monospace;white-space:nowrap}
.home-page .edit-inspector h4{font-size:15px;font-weight:500;color:#ece9e3;margin:0 0 6px;line-height:1.5}
.home-page .edit-inspector p{font-size:13px;line-height:1.8;color:#aaa;margin:0;max-width:850px}
.home-page .timeline-help{font-size:10px;color:#919191;line-height:1.6;margin:0;padding:8px 20px;border-top:1px solid #ffffff0c}
@media(max-width:760px){.home-page .edit-workspace{grid-template-columns:1fr}
.home-page .edit-index{display:none}
.home-page .timeline-toolbar{height:48px}
.home-page .timeline-toolbar p span{display:none}
.home-page .timeline-controls button{height:40px;width:40px}
.home-page .development-timeline li{width:240px;flex-basis:240px}
.home-page .development-timeline li:nth-child(2){width:320px;flex-basis:320px}
.home-page .edit-inspector{flex-direction:column;gap:6px;padding:16px}
.home-page .edit-inspector p{font-size:13px}}
.home-page .development-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.home-page .development-heading .eyebrow{font-size:10px;color:#c4aa73;margin:0 0 5px}
.home-page .development-heading h3{font-size:23px;line-height:1.4;font-weight:400;margin:0}
.home-page .timeline-open{font-size:13px;color:#d8bd80;min-height:40px;display:inline-flex;align-items:center}
.home-page .edit-window-lights{display:flex;gap:8px;align-items:center;margin-right:20px;flex-shrink:0}
.home-page .edit-window-lights>a,.home-page .edit-window-lights>button{display:grid;place-items:center;width:12px;height:12px;border:0;border-radius:50%;padding:0;font:11px/1 Arial;color:#0000;cursor:pointer}
.home-page .edit-window-lights:hover>a,.home-page .edit-window-lights:hover>button{color:#0009}
.home-page .edit-window-lights .edit-close{background:#ff5f57}
.home-page .edit-window-lights .edit-minimize{background:#febc2e}
.home-page .edit-window-lights .edit-maximize{background:#28c840}
.home-page .timeline-toolbar p{flex:1}
.home-page .timeline-editor.is-minimized>:not(.timeline-toolbar){display:none}
@media(min-width:1000px){.home-page .practice-overview{gap:6vw}
.home-page .practice-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.2}
.home-page .practice-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:12px}
.home-page .practice-list article{padding:10px 0}
.home-page .practice-list h3{font-size:18px;margin:3px 0 6px}
.home-page .practice-list p{font-size:12px;line-height:1.75}
.home-page .practice-category{font-size:9px}
.home-page .development-history{margin-top:20px}
.home-page .practice-guide{margin-top:10px;font-size:11px}}
.home-page .edit-upper{display:grid;grid-template-columns:244px minmax(0,1fr) 270px;min-height:0;border-bottom:2px solid #111}
.home-page .edit-panel-label{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;color:#bcbcbc;background:#2b2b2b;border-bottom:1px solid #141414;flex-shrink:0}
.home-page .edit-panel-label span{font-size:9px;color:#999}
.home-page .edit-library{min-height:0;overflow:auto;background:#292929;border-right:2px solid #151515}
.home-page .edit-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;padding:12px}
.home-page .edit-library-grid button{padding:0;border:0;background:transparent;color:#bcbcbc;text-align:left;cursor:pointer;min-width:0}
.home-page .edit-library-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:1px solid #7775;border-radius:2px}
.home-page .edit-library-grid span{font-size:9px;line-height:1.5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.home-page .edit-viewer{display:flex;flex-direction:column;min-height:0;background:#101010}
.home-page .edit-viewer-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}
.home-page .edit-viewer-image img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 0 1px #ffffff12}
.home-page .edit-viewer-status{height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font:10px ui-monospace,monospace;color:#aaa;background:#222;flex-shrink:0}
.home-page .edit-info{min-height:0;overflow:auto;background:#272727;border-left:2px solid #141414}
.home-page .timeline-editor:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0}
@media(max-width:1100px){.home-page .edit-upper{grid-template-columns:180px minmax(0,1fr) 220px}}
@media(max-width:760px){.home-page .development-heading{align-items:flex-start;flex-direction:column;gap:6px}
.home-page .development-heading h3{font-size:21px}
.home-page .edit-window-lights{gap:7px;margin-right:12px}
.home-page .edit-upper{grid-template-columns:minmax(0,1fr)}
.home-page .edit-library,.home-page .edit-info{display:none}
.home-page .timeline-toolbar p span{display:none}}
.home-page .edit-library{scrollbar-width:thin;scrollbar-color:#656565 #292929}
.home-page .timeline-screen{min-height:100svh;padding:32px 3vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111213;gap:20px;box-sizing:border-box}
.home-page .timeline-screen-heading{width:min(1600px,94vw);display:flex;justify-content:space-between;align-items:center;gap:20px}
.home-page .timeline-screen-heading .eyebrow{font-size:10px;color:#c4aa73;margin:0;letter-spacing:.1em}
.home-page .timeline-screen-heading h2{font-size:24px;font-weight:400;line-height:1.3;margin:0}
.home-page .timeline-screen .timeline-editor{width:min(1600px,94vw,calc(177.7778svh - 213.333px));aspect-ratio:16/9;margin:0;border-radius:9px;box-shadow:0 24px 65px #0008;display:grid;grid-template-rows:40px minmax(160px,1fr) clamp(250px,32svh,348px) 30px}
.home-page .timeline-screen .timeline-toolbar{height:40px;padding-inline:16px}
.home-page .timeline-screen .timeline-toolbar p{text-align:center;font-size:12px;color:#ddd}
.home-page .timeline-screen .edit-inspector{flex-direction:column;gap:10px;padding:18px;background:transparent;border:0}
.home-page .timeline-screen .edit-inspector h4{font-size:16px}
.home-page .timeline-screen .edit-inspector p{font-size:12px;line-height:1.9}
.home-page .timeline-screen .edit-workspace{min-height:0;overflow:hidden}
.home-page .timeline-screen .timeline-scroll{min-height:0}
.home-page .timeline-screen .edit-index{overflow:auto;scrollbar-width:thin;scrollbar-color:#656565 #292929}
.home-page .timeline-screen .timeline-help{font-size:10px;line-height:14px;padding-block:7px}
.home-page .timeline-screen .timeline-editor.is-minimized{display:block;aspect-ratio:auto}
.home-page .timeline-screen .timeline-editor.is-expanded{position:fixed;inset:0;z-index:100;width:100vw;height:100svh;aspect-ratio:auto;border-radius:0}
@media(min-width:1000px){.home-page .practice-overview{gap:8vw}
.home-page .practice-intro h2{font-size:clamp(38px,4vw,64px)}
.home-page .practice-intro>p:not(.eyebrow){font-size:14px;line-height:1.9}
.home-page .practice-list article{padding:18px 0}
.home-page .practice-list h3{font-size:22px}
.home-page .practice-list p{font-size:13px;line-height:1.9}}
@media(max-width:1100px){.home-page .timeline-screen .edit-workspace{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.home-page .timeline-screen{padding:48px 3vw;min-height:100svh}
.home-page .timeline-screen-heading{align-items:flex-start;flex-direction:column;gap:10px}
.home-page .timeline-screen-heading h2{font-size:24px}
.home-page .timeline-screen .timeline-editor{width:94vw;aspect-ratio:auto;grid-template-rows:44px 430px 342px auto}
.home-page .timeline-screen .edit-upper{grid-template-rows:240px 190px}
.home-page .timeline-screen .edit-info{display:block;border-left:0;border-top:1px solid #111}
.home-page .timeline-screen .edit-workspace{grid-template-columns:1fr}
.home-page .timeline-screen .timeline-toolbar p{font-size:10px;text-align:left}}
.home-page .timeline-screen-heading .eyebrow{font-size:12px;letter-spacing:.12em}
.home-page .edit-invitation{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px auto 0;padding-top:22px;border-top:1px solid #ffffff20;max-width:1280px}
.home-page .edit-invitation p{font-size:clamp(20px,2vw,28px);line-height:1.5;font-weight:400;margin:0;color:#e8e4db}
.home-page .start-editing{display:inline-flex;align-items:center;gap:24px;min-height:44px;padding:10px 18px;border:1px solid #c4aa7370;border-radius:3px;color:#dfca9b;font-size:14px;white-space:nowrap;transition:background .2s,border-color .2s}
.home-page .start-editing:hover{background:#c4aa7318;border-color:#c4aa73}
.home-page .start-editing span{font-size:20px}
@media(max-width:760px){.home-page .edit-invitation{align-items:flex-start;flex-direction:column;gap:16px;margin-top:28px}
.home-page .edit-invitation p{font-size:21px}}
.home-page .timeline-screen-heading h2{font-size:26px}
@media(max-width:760px){.home-page .edit-window-lights{gap:12px}
.home-page .edit-window-lights>a,.home-page .edit-window-lights>button{position:relative;width:16px;height:16px;flex-shrink:0}
.home-page .edit-window-lights>a:after,.home-page .edit-window-lights>button:after{content:"";position:absolute;inset:-6px}
.home-page .edit-clip-name{font-size:10px;height:20px;line-height:18px}
.home-page .development-timeline .timeline-year{font-size:11px}
.home-page .edit-audio-clip,.home-page .edit-music{font-size:10px}}