:root{--ink:#24243e;--muted:#53536b;--purple:#5931a8;--soft:#eee8ff;--paper:#faf8f2;--line:#cbc7da;--teal:#075c52;--mint:#dbf3e5;--orange:#8c3c19;--peach:#ffe8d5;--yellow:#fff0b6;--white:#fff;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid transparent;border-radius:12px;font-weight:700;padding:11px 17px;background:white;color:var(--ink)}button:disabled{cursor:default;background:#e5e2ec;color:#55516b;border-color:#c0bccd}button:hover:not(:disabled){filter:brightness(.96)}:focus-visible{outline:3px solid #075db2;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4.5vw,60px);line-height:1.1;letter-spacing:-.035em;margin-bottom:20px;font-weight:850}h2{font-size:26px;line-height:1.2;letter-spacing:-.02em}h3{font-size:20px;line-height:1.35}p{margin-bottom:16px}small,.helper{font-size:14px;color:var(--muted)}strong{font-weight:750}.primary{background:var(--purple);color:white;box-shadow:0 5px 0 #3c1c79}.quiet{background:white;border-color:var(--line);color:var(--ink)}.skip{position:fixed;top:-80px;left:12px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.preview-strip{background:var(--ink);color:white;display:flex;justify-content:space-between;gap:12px;padding:9px max(20px,calc((100vw - 1180px)/2));font-size:13px}.site-header{max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px;gap:20px}.brand{display:flex;gap:12px;align-items:center}.brand img{width:60px;height:60px;object-fit:contain}.brand strong{display:block;font-size:24px}.brand span{display:block;font-size:13px}.save-row{max-width:1180px;margin:0 auto 20px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;padding:0 4px}#noteCount{border-radius:50%;background:var(--soft);padding:3px 8px;margin-left:5px}main{max-width:1180px;padding:0 4px;margin:auto}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.12em;color:var(--purple);text-transform:uppercase;margin-bottom:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;background:white;border:1px solid var(--line);border-radius:28px;padding:45px 38px;margin-bottom:25px}.hero h1 span{color:var(--purple);display:block}.hero .lead{font-size:20px}.hero .primary{margin:6px 0 20px}.hero-note{max-width:410px;font-size:14px;color:var(--muted)}.studio-art{position:relative;background:var(--soft);border-radius:24px;min-height:360px;padding:28px;overflow:hidden}.studio-art::before{content:'';position:absolute;width:250px;height:250px;border:30px solid #d5c8f2;border-radius:50%;right:-90px;top:-120px}.art-top{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em}.lights{display:flex;gap:5px}.lights i{width:8px;height:8px;background:var(--purple);border-radius:50%}.art-window{position:relative;background:white;border:2px solid var(--ink);border-radius:16px;padding:20px;margin-top:23px;box-shadow:7px 8px 0 #cabcdf;transform:rotate(-2deg)}.art-window h3{font-size:22px;margin-bottom:14px}.mini-flow{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.mini-flow span{background:var(--soft);padding:9px 8px;border-radius:9px}.art-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:23px}.art-card{border-radius:15px;padding:18px 14px;background:var(--mint);color:var(--teal);font-weight:850;position:relative;transform:rotate(3deg);font-size:18px}.art-card:last-child{background:var(--yellow);color:var(--ink);transform:rotate(-3deg)}.art-card small{display:block;color:inherit;font-weight:550}.lab-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.lab-preview article{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.lab-preview .n{font-size:34px;font-weight:850;color:var(--purple)}.lab-preview h2{font-size:18px;margin:8px 0}.lab-preview p{font-size:14px;margin:0}.course-panel{margin:24px 0;padding:22px;background:var(--soft);border-radius:16px;font-size:15px}.course-panel p:last-child{margin:0}#journey{display:flex;gap:9px;overflow-x:auto;padding:6px 4px 15px;margin-bottom:20px}#journey:empty{display:none}#journey button{flex:1;white-space:nowrap;border-color:var(--line);font-size:14px}#journey button span{margin-right:8px}#journey button[aria-current]{background:var(--purple);color:white;border-color:var(--purple)}#journey button.done{border-bottom:4px solid var(--teal)}.stage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stage-heading h1{font-size:clamp(30px,3.2vw,44px)}.step-tag,.client{font-size:13px;font-weight:700;padding:6px 12px;border-radius:8px;background:var(--soft);white-space:nowrap}.client{display:inline-flex;gap:8px;margin-bottom:15px;background:var(--ink);color:white}.stage-intro{font-size:19px;max-width:920px;margin-bottom:22px}.workgrid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:24px;align-items:start}.controls{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-width:0}.controls h2{font-size:23px}.canvas{background:var(--soft);border:1px solid #d1c5e8;border-radius:var(--radius);padding:25px;min-width:0}.canvas.mint{background:var(--mint);border-color:#9fc8b2}.canvas.peach{background:var(--peach);border-color:#d1b6a0}.canvas-label{display:block;font-size:12px;font-weight:850;letter-spacing:.1em;margin-bottom:20px}.list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.move-row{border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:white}.move-row .detail{flex:1;min-width:0}.move-row strong,.move-row small{display:block}.move-row .index{font-weight:800;color:var(--purple);font-size:23px}.moves{display:flex;gap:6px}.moves button{min-width:44px;padding:6px;font-size:21px;border-color:var(--line)}.move-row.block{background:var(--soft);border-color:#bdb0d8}.choice{display:block;width:100%;text-align:left;background:white;border:2px solid var(--line);margin-bottom:12px;padding:17px;border-radius:14px;font-size:17px;line-height:1.5}.choice small{display:block;margin-top:5px;font-weight:500}.choice[aria-pressed=true]{background:var(--soft);border-color:var(--purple);box-shadow:inset 5px 0 var(--purple)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0}.chips button{border:2px solid var(--line);background:white}.chips button[aria-pressed=true]{border-color:var(--purple);background:var(--soft)}.run-btn{margin-top:20px;margin-bottom:12px}.feedback{padding:14px 16px;background:var(--soft);border-left:4px solid var(--purple);border-radius:9px;font-size:15px;margin-top:18px}.feedback.warn{background:var(--yellow);border-left-color:var(--orange)}.trace{list-style:none;padding:0;margin:0;display:grid;gap:12px}.trace li{background:white;border-radius:12px;padding:15px 17px;border:1px solid #c9c2dc;position:relative;animation:arrive .2s ease}.trace strong{display:block;font-size:14px}.trace p{font-size:15px;margin:6px 0 0}.trace li+li::before{content:'↓';position:absolute;top:-21px;left:50%;font-weight:800;color:var(--purple)}.map{display:grid;gap:9px;margin-bottom:18px}.map-node{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:12px;padding:14px}.map-node small{display:block}.map-arrow{text-align:center;font-weight:800;line-height:1}.number{background:var(--purple);color:white;border-radius:8px;min-width:30px;padding:3px 8px;font-weight:800;text-align:center}.empty{padding:28px 20px;border:2px dashed #b7aacd;border-radius:16px;background:#fff9;font-size:16px}.empty strong{display:block;margin-bottom:8px}.shared-card{background:white;border-radius:16px;padding:20px;border:1px solid var(--line)}.shared-card .line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e0dce9;font-size:15px;gap:15px}.shared-card .line:last-child{border:0}.handoff-arrows{display:flex;justify-content:center;align-items:center;gap:15px;margin:16px 0;font-size:14px;font-weight:750}label{display:block;margin-bottom:16px;font-weight:700;font-size:15px}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-height:46px;border:1px solid #9690a7;border-radius:10px;background:white;color:var(--ink);padding:10px 12px;margin-top:7px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--purple)}.table-wrap{overflow-x:auto;background:white;border-radius:15px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px 11px;text-align:left;border-bottom:1px solid #ddd9e6;white-space:nowrap}th{background:var(--ink);color:white;font-size:12px}.dupe{background:var(--yellow)}.missing{background:var(--peach)}.stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.stat{background:white;border-radius:14px;padding:15px;flex:1;min-width:130px;border:1px solid var(--line)}.stat strong{display:block;font-size:30px;line-height:1.2}.stat small{display:block;margin-top:8px}.branch{border-left:4px solid var(--purple);padding:13px 0 2px 16px;margin-top:18px}.branch label:last-child{margin-bottom:0}.rule{padding:14px;background:white;border-radius:12px;border:1px solid var(--line);margin-bottom:14px;font-weight:800}.run-case{display:block;width:100%;margin:12px 0;background:white;border:2px solid #9885b5;text-align:left}.run-case small{display:block;font-weight:500;color:var(--muted)}.run-case .tick{float:right;color:var(--teal)}.history{margin-top:18px;font-size:14px}details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:750}details p{font-size:14px}.phone-shell{max-width:370px;margin:auto;background:white;border:2px solid var(--ink);border-radius:24px;box-shadow:6px 7px 0 #c6b7e0;overflow:hidden}.phone-top{display:flex;justify-content:space-between;padding:10px 18px;background:var(--ink);color:white;font-size:12px;font-weight:800}.phone-content{padding:20px;display:grid;gap:18px}.app-art{height:80px;border-radius:13px;background:var(--soft);display:flex;align-items:center;justify-content:center;gap:12px;font-size:30px;font-weight:800}.phone-shell.teal .app-art{background:var(--mint);color:var(--teal)}.phone-shell.sun .app-art{background:var(--yellow);color:var(--orange)}.phone-shell h3{font-size:24px;margin:15px 0 10px}.phone-shell p{font-size:14px}.phone-shell .primary{width:100%;font-size:15px}.phone-shell.teal .primary{background:var(--teal);box-shadow:0 4px 0 #03352e}.phone-shell.sun .primary{background:var(--orange);box-shadow:0 4px 0 #502110}.phone-shell label{font-size:14px;margin-bottom:0}.app-result{font-size:14px;margin:14px 0 0;padding:13px;border:1px solid #b0a5cb;border-radius:10px;background:var(--soft)}.app-result strong{display:block}.permission-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.permission-row>label{margin:0;display:flex;align-items:center;justify-content:center;font-size:12px;gap:5px}.permission-head{font-size:12px;font-weight:800}.permission-row p{font-size:14px;margin:0}.permission-row small{display:block;font-size:12px}.access-card{background:white;border-radius:18px;padding:20px}.access-lock{font-size:46px;line-height:1;margin-bottom:15px}.price-line{font-size:40px;font-weight:850;margin:8px 0}.record-id{font-family:ui-monospace,monospace;font-size:12px;font-weight:750;background:var(--soft);border-radius:5px;padding:5px 9px}.stage-nav{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:28px 0 22px}.stage-nav p{font-size:14px;color:var(--muted);margin:0;max-width:350px}.stage-nav .primary{max-width:300px}.subjects{font-size:13px;color:var(--muted);margin-bottom:25px}.site-footer{max-width:1180px;margin:25px auto 0;padding:22px 4px 35px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.recovery{max-width:650px;display:flex;gap:12px;flex-wrap:wrap;padding:15px 0}.recovery label{width:100%}.recovery p{width:100%}.end-top{background:var(--soft);padding:35px;border-radius:24px;margin-bottom:24px}.end-top h1{font-size:44px}.end-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.end-card{border:1px solid var(--line);border-radius:20px;background:white;padding:25px;min-width:0}.end-card:last-child{grid-column:1/-1}.end-card h2{font-size:25px}.end-card p{font-size:15px}.end-card .small-list{font-size:15px}.end-card .mini-program{font-family:ui-monospace,monospace;background:var(--soft);border-radius:12px;padding:15px;font-size:14px;white-space:pre-wrap}.end-card .workgrid{grid-template-columns:1fr 1fr}.interest-section{margin:30px 0;background:white;border:1px solid var(--line);border-radius:20px;padding:25px}.interests{display:flex;flex-wrap:wrap;gap:12px}.interest{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px 14px;border-radius:12px;margin:0;font-size:15px}.interest-message{font-size:15px;color:var(--purple);margin:20px 0 0}.certificate-cta{display:flex;gap:20px;align-items:center;padding:10px 0 20px}.certificate-cta p{font-size:14px;color:var(--muted);margin:0;max-width:550px}dialog{border:2px solid var(--purple);border-radius:23px;padding:28px;max-width:720px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#17132699}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.dialog-head h2{margin-bottom:0}.dialog-head .quiet{min-width:90px}.demo-person{background:var(--soft);padding:18px;border-radius:12px;margin:20px 0}.demo-person span,.demo-person strong{display:block}.note-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.saved-note{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.saved-note small,.saved-note strong{display:block}.saved-note p{margin:8px 0 0;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.demo-warning{padding:12px;background:var(--yellow);font-weight:800;color:var(--orange)}.certificate-sheet{border:2px solid var(--line);background:white;padding:25px;text-align:center}.certificate-sheet img{width:70px;height:70px;object-fit:contain}.certificate-sheet h3{font-size:30px;margin:20px 0}.certificate-sheet .person{font-size:26px;font-weight:800}.certificate-sheet .watermark{font-weight:800;color:var(--orange);margin:20px 0}.certificate-sheet p{font-size:15px}#conflictDialog .quiet{margin-top:16px}.pending{padding:14px;background:var(--yellow);border-radius:12px;margin-bottom:18px;font-size:15px}@keyframes arrive{from{transform:translateY(3px);opacity:.7}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:850px){.hero{padding:28px;gap:25px}.lab-preview{grid-template-columns:repeat(3,1fr)}.workgrid{grid-template-columns:1fr 1fr;gap:16px}.controls,.canvas{padding:20px}.site-header{padding:18px}.save-row,main,.site-footer{margin-left:18px;margin-right:18px}.preview-strip{padding-left:18px;padding-right:18px}.permission-row{gap:8px}.end-grid{gap:16px}}@media(max-width:640px){body{font-size:16px}.preview-strip{display:block;font-size:11px}.preview-strip span{display:block;margin-top:2px}.site-header{align-items:start;gap:10px;padding:15px 14px}.brand{gap:8px}.brand img{width:45px;height:45px}.brand span{font-size:10px;max-width:170px}.brand strong{font-size:20px}.site-header>.quiet{font-size:12px;padding:8px 10px;max-width:135px}.save-row{margin:0 14px 15px;font-size:11px;display:block}.save-row span{display:block}main,.site-footer{margin-left:14px;margin-right:14px;padding:0}.hero{grid-template-columns:1fr;padding:24px 21px;gap:15px}.hero h1{font-size:38px}.hero .lead{font-size:17px}.studio-art{min-height:280px;padding:20px}.art-row{margin-top:16px}.art-card{font-size:16px;padding:15px 10px}.lab-preview{grid-template-columns:1fr 1fr;gap:10px}.lab-preview article{padding:15px}.lab-preview article:last-child{grid-column:1/-1}.lab-preview h2{font-size:17px}.course-panel{font-size:14px;padding:18px}.workgrid{grid-template-columns:1fr}.controls,.canvas{padding:20px}.stage-intro{font-size:17px}.stage-heading{gap:8px}.stage-heading h1{font-size:31px}.step-tag{font-size:11px;padding:5px 7px}.client{font-size:12px}.move-row{padding:11px;gap:8px}.moves{gap:4px}.move-row small{font-size:12px}.move-row strong{font-size:15px}.stage-nav{flex-wrap:wrap;gap:14px;align-items:center}.stage-nav p{order:3;width:100%;max-width:none}.stage-nav .primary{max-width:190px;font-size:14px;padding:11px 12px}.stage-nav .quiet{font-size:14px;padding:10px}.canvas-label{font-size:11px}table{font-size:12px}th,td{padding:9px 7px}.permission-row{grid-template-columns:1fr auto auto;gap:7px}.permission-row>label{gap:3px}.permission-row p{font-size:13px}.permission-row small{font-size:11px}.end-grid{grid-template-columns:1fr}.end-top{padding:25px}.end-top h1{font-size:34px}.end-card{padding:22px}.end-card:last-child{grid-column:auto}.end-card .workgrid{grid-template-columns:1fr}.interest-section{padding:22px}.certificate-cta{display:block}.certificate-cta p{margin-top:16px}.site-footer{padding:20px 0}.note-fields{grid-template-columns:1fr;gap:0}dialog{padding:22px 18px}.dialog-head h2{font-size:24px}.dialog-head .quiet{min-width:70px;padding:9px 10px}.phone-content{padding:17px}.certificate-sheet{padding:20px}.recovery .quiet{width:100%}}
.client{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.permission-row>label{min-width:44px;min-height:44px}
h1,h2,h3,.mini-program,.phone-shell button{overflow-wrap:anywhere}