#application-path{--ink:var(--uw-text);--muted:var(--uw-muted);--blue:var(--uw-accent);--deep:var(--uw-accent);--pale:var(--uw-accent-wash);--gold:#f4cf66;--border:var(--uw-line);--page:var(--uw-page);--ap-ok:#1f7a4d;--ap-ok-wash:#e6f3ec;--ap-bad:#a83c39;--ap-bad-wash:#f8e9e7}
#application-path *{box-sizing:border-box}
#application-path{scroll-behavior:smooth}
#application-path{margin:0;background:var(--page);color:var(--ink);font:16px/1.6 var(--uw-font-ui, system-ui, "Noto Sans TC", sans-serif)}
#application-path h1,#application-path h2,#application-path h3,#application-path p{margin:0}
#application-path button,#application-path input,#application-path textarea,#application-path select{font:inherit;color:inherit}
#application-path button,#application-path a,#application-path input,#application-path select,#application-path textarea{-webkit-tap-highlight-color:transparent}
#application-path button,#application-path a{touch-action:manipulation}
#application-path button{background:none;border:0;cursor:pointer}
#application-path a{color:var(--deep);text-decoration:none}
#application-path button,#application-path a,#application-path select,#application-path input{min-height:44px}
#application-path button:disabled{cursor:not-allowed;opacity:.5}
#application-path button:focus-visible,#application-path a:focus-visible,#application-path input:focus-visible,#application-path textarea:focus-visible,#application-path select:focus-visible,#application-path [tabindex]:focus-visible{outline:3px solid var(--uw-accent);outline-offset:4px}
#application-path svg{width:22px;height:22px;stroke-width:1.9;vertical-align:middle;flex:none}
#application-path [hidden]{display:none!important}
#application-path .skip-link{position:fixed;z-index:100;top:-70px;left:20px;background:white;padding:12px}
#application-path .skip-link:focus{top:12px}
#application-path .site-rail{position:fixed;left:16px;top:16px;bottom:16px;width:72px;z-index:20;background:rgb(255 255 255 / 95%);border:1px solid white;border-radius:26px;display:flex;align-items:center;flex-direction:column;padding:20px 8px;box-shadow:0 8px 32px color-mix(in srgb, var(--uw-accent) 3%, transparent)}
#application-path .brand{display:grid;place-items:center;width:52px;margin-bottom:30px}
#application-path .site-rail nav{display:grid;gap:14px}
#application-path .site-rail nav a{display:grid;place-items:center;width:50px;height:48px;border-radius:16px;color:var(--uw-muted)}
#application-path .site-rail nav a:hover{background:var(--uw-surface)}
#application-path .site-rail nav .selected{background:var(--uw-surface-soft);color:var(--uw-accent)}
#application-path .avatar{margin-top:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--uw-surface-soft);color:var(--uw-accent);font-size:14px;font-weight:700}
#application-path .app-shell{max-width:1440px;margin-left:110px;padding:12px 38px 30px}
#application-path .preview-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:42px;font-size:12px;color:var(--uw-muted);border-bottom:1px solid var(--uw-surface-soft)}
#application-path .preview-strip>span{display:flex;align-items:center;gap:8px}
#application-path .preview-strip svg{width:16px;height:16px}
#application-path .preview-strip button{font-size:12px;color:var(--uw-text);text-decoration:underline;text-underline-offset:4px}
#application-path .app-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:14px}
#application-path .header-title{display:flex;align-items:center;gap:10px}
#application-path .header-title>img{display:none}
#application-path .eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--uw-muted);margin-bottom:3px}
#application-path .app-header h1{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1.3}
#application-path .app-header h1 span{color:var(--uw-accent)}
#application-path .outline-button,#application-path .primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:15px;font-size:14px;font-weight:700;min-height:48px;transition:transform .16s,box-shadow .16s}
#application-path .outline-button{background:white;border:1px solid var(--uw-line);box-shadow:0 3px 0 var(--uw-surface-soft)}
#application-path .primary-button{color:white;background:var(--blue);box-shadow:0 4px 0 var(--deep)}
#application-path .primary-button:hover{background:var(--uw-accent);transform:translateY(-1px)}
#application-path .primary-button:active,#application-path .outline-button:active{transform:translateY(3px);box-shadow:none}
#application-path .quiet-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:11px;color:var(--uw-muted);font-size:13px}
#application-path .quiet-button:hover{background:var(--uw-surface-soft)}
#application-path .current-button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;color:var(--deep);font-size:13px;font-weight:700;background:var(--uw-surface-soft)}
#application-path .current-button svg{width:18px;height:18px}
#application-path .plan-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 22px;border:1px solid var(--border);background:white;border-radius:20px;box-shadow:0 4px 0 var(--uw-surface-soft)}
#application-path .plan-choice{display:flex;align-items:center;gap:13px;min-width:0}
#application-path .plan-choice>div{min-width:0}
#application-path .square-icon{width:50px;height:50px;background:var(--uw-surface-soft);color:var(--uw-accent);display:grid;place-items:center;border-radius:16px;flex:none}
#application-path .plan-choice label{display:block;font-size:11px;color:var(--uw-muted)}
#application-path .plan-choice select{font-size:18px;font-weight:750;border:0;background:transparent;width:100%;max-width:420px;padding-right:12px}
#application-path .plan-choice small{display:block;font-size:12px;color:var(--muted)}
#application-path .plan-progress{width:240px;flex:none}
#application-path .plan-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}
#application-path .plan-progress strong{font-size:16px}
#application-path .hub-tabs{display:flex;align-items:center;gap:8px;padding:16px 0}
#application-path .hub-tabs>a{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--uw-muted);padding:10px 17px;border-radius:13px}
#application-path .hub-tabs>a.active{color:var(--deep);background:var(--uw-surface-soft);font-weight:700}
#application-path .hub-tabs>span{margin-left:auto;font-size:12px;color:var(--uw-muted)}
#application-path .map-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:25px;align-items:start}
#application-path .map-panel{border:1px solid var(--uw-line);border-radius:24px;overflow:hidden;background:white;box-shadow:0 5px 0 var(--uw-surface-soft)}
#application-path .map-toolbar{display:flex;align-items:center;gap:5px;padding:10px 15px;background:white;border-bottom:1px solid var(--uw-surface-soft)}
#application-path .map-toolbar>label{display:flex;align-items:center;gap:6px;margin-right:auto;min-width:0;color:var(--uw-muted)}
#application-path .map-toolbar>label>svg{width:18px}
#application-path .map-toolbar select{border:0;background:transparent;max-width:240px;width:100%;font-size:13px;font-weight:700;padding-right:3px}
#application-path .map-scroll{height:clamp(390px,calc(100dvh - 470px),660px);overflow:auto;position:relative;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--uw-line) transparent;background:radial-gradient(circle at 16% 92%,color-mix(in srgb, var(--ap-ok-wash) 50%, transparent),transparent 34%),radial-gradient(circle at 87% 75%,color-mix(in srgb, var(--uw-amber-soft) 50%, transparent),transparent 25%),linear-gradient(var(--uw-surface),var(--uw-surface));scroll-behavior:smooth}
#application-path .path-stages{display:flex;flex-direction:column-reverse;max-width:680px;margin:auto}
#application-path .path-stage{position:relative;flex:none}
#application-path .stage-divider{position:absolute;bottom:8px;left:18px;right:18px;border-top:1px dashed var(--uw-line);padding:14px 10px 0;display:flex;align-items:center;gap:9px;height:66px}
#application-path .stage-divider>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:white;border:1px solid var(--uw-line);font-size:13px;font-weight:750;color:var(--uw-muted)}
#application-path .stage-divider h3{font-size:14px;font-weight:750}
#application-path .stage-divider small{font-size:11px;color:var(--uw-muted);margin-left:auto}
#application-path .path-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#application-path .path-line{fill:none;stroke:var(--uw-line);stroke-width:10;stroke-linecap:round}
#application-path .path-line.done{stroke:var(--gold)}
#application-path .path-line.partial{stroke:var(--uw-muted);stroke-dasharray:4 12;stroke-width:7}
#application-path .level-stop{position:absolute;width:132px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;z-index:2;scroll-margin:90px}
#application-path .node{position:relative;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--uw-surface-soft);border:4px solid #fff;color:var(--uw-muted);box-shadow:0 7px 0 var(--uw-line-strong),0 10px 16px color-mix(in srgb, var(--uw-text) 4%, transparent);transition:transform .16s,box-shadow .16s}
#application-path .node:hover{transform:translateY(-3px);box-shadow:0 10px 0 var(--uw-line-strong)}
#application-path .node:active{transform:translateY(5px);box-shadow:0 2px 0 var(--uw-line-strong)}
#application-path .node>svg{width:27px;height:27px;stroke-width:2.1}
#application-path .node.done{background:var(--gold);border-color:var(--uw-amber-soft);color:var(--uw-amber-ink);box-shadow:0 7px 0 var(--gold)}
#application-path .node.current{width:76px;height:76px;margin-top:-3px;background:var(--blue);border-color:var(--uw-surface);color:white;box-shadow:0 7px 0 var(--uw-accent),0 0 0 6px var(--uw-line)}
#application-path .node.started:not(.current){background:var(--uw-line);color:var(--uw-accent);box-shadow:0 7px 0 var(--uw-line-strong)}
#application-path .node.external{background:var(--uw-surface-soft);color:var(--uw-muted);box-shadow:0 7px 0 var(--uw-line-strong)}
#application-path .node.locked{background:var(--uw-surface-soft);color:var(--uw-muted)}
#application-path .node-order{position:absolute;right:-3px;bottom:-2px;background:white;border:1px solid var(--uw-line);min-width:23px;height:23px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:750;color:var(--uw-text)}
#application-path .current-flag{position:absolute;top:-26px;background:white;color:var(--uw-accent);border:1px solid var(--uw-line);border-radius:8px;padding:2px 10px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 3px 0 var(--uw-line)}
#application-path .node-title{font-size:13px;line-height:1.4;font-weight:650;text-align:center;margin-top:12px;background:color-mix(in srgb, var(--uw-surface) 85%, transparent);border-radius:6px;padding-inline:3px;max-width:132px}
#application-path .node-progress{width:80px;margin-top:6px}
#application-path .node-caption{font-size:11px;color:var(--uw-muted);line-height:1.2;margin-top:4px;background:color-mix(in srgb, var(--uw-surface) 85%, transparent);border-radius:3px}
#application-path .path-deco{position:absolute;left:8%;top:35%;display:grid;justify-items:center;gap:8px;color:var(--uw-muted);opacity:.7;pointer-events:none}
#application-path .path-deco svg{width:35px;height:35px;stroke-width:1.1}
#application-path .path-deco span{font-size:11px;letter-spacing:2px}
#application-path .journey-origin,#application-path .journey-destination{display:grid;justify-items:center;text-align:center;padding:15px 20px 30px;gap:5px;color:var(--uw-muted)}
#application-path .journey-origin>span{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:var(--uw-surface-soft);margin-bottom:5px}
#application-path .journey-origin strong,#application-path .journey-destination strong{font-size:14px}
#application-path .journey-origin small,#application-path .journey-destination span{font-size:12px;color:var(--uw-muted)}
#application-path .journey-destination{padding:35px 20px 20px}
#application-path .journey-destination>svg{width:36px;height:36px;color:var(--gold);margin-bottom:7px}
#application-path .map-caption{padding:10px 18px;display:flex;align-items:center;gap:15px;font-size:11px;color:var(--uw-muted);border-top:1px solid var(--uw-surface-soft);background:#fff}
#application-path .map-caption>span{display:flex;gap:6px;align-items:center}
#application-path .map-caption>span:last-child{margin-left:auto}
#application-path .map-caption svg{width:14px;height:14px}
#application-path .dot{width:9px;height:9px;border-radius:50%;background:var(--uw-line);display:inline-block;flex:none}
#application-path .dot.done{background:var(--gold)}
#application-path .dot.active{background:var(--blue)}
#application-path .next-sidebar{display:grid;gap:18px}
#application-path .next-card{background:white;border:1px solid var(--border);border-radius:22px;padding:23px;box-shadow:0 4px 0 var(--uw-surface-soft)}
#application-path .kicker{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--uw-accent);margin-bottom:23px}
#application-path .kicker svg{width:18px}
#application-path .next-card>span{font-size:12px;color:var(--uw-muted)}
#application-path .next-card h2{font-size:22px;line-height:1.5;margin:8px 0}
#application-path .next-card>p:not(.kicker){font-size:13px;line-height:1.8;color:var(--uw-muted);margin-bottom:20px}
#application-path .next-card .primary-button{display:flex;margin-top:20px}
#application-path .mascot-note{border-top:1px dashed var(--uw-line);margin-top:26px;padding-top:18px;display:flex;gap:15px;align-items:center}
#application-path .mascot{position:relative;width:56px;height:69px;flex:none}
#application-path .mascot img{width:100%;height:100%;object-fit:contain}
#application-path .eye{position:absolute;background:var(--uw-text);width:8.5%;height:12%;border-radius:50%;top:47%}
#application-path .eye.left{left:37%;transform:rotate(8deg)}
#application-path .eye.right{left:61%;top:49%;transform:rotate(-6deg)}
#application-path .mascot-note p{font-size:12px;color:var(--uw-muted)}
#application-path .side-note{display:flex;gap:12px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:18px}
#application-path .side-note>svg{color:var(--uw-muted)}
#application-path .side-note h3{font-size:13px}
#application-path .side-note p{font-size:12px;color:var(--uw-muted);margin:4px 0}
#application-path .side-note a{display:flex;align-items:center;gap:6px;font-size:12px;padding-top:8px}
#application-path .side-note a svg{width:15px}
#application-path .source-button{display:flex;align-items:center;gap:8px;text-align:left;font-size:12px;color:var(--uw-muted);padding:8px}
#application-path .source-button svg{width:16px}
#application-path .source-button svg:last-child{margin-left:auto}
#application-path .meter{height:9px;background:var(--uw-surface-soft);border-radius:20px;position:relative;overflow:hidden}
#application-path .meter-fill{position:absolute;inset:0 auto 0 0;width:var(--progress);max-width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--uw-accent),var(--uw-muted));transition:width .4s ease;overflow:hidden}
#application-path .meter.gold .meter-fill{background:linear-gradient(90deg,var(--gold),var(--gold))}
#application-path .meter.small{height:5px}
#application-path .meter.big{height:13px}
#application-path .particle{position:absolute;inset:0;width:100%;opacity:0;animation:particle-flow 2s ease-out 3;animation-delay:var(--delay)}
#application-path .particle:before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 7px rgb(255 255 255 / 79%);transform:translateY(-50%)}
#application-path .meter:not(.animate) .particle{animation:none}
#application-path .particle.star:before{width:6px;height:6px;border-radius:1px;transform:translateY(-50%) rotate(45deg)}
@keyframes particle-flow{0%{transform:translateX(0);opacity:0}20%{opacity:.8}80%{opacity:.7}100%{transform:translateX(100%);opacity:0}}#application-path .meter-label{display:flex;justify-content:space-between;font-size:12px;color:var(--uw-muted);margin-bottom:7px}
#application-path .meter-label strong{color:var(--uw-accent)}
#application-path .overview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0 23px}
#application-path .overview-heading h2{font-size:28px;letter-spacing:-.7px}
#application-path .overview-heading p:last-child{font-size:14px;color:var(--uw-muted);margin-top:8px}
#application-path .overview-stats{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:16px;margin-bottom:22px}
#application-path .stat-card{border:1px solid var(--border);border-radius:20px;padding:20px;background:white}
#application-path .stat-card>span{font-size:12px;color:var(--uw-muted)}
#application-path .stat-card>strong{display:block;font-size:30px;font-weight:800;margin:4px 0}
#application-path .stat-card>small{font-size:12px;color:var(--uw-muted)}
#application-path .stat-card.overall-stat{background:var(--uw-surface-soft);border-color:var(--uw-line)}
#application-path .stat-card.overall-stat>strong{color:var(--uw-accent)}
#application-path .stat-card .meter{margin-top:12px}
#application-path .overview-filter{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}
#application-path .overview-filter button{border:1px solid var(--uw-line);background:white;padding:8px 17px;border-radius:25px;font-size:13px;color:var(--uw-muted)}
#application-path .overview-filter button[aria-pressed=true]{background:var(--uw-accent);border-color:var(--uw-accent);color:white}
#application-path #overview-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#application-path .stage-card{padding:21px;border:1px solid var(--border);background:white;border-radius:20px;min-width:0}
#application-path .stage-card header{display:flex;align-items:center;gap:11px;margin-bottom:13px}
#application-path .stage-card header .square-icon{width:40px;height:40px;border-radius:13px}
#application-path .stage-card h3{font-size:16px}
#application-path .stage-card header small{font-size:12px;color:var(--uw-muted)}
#application-path .stage-card header>span:last-child{margin-left:auto;font-size:13px;color:var(--uw-accent)}
#application-path .stage-level{display:grid;grid-template-columns:29px minmax(0,1fr) 72px;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--uw-surface-soft)}
#application-path .stage-level:last-child{border-bottom:0;padding-bottom:0}
#application-path .stage-level>span:first-child{width:27px;height:27px;background:var(--uw-surface-soft);border-radius:9px;color:var(--uw-muted);display:grid;place-items:center;font-size:11px}
#application-path .stage-level.is-done>span:first-child{background:var(--uw-amber-soft);color:var(--uw-amber-ink)}
#application-path .stage-level>span>svg{width:16px;height:16px}
#application-path .stage-level b{font-size:13px;font-weight:600;display:block}
#application-path .stage-level small{font-size:11px;color:var(--uw-muted)}
#application-path .stage-level .row-progress{text-align:right;font-size:11px;color:var(--uw-muted)}
#application-path .stage-level .meter{margin-top:6px}
#application-path .overview-empty{padding:50px;text-align:center;font-size:14px;color:var(--uw-muted);grid-column:1/-1}
#application-path .level-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px;color:var(--uw-muted)}
#application-path .back-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:8px 0;color:var(--uw-accent)}
#application-path .level-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
#application-path .level-card{background:white;border:1px solid var(--border);border-radius:24px;box-shadow:0 5px 0 var(--uw-surface-soft);overflow:hidden;min-width:0}
#application-path .level-heading{padding:24px 30px 20px;border-bottom:1px solid var(--uw-surface-soft);display:flex;align-items:center;gap:16px}
#application-path .level-heading .square-icon{width:58px;height:58px;border-radius:18px}
#application-path .level-heading .square-icon svg{width:29px;height:29px}
#application-path .level-heading h2{font-size:24px;line-height:1.45;letter-spacing:-.4px}
#application-path .level-heading .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:3px}
#application-path .level-heading p:last-child{font-size:13px;color:var(--uw-muted);margin-top:4px}
#application-path .level-progress{padding:17px 30px 0}
#application-path .level-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--uw-muted);margin-bottom:8px}
#application-path .level-body{padding:24px 30px}
#application-path .task-question{font-size:19px;font-weight:700;line-height:1.65;max-width:33ch;text-wrap:balance;margin-bottom:18px}
#application-path .level-body label:not(.check-row){display:block;font-size:13px;font-weight:600;margin-bottom:7px}
#application-path .level-body input[type=text],#application-path .level-body input[type=url],#application-path .level-body input[type=date],#application-path .level-body input[type=number],#application-path .level-body textarea,#application-path .level-body select{width:100%;border:1px solid var(--uw-line);border-radius:14px;padding:12px 14px;background:var(--uw-surface);min-height:48px;font-size:15px}
#application-path .level-body textarea{resize:vertical;min-height:180px;line-height:1.9}
#application-path .level-body textarea::placeholder,#application-path .level-body input::placeholder{color:var(--uw-line-strong)}
#application-path .input-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px;color:var(--uw-muted);margin:4px 0 18px}
#application-path .hint-toggle{display:inline-flex;gap:6px;align-items:center;color:var(--uw-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:0}
#application-path .hint-toggle svg{width:16px}
#application-path .example-note{padding:15px 17px;background:var(--uw-surface);border-radius:13px;font-size:13px;color:var(--uw-muted);margin-bottom:17px;line-height:1.8}
#application-path .confirmation{margin-top:19px;border-top:1px solid var(--uw-surface-soft);padding-top:18px}
#application-path .check-row{display:flex;align-items:flex-start;gap:10px;padding:13px 12px;border:1px solid var(--uw-line);border-radius:13px;font-size:13px;min-height:52px;cursor:pointer;margin-bottom:10px}
#application-path .check-row:has(input:checked){background:var(--ap-ok-wash);border-color:var(--ap-ok)}
#application-path .check-row input{min-height:0;width:18px;height:18px;flex:none;accent-color:var(--uw-accent);margin:3px 0 0}
#application-path .check-row span{line-height:1.7}
#application-path .level-actions{position:sticky;bottom:0;padding:17px 30px;background:#fff;border-top:1px solid var(--uw-surface-soft);display:flex;align-items:center;gap:12px;z-index:4}
#application-path .level-actions>span{margin-right:auto;font-size:12px;color:var(--uw-muted)}
#application-path .level-actions .outline-button{box-shadow:none}
#application-path .level-actions .primary-button{min-width:166px}
#application-path .support-card{background:white;border:1px solid var(--border);border-radius:20px;padding:19px;margin-bottom:16px}
#application-path .support-card h3{font-size:14px;display:flex;gap:8px;align-items:center;margin-bottom:14px}
#application-path .support-card h3 svg{width:18px;color:var(--uw-muted)}
#application-path .support-points{list-style:none;margin:0;padding:0;display:grid;gap:13px}
#application-path .support-points li{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.8;color:var(--uw-muted)}
#application-path .support-points svg{width:15px;height:15px;margin-top:4px;color:var(--uw-muted)}
#application-path .source-details{font-size:12px;color:var(--uw-muted);border-top:1px solid var(--uw-surface-soft);margin-top:16px;padding-top:9px}
#application-path .source-details summary{display:flex;align-items:center;justify-content:space-between;gap:5px;cursor:pointer;min-height:44px;color:var(--uw-accent)}
#application-path .source-details summary svg{width:16px}
#application-path .source-details p{font-size:12px;line-height:1.85;margin:12px 0}
#application-path .source-details a{display:flex;align-items:center;gap:6px;font-size:12px;min-height:44px;overflow-wrap:anywhere}
#application-path .source-details a svg{width:14px}
#application-path .small-warning{font-size:12px;background:var(--uw-amber-soft);color:var(--uw-amber-ink);padding:11px 13px;border-radius:12px;margin-bottom:17px}
#application-path .context-card{font-size:12px;line-height:1.9;color:var(--uw-muted);padding:0 9px}
#application-path .context-card strong{color:var(--uw-text);font-size:13px;display:block}
#application-path .choice-box{display:flex;align-items:center;gap:15px;padding:20px;background:var(--uw-surface-soft);border:1px solid var(--uw-line);border-radius:16px;margin-bottom:19px}
#application-path .choice-box>svg{width:30px;height:30px;color:var(--uw-muted)}
#application-path .choice-box strong{display:block;font-size:17px}
#application-path .choice-box small{font-size:12px;color:var(--uw-muted)}
#application-path .option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:19px}
#application-path .option-card{padding:15px 8px;border:1px solid var(--uw-line);border-radius:14px;font-size:13px;min-height:70px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--uw-surface)}
#application-path .option-card input{min-height:0;accent-color:var(--uw-accent)}
#application-path .option-card:has(input:checked){border-color:var(--uw-muted);background:var(--uw-surface-soft);color:var(--uw-accent)}
#application-path .upload-box{border:2px dashed var(--uw-line);border-radius:19px;padding:32px 18px;text-align:center;background:var(--uw-surface)}
#application-path .upload-box>svg{width:40px;height:40px;stroke-width:1.4;color:var(--uw-muted);margin-bottom:10px}
#application-path .upload-box h3{font-size:16px}
#application-path .upload-box p{font-size:12px;color:var(--uw-muted);margin:5px 0 15px}
#application-path .upload-box .outline-button{font-size:13px;box-shadow:none}
#application-path .file-receipt{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--ap-ok);border-radius:15px;background:var(--ap-ok-wash);margin-bottom:14px;overflow-wrap:anywhere}
#application-path .file-receipt>svg{color:var(--ap-ok);flex:none}
#application-path .file-receipt b{font-size:14px;display:block}
#application-path .file-receipt small{display:block;font-size:11px;color:var(--ap-ok)}
#application-path .file-receipt button{margin-left:auto;font-size:12px;white-space:nowrap;color:var(--uw-muted)}
#application-path .course-fields{display:grid;gap:16px}
#application-path .course-fields .field-row{display:grid;grid-template-columns:1fr 100px;gap:14px}
#application-path .course-fields label{margin-bottom:6px}
#application-path .course-fields textarea{min-height:115px}
#application-path .document-preview{background:var(--uw-surface);border:1px solid var(--uw-amber-soft);border-radius:14px;padding:23px;max-height:350px;overflow:auto;font-size:13px;line-height:1.9}
#application-path .document-preview section{margin-bottom:20px}
#application-path .document-preview h3{font-size:14px;margin-bottom:5px}
#application-path .document-preview p{white-space:pre-wrap;color:var(--uw-muted)}
#application-path .missing-copy{color:var(--gold)!important}
#application-path .next-step-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
#application-path .next-step-links a{font-size:12px;border:1px solid var(--uw-line);padding:7px 10px;border-radius:10px}
#application-path .packet-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--uw-surface-soft);font-size:14px}
#application-path .packet-row svg{color:var(--uw-muted)}
#application-path .packet-row span{margin-left:auto;font-size:12px;color:var(--uw-muted)}
#application-path .external-notice{display:flex;gap:12px;padding:16px;background:var(--uw-surface);border:1px solid var(--uw-line);border-radius:15px;font-size:13px;color:var(--uw-muted);margin-bottom:20px}
#application-path .external-notice>svg{flex:none}
#application-path .official-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;margin-bottom:16px;text-decoration:underline;text-underline-offset:4px}
#application-path .error-box{color:var(--ap-bad);background:var(--ap-bad-wash);border:1px solid var(--ap-bad);padding:13px;border-radius:13px;font-size:13px;margin-top:14px}
#application-path .success-state{padding:36px 25px;text-align:center}
#application-path .success-emblem{width:86px;height:86px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:var(--gold);color:var(--uw-amber-ink);border:6px solid var(--uw-amber-soft);box-shadow:0 6px 0 var(--gold);animation:level-pop .55s ease}
#application-path .success-emblem svg{width:37px;height:37px}
#application-path .success-state h3{font-size:24px;margin-bottom:10px}
#application-path .success-state p{font-size:14px;color:var(--uw-muted);margin-bottom:24px}
#application-path .success-state .primary-button{display:flex;margin:20px auto 14px;max-width:280px}
#application-path .success-state .quiet-button{font-size:13px}
#application-path .success-state .meter{max-width:300px;margin:auto}
#application-path .celebration{position:relative}
#application-path .celebration:before,#application-path .celebration:after{content:"";position:absolute;top:40px;left:35%;width:7px;height:7px;background:var(--gold);border-radius:2px;animation:confetti .7s ease-out forwards;pointer-events:none}
#application-path .celebration:after{left:65%;background:var(--uw-line-strong);--dx:45px}
#application-path .page-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid var(--uw-surface-soft);margin-top:24px;padding-top:15px;font-size:11px;color:var(--uw-muted)}
#application-path .page-footer label{display:flex;align-items:center;gap:7px;white-space:nowrap}
#application-path .page-footer select{border:1px solid var(--uw-line);border-radius:10px;background:white;padding:6px;font-size:11px;min-height:44px}
#application-path .page-footer>a{display:flex;align-items:center;gap:5px}
#application-path .page-footer>a svg{width:15px}
#application-path #toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:13px 20px;background:var(--ap-ok-wash);color:var(--ap-ok);border:1px solid var(--ap-ok);border-radius:15px;box-shadow:0 10px 35px color-mix(in srgb, var(--uw-accent) 8%, transparent);font-size:13px;max-width:calc(100vw - 30px);z-index:90}
#application-path #toast.error{background:var(--ap-bad-wash);color:var(--ap-bad);border-color:var(--ap-bad)}
#application-path dialog{color:var(--ink);border:1px solid var(--uw-line);border-radius:25px;padding:30px;width:min(470px,calc(100vw - 32px));max-height:90dvh;box-shadow:0 22px 90px color-mix(in srgb, var(--uw-accent) 25%, transparent)}
#application-path dialog[open]{animation:card-in .22s ease}
#application-path dialog::backdrop{background:color-mix(in srgb, var(--uw-accent) 31%, transparent);backdrop-filter:blur(4px)}
#application-path dialog h2{font-size:24px;margin:13px 20px 10px 0}
#application-path dialog p{font-size:13px;color:var(--uw-muted);margin-bottom:18px;line-height:1.9}
#application-path dialog label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}
#application-path dialog select{width:100%;min-height:48px;border:1px solid var(--uw-line);background:white;border-radius:13px;padding:8px;font-size:14px}
#application-path dialog .primary-button{width:100%;margin-top:15px}
#application-path .preview-hint{font-size:12px!important;background:var(--uw-surface);padding:10px 12px;border-radius:11px;margin-top:18px}
#application-path .close-dialog{position:absolute;top:13px;right:13px}
#application-path .icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--uw-muted)}
#application-path .icon-button:hover{background:var(--uw-surface-soft)}
@keyframes level-pop{0%{transform:scale(.8)}60%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes confetti{from{opacity:1;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--dx,-45px),-65px) rotate(90deg)}}@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1600px){#application-path .app-shell{margin-inline:auto;padding-left:110px;max-width:1450px}
}
@media(max-width:1100px){#application-path .app-shell{padding-inline:22px}
#application-path .map-layout{gap:18px;grid-template-columns:minmax(0,1fr) 250px}
#application-path .next-card{padding:19px}
#application-path .next-card h2{font-size:20px}
#application-path .map-toolbar{padding:9px}
#application-path .map-toolbar select{max-width:200px}
#application-path .map-toolbar .quiet-button{font-size:0;padding:8px}
#application-path .level-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}
#application-path .level-heading{padding:22px}
#application-path .level-body,#application-path .level-progress{padding-inline:22px}
#application-path .level-actions{padding-inline:20px}
#application-path .level-actions>span{display:none}
#application-path .overview-stats{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px}
#application-path .stat-card{padding:16px}
}
@media(max-width:900px){#application-path .app-shell{margin-left:96px;padding:10px 19px 25px}
#application-path .next-sidebar{display:none}
#application-path .map-layout{grid-template-columns:1fr}
#application-path .plan-progress{width:190px}
#application-path .plan-choice select{font-size:16px;max-width:285px}
#application-path .map-toolbar select{max-width:260px}
#application-path .level-layout{grid-template-columns:1fr}
#application-path .level-support{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#application-path .support-card{margin:0}
#application-path .context-card{padding:15px;align-self:center}
#application-path .level-actions>span{display:inline}
#application-path .overview-stats{grid-template-columns:1.5fr 1fr 1fr}
#application-path .stat-card:last-child{display:none}
#application-path #overview-stages{grid-template-columns:1fr}
#application-path .overview-heading{align-items:flex-start}
#application-path .overview-heading h2{font-size:25px}
#application-path .overview-heading>.outline-button{font-size:12px;white-space:nowrap}
#application-path .page-footer{flex-wrap:wrap;gap:12px}
#application-path .page-footer>span{flex-basis:100%}
}
@media(max-width:600px){#application-path{font-size:15px}
#application-path .site-rail{display:none}
#application-path .app-shell{margin:0;padding:0 16px 20px}
#application-path .preview-strip{font-size:10px;min-height:36px}
#application-path .preview-strip svg{width:13px}
#application-path .preview-strip button{font-size:10px}
#application-path .desktop-only{display:none}
#application-path .app-header{padding:12px 0 16px}
#application-path .header-title>img{display:block}
#application-path .app-header .eyebrow{display:none}
#application-path .app-header h1{font-size:24px}
#application-path .app-header .outline-button{font-size:12px;padding:8px 11px;min-height:44px;box-shadow:none}
#application-path .app-header .outline-button svg{width:17px}
#application-path .plan-strip{padding:12px 14px;gap:13px;display:block;border-radius:18px}
#application-path .plan-choice{gap:9px}
#application-path .square-icon{width:42px;height:42px;border-radius:13px}
#application-path .plan-choice label{font-size:10px}
#application-path .plan-choice select{font-size:15px;max-width:265px;min-height:44px;padding:3px 0}
#application-path .plan-choice small{font-size:11px}
#application-path .plan-progress{width:100%;display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--uw-surface-soft)}
#application-path .plan-progress>div:first-child{min-width:105px;margin:0;font-size:11px;gap:12px}
#application-path .plan-progress strong{font-size:13px}
#application-path #overall-meter{flex:1}
#application-path .hub-tabs{padding:13px 0;gap:5px}
#application-path .hub-tabs>a{font-size:13px;padding:8px 13px;gap:6px}
#application-path .hub-tabs svg{width:18px}
#application-path .hub-tabs>span{font-size:0}
#application-path .map-panel{border-radius:20px}
#application-path .map-toolbar{padding:7px 8px;gap:4px}
#application-path .map-toolbar>label>svg{display:none}
#application-path .map-toolbar select{font-size:12px;max-width:178px}
#application-path .current-button{font-size:11px;padding:8px;gap:4px}
#application-path .current-button svg{width:16px}
#application-path .map-toolbar .quiet-button{display:none}
#application-path .map-scroll{height:clamp(400px,calc(100dvh - 420px),620px)}
#application-path .map-caption{padding:9px 11px;gap:10px;font-size:10px}
#application-path .map-caption>span:last-child{font-size:0;gap:0}
#application-path .map-caption svg{width:15px}
#application-path .level-stop{width:116px}
#application-path .node-title{font-size:12px;max-width:116px}
#application-path .node-caption{font-size:11px}
#application-path .stage-divider{left:10px;right:10px;padding-inline:5px;gap:7px}
#application-path .stage-divider h3{font-size:13px}
#application-path .stage-divider small{font-size:10px}
#application-path .stage-divider>span{width:27px;height:27px;font-size:12px}
#application-path .path-deco{display:none}
#application-path .journey-origin{padding-bottom:24px}
#application-path .journey-origin strong{font-size:13px}
#application-path .journey-origin small{font-size:11px}
#application-path .level-topline{margin-bottom:12px;font-size:11px;gap:10px}
#application-path .level-topline>span{max-width:170px;text-align:right}
#application-path .level-card{border-radius:20px}
#application-path .level-heading{padding:19px 18px;gap:12px}
#application-path .level-heading .square-icon{width:46px;height:46px;border-radius:15px}
#application-path .level-heading .square-icon svg{width:24px}
#application-path .level-heading h2{font-size:20px}
#application-path .level-heading .eyebrow{font-size:9px}
#application-path .level-heading p:last-child{font-size:11px}
#application-path .level-progress{padding:16px 18px 0}
#application-path .level-body{padding:21px 18px}
#application-path .task-question{font-size:17px;line-height:1.7;margin-bottom:18px}
#application-path .level-body textarea{min-height:165px;font-size:16px}
#application-path .level-body input,#application-path .level-body select{font-size:16px!important}
#application-path .input-meta{font-size:11px}
#application-path .option-grid{gap:6px}
#application-path .option-card{font-size:12px;padding-inline:5px;min-height:62px;flex-wrap:wrap}
#application-path .level-actions{padding:13px 15px;gap:9px;position:sticky;bottom:0}
#application-path .level-actions>span{display:none}
#application-path .level-actions .primary-button{flex:1;min-width:0;font-size:13px}
#application-path .level-actions .outline-button{font-size:13px;padding:11px 15px}
#application-path .level-support{grid-template-columns:1fr;gap:13px}
#application-path .context-card{font-size:11px;padding:4px 8px}
#application-path .support-card{padding:17px}
#application-path .level-layout{gap:17px}
#application-path .document-preview{padding:17px;max-height:320px}
#application-path .success-state{padding:32px 20px}
#application-path .success-state h3{font-size:22px}
#application-path .overview-heading{margin-top:5px;display:block}
#application-path .overview-heading .eyebrow{font-size:9px}
#application-path .overview-heading h2{font-size:25px}
#application-path .overview-heading p:last-child{font-size:12px;line-height:1.8}
#application-path .overview-heading>a{margin-top:15px}
#application-path .overview-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}
#application-path .stat-card{padding:13px;border-radius:16px}
#application-path .stat-card>span{font-size:11px}
#application-path .stat-card>strong{font-size:25px}
#application-path .stat-card>small{font-size:10px}
#application-path .stat-card.overall-stat{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}
#application-path .overall-stat>strong{grid-column:2;grid-row:1/3;font-size:36px;margin:0}
#application-path .overall-stat>span{align-self:end}
#application-path .overall-stat>.meter{grid-column:1/-1}
#application-path .stat-card:last-child{display:block}
#application-path .overview-filter{gap:5px}
#application-path .overview-filter button{font-size:12px;padding:7px 12px}
#application-path .stage-card{padding:17px}
#application-path .stage-level{grid-template-columns:25px minmax(0,1fr) 60px;gap:8px}
#application-path .stage-level b{font-size:12px}
#application-path .stage-card h3{font-size:14px}
#application-path .stage-card header>span:last-child{font-size:12px}
#application-path .page-footer{font-size:10px;margin-top:18px;align-items:center}
#application-path .page-footer>span{line-height:1.8}
#application-path .page-footer label{font-size:10px}
#application-path .page-footer select{font-size:10px}
#application-path .page-footer>a{font-size:11px}
#application-path .task-question+small{font-size:12px}
#application-path .upload-box{padding:25px 12px}
#application-path .upload-box h3{font-size:15px}
#application-path .upload-box p{font-size:11px}
#application-path .course-fields .field-row{grid-template-columns:1fr}
#application-path .choice-box{padding:17px}
#application-path .choice-box strong{font-size:15px}
#application-path dialog{padding:24px}
#application-path dialog h2{font-size:22px}
#application-path .error-box{font-size:12px}
#application-path #toast{font-size:12px;width:max-content;text-align:center}
}
@media(prefers-reduced-motion:reduce){#application-path,#application-path .map-scroll{scroll-behavior:auto}
#application-path:not([data-motion=running]) *,#application-path:not([data-motion=running]) *:before,#application-path:not([data-motion=running]) *:after{animation:none!important;transition:none!important}
#application-path:not([data-motion=running]) .particle{display:none}
#application-path dialog::backdrop{backdrop-filter:none}
}#application-path .stage-divider{z-index:1;background:linear-gradient(transparent,var(--uw-surface) 28%)}
#application-path .header-actions{display:flex;align-items:center;gap:6px}
#application-path #mobile-nav{display:none}
#application-path .mobile-site-nav{display:grid;gap:8px}
#application-path .mobile-site-nav a{display:flex;align-items:center;gap:12px;padding:12px;background:var(--uw-surface);border-radius:12px}
@media(max-width:600px){#application-path #mobile-nav{display:grid}
}#application-path .level-card{overflow:clip}
#application-path .source-details:first-child{border:0;padding:0;margin:0}
@media(max-width:600px){#application-path .map-toolbar .quiet-button{display:inline-flex;width:44px;min-width:44px;padding:10px;font-size:0}
#application-path .map-toolbar select{max-width:150px}
#application-path .level-actions{padding-bottom:max(13px,env(safe-area-inset-bottom))}
}#application-path .preview-actions{display:flex;align-items:center;gap:10px}
#application-path .preview-strip #motion-toggle{width:44px;height:44px;text-decoration:none}
#application-path .preview-strip #motion-toggle svg{width:18px;height:18px}
#application-path .overview-heading{justify-content:flex-end;margin:0 0 16px}
#application-path .overview-heading>a{margin-top:0}
#application-path .mascot-note{justify-content:center;padding-top:12px;margin-top:18px}
#application-path .path-stages{padding-top:26px;padding-bottom:14px}
#application-path .stage-divider{height:94px;bottom:8px;border:0;background:none;padding:16px 22px;gap:14px;isolation:isolate}
#application-path .stage-divider .stage-wave{position:absolute;inset:-5px 0;width:100%;height:calc(100% + 10px);z-index:-1;filter:drop-shadow(0 4px 0 var(--uw-line))}
#application-path .stage-divider>span{width:42px;height:42px;border:0;border-radius:15px;color:var(--uw-accent);background:rgb(255 255 255 / 85%);font-size:17px;box-shadow:0 3px 0 var(--uw-line)}
#application-path .stage-divider h3{font-size:20px;font-weight:800;line-height:1.35;color:var(--uw-accent);text-wrap:balance}
#application-path .stage-divider small{font-size:12px;color:var(--uw-accent);white-space:nowrap;padding:4px 10px;background:rgb(255 255 255 / 74%);border-radius:20px}
#application-path .meter:not(.small){height:11px}
#application-path .meter.big{height:14px}
#application-path .meter-fill{background:linear-gradient(90deg,var(--uw-accent),var(--uw-muted))}
#application-path .meter-fill::after{content:"";position:absolute;inset:0 auto 0 0;width:48%;background:linear-gradient(105deg,transparent,rgb(255 255 255 / 64%),transparent);opacity:0;animation:meter-sheen 2.8s linear infinite;animation-play-state:paused;pointer-events:none}
#application-path .particle{animation:particle-flow 2.8s linear infinite;animation-delay:var(--delay);animation-play-state:paused}
#application-path .particle:before{width:5px;height:5px;box-shadow:0 0 5px white}
#application-path .meter.animate.motion-visible .meter-fill::after,#application-path .meter.animate.motion-visible .particle{animation-play-state:running}
#application-path .meter:not(.animate) .meter-fill::after,#application-path .meter[data-empty=true] .meter-fill::after,#application-path .meter[data-empty=true] .particle{animation:none}

@keyframes meter-sheen{0%{transform:translateX(-110%);opacity:0}12%{opacity:.85}88%{opacity:.85}100%{transform:translateX(310%);opacity:0}}#application-path .node.done{background:linear-gradient(145deg,var(--gold),var(--gold) 65%,var(--gold));border-color:var(--uw-amber-soft);color:var(--uw-amber-ink);box-shadow:0 7px 0 var(--uw-amber-ink),0 0 0 4px color-mix(in srgb, var(--gold) 44%, transparent),0 0 23px color-mix(in srgb, var(--gold) 44%, transparent)}
#application-path .node.done>svg{stroke-width:3;filter:drop-shadow(0 1px 0 var(--uw-amber-soft))}
#application-path .node.done::before{content:"";position:absolute;inset:-13px;border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 15px color-mix(in srgb, var(--gold) 50%, transparent);opacity:.45;pointer-events:none;animation:completed-halo 3.4s ease-in-out infinite;animation-play-state:paused}
#application-path .node.done::after{content:"";position:absolute;inset:-17px;background:radial-gradient(circle at 86% 20%,var(--uw-amber-soft) 0 3px,transparent 4px),radial-gradient(circle at 13% 78%,var(--gold) 0 2px,transparent 3px);border-radius:50%;pointer-events:none;animation:completed-sparkle 3.4s ease-in-out infinite;animation-play-state:paused}
#application-path .node.done.motion-visible::before,#application-path .node.done.motion-visible::after{animation-play-state:running}
#application-path .node.done:active{box-shadow:0 2px 0 var(--uw-amber-ink),0 0 20px color-mix(in srgb, var(--gold) 63%, transparent)}
#application-path .success-emblem{box-shadow:0 6px 0 var(--gold),0 0 0 8px color-mix(in srgb, var(--gold) 36%, transparent),0 0 40px color-mix(in srgb, var(--gold) 50%, transparent)}

@keyframes completed-halo{0%,100%{transform:scale(.94);opacity:.3}50%{transform:scale(1.1);opacity:.8}}
@keyframes completed-sparkle{0%,100%{transform:rotate(-8deg) scale(.95);opacity:.45}50%{transform:rotate(12deg) scale(1.06);opacity:1}}#application-path[data-motion=paused] *,#application-path[data-motion=paused] *::before,#application-path[data-motion=paused] *::after{animation-play-state:paused!important}

@media(max-width:600px){#application-path .stage-divider{left:8px;right:8px;padding:13px 12px;gap:9px}
#application-path .stage-divider>span{width:32px;height:36px;font-size:14px;flex:none}
#application-path .stage-divider h3{font-size:17px}
#application-path .stage-divider small{font-size:10px;padding:4px 6px}
#application-path .overview-heading{display:flex;margin:0 0 13px}
#application-path .overview-heading>a{margin:0}
#application-path .preview-actions{gap:2px}
}
@media(prefers-reduced-motion:reduce){#application-path:not([data-motion=running]) .meter-fill::after,#application-path:not([data-motion=running]) .node.done::after{display:none}
#application-path:not([data-motion=running]) .node.done::before{animation:none;transform:none;opacity:.45}
}

/* Integration: keep the existing website navigation and contain this design. */
.unified-shell #dashboard-view > #application-path{min-width:0;max-width:1440px;margin:0 auto;padding:16px 24px 32px;background:var(--uw-surface);border-radius:24px;position:relative}
#application-path .app-shell{margin:0;padding:0;max-width:none}#application-path .ap-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--uw-text);gap:10px;border-bottom:1px solid var(--uw-line)}
#application-path .ap-tools{margin-top:24px;font-size:13px}#application-path .ap-tools summary{min-height:44px;cursor:pointer}#application-path .ap-tools nav{display:flex;flex-wrap:wrap;gap:16px}
#application-path .ap-empty{padding:70px 20px;text-align:center;display:grid;justify-items:center;gap:20px}#application-path .ap-empty>svg{width:50px;height:50px;color:var(--uw-accent)}
#application-path .ap-loading{min-height:460px;background:linear-gradient(110deg,var(--uw-surface-soft) 15%,var(--uw-surface) 35%,var(--uw-surface-soft) 55%);background-size:200% 100%;animation:ap-skeleton 2s ease infinite;border-radius:20px}
@keyframes ap-skeleton{to{background-position:-200% 0}}
#application-path dialog{max-height:90dvh;overflow:auto}#application-path dialog input:not([type=checkbox]){width:100%;min-height:44px;border:1px solid var(--uw-line);border-radius:10px;padding:8px 12px}
#application-path .ap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#application-path .ap-warning{background:var(--uw-amber-soft);color:var(--uw-amber-ink);border-radius:12px;padding:8px 12px;margin-bottom:16px;font-size:13px}#application-path summary{min-height:44px;cursor:pointer;display:flex;align-items:center}#application-path .ap-warning p{padding-bottom:8px}
#application-path .ap-upload{margin:12px 0 20px;border:1px dashed var(--uw-line);border-radius:14px;padding:12px}#application-path .small-warning a{display:block;text-decoration:underline;min-height:44px}#application-path .choice-box strong{font-size:16px;line-height:1.7}#application-path .ap-deadline{font-size:13px;margin:16px 0;color:var(--ap-bad)}
#application-path .map-scroll{height:clamp(420px,calc(100dvh - 370px),660px)}#application-path .level-body textarea{max-width:100%}#application-path .stage-divider h3{overflow-wrap:anywhere}
#application-path .level-heading h2{margin:0}#application-path .ap-tools a{display:flex;align-items:center}#application-path .primary-button{font-family:inherit}
@media(max-width:600px){.unified-shell #dashboard-view > #application-path{padding:12px 10px 24px;border-radius:16px}#application-path .app-shell{padding:0;margin:0}#application-path .header-title>img{display:none}#application-path .ap-form-grid{grid-template-columns:1fr 1fr}#application-path .map-scroll{height:440px}#application-path .level-actions{bottom:70px}#application-path .stage-divider h3{font-size:16px}}

/* Colours of the application path that used to sit in midnight-theme.css (the brand's final colour layer); same position in the cascade, now with the rest of the page's styles. */
#application-path {
  --ink: #23324a; --blue: var(--uw-accent); --deep: var(--uw-accent-hover);
  --pale: #edf0f4; --page: #f5f7fa;
}
.unified-shell #dashboard-view > #application-path { background: var(--page); }
#application-path :is(.current-button, .square-icon, .hub-tabs > a.active, .stat-card.overall-stat,
  .overview-filter button[aria-pressed="true"], .option-card[aria-pressed="true"]) {
  background: var(--uw-accent); color: #fff; border-color: var(--uw-accent-edge);
}
#application-path .stat-card.overall-stat > :is(span, strong, small) { color: #fff; }
#application-path .overall-stat .meter { background: #ffffff30; }
#application-path .overall-stat .meter-fill { background: #fff; }
#application-path .overall-stat .particle::before { background: var(--uw-accent); box-shadow: 0 0 5px #23324a80; }
#application-path .overall-stat .meter-fill::after { background: linear-gradient(105deg,transparent,#23324a66,transparent); }
#application-path .primary-button { background: var(--uw-accent); color: #fff; border-color: var(--uw-accent-edge); }
#application-path .primary-button:hover { background: var(--uw-accent-hover); }
#application-path :is(.kicker, .app-header h1 span, .ap-empty > svg, .stage-card header > span:last-child) { color: var(--uw-accent); }
#application-path .meter-fill { background: var(--uw-accent); }
#application-path .meter.gold .meter-fill { background: linear-gradient(90deg,#d9ac39,#f6d572); }
#application-path .path-line.partial { stroke: var(--uw-accent); }
#application-path .node.current { background: var(--uw-accent); color: #fff; box-shadow: 0 7px 0 #101c2e,0 0 0 6px #23324a20; }
#application-path .node.started:not(.current) { background: var(--uw-accent); color: #fff; box-shadow: 0 7px 0 #101c2e; }
#application-path .node.current .current-flag { background: var(--uw-accent); color: #fff; border-color: #fff; box-shadow: 0 3px 0 #23324a30; }
#application-path .stage-divider .stage-wave path { fill: var(--uw-accent); }
#application-path .stage-divider .stage-wave path:first-child { fill: var(--uw-accent-edge); }
#application-path .stage-divider .stage-wave { filter: drop-shadow(0 4px 0 #17243a); }
#application-path .stage-divider h3 { color: #fff; }
#application-path .stage-divider > span, #application-path .stage-divider small {
  background: #ffffff1f; color: #fff; box-shadow: none;
}
#application-path .map-scroll { background: linear-gradient(#f0f3f7,#fafbfc); scrollbar-color: #9aa6b7 transparent; }
#application-path .glide-select { --gs-accent: #fff; --gs-surface: var(--uw-accent); --gs-highlight: #44536a; --gs-text: #fff; }
#application-path .glide-select__trigger { background: var(--uw-accent); color: #fff; border-color: var(--uw-accent-edge); box-shadow: 0 3px 0 #17243a; }
#application-path .glide-select__pill { background: var(--uw-accent-edge); box-shadow: inset 0 0 0 1px #ffffff30; }
#application-path .glide-select__number { color: #fff; }
#application-path .glide-select__menu { border-color: var(--uw-accent-edge); box-shadow: 0 16px 50px #23324a29,0 3px 0 #17243a; }
#application-path :is(button,a,input,select,textarea,[tabindex]):focus-visible { outline-color: var(--uw-accent); }
#application-path :is(.example-note, .option-card:has(input:checked)) { background: var(--uw-accent); color: #fff; border-color: var(--uw-accent-edge); }
#application-path :is(.example-note, .option-card:has(input:checked)) :is(small,strong,svg,a) { color: inherit; }
#application-path :is(.hint-toggle, .source-details summary, .support-card h3 svg, .support-points svg, .context-card strong, .meter-label strong) { color: var(--uw-accent); }
#application-path .check-row input, #application-path .option-card input { accent-color: var(--uw-accent); }
#application-path .option-card:has(input:checked) input { accent-color: #fff; }