:root{--ink:#172047;--muted:#74809b;--violet:#765cff;--line:#e9e7f2;--soft:#f7f6fd;--good:#1f9d72}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:#f8f7fc;color:var(--ink);font-family:Manrope,Arial,sans-serif}.app-shell{width:min(100%,480px);min-height:100svh;margin:auto;background:#fff;position:relative;overflow:hidden;box-shadow:0 0 55px #1a1b4620}.topbar{height:76px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand{background:transparent;border:0;display:flex;align-items:center;gap:6px;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-1.5px}.brand i{color:var(--violet);font-style:normal;font-weight:600}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px 9px 3px 9px;background:linear-gradient(145deg,#293763,#09112f);color:#a396ff;font:22px 'Playfair Display';transform:skewY(-7deg)}.profile{border:0;width:34px;height:34px;border-radius:50%;background:#eeeaff;color:#5b47d6;font-size:10px;font-weight:800}.eyebrow,.mini-label{display:flex;align-items:center;gap:8px;font:500 10px 'DM Mono';letter-spacing:1.3px;color:#725cf3}.eyebrow span{height:1px;width:25px;background:#725cf3}h1{font-size:42px;letter-spacing:-3px;line-height:1.05;margin:15px 0 15px}h1 em{font-family:'Playfair Display';font-weight:600;letter-spacing:-2px;color:var(--violet)}.intro{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.home-screen{padding:38px 24px 0;min-height:488px;background:linear-gradient(170deg,#fff 55%,#f1efff)}.primary,.secondary{min-height:48px;border-radius:11px;padding:0 17px;font-weight:800;font-size:13px}.primary{border:0;background:var(--ink);color:#fff;box-shadow:0 10px 22px #17204722}.primary b{margin-left:20px;color:#b6a8ff;font-size:18px}.secondary{border:1px solid #dedbea;background:#fff;color:#4c587a}.wide{width:100%}.home-screen .primary{margin-top:28px}.how{display:flex;gap:11px;padding:25px 3px 0;color:#6d7193}.how span{font-size:25px;color:#8a76fb}.how p{font-size:11px;line-height:1.6;margin:0}.how strong{font-size:12px;color:#40496e}.home-visual{height:313px;position:relative;overflow:hidden;background:linear-gradient(140deg,#1d2860,#111940);border-radius:27px 27px 0 0}.visual-head,.view-label{position:absolute;z-index:2;top:20px;left:21px;color:#cbd4ff;font:500 8px 'DM Mono';letter-spacing:1px}.live-dot{display:inline-block;background:#82e7c1;width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #82e7c1;margin-right:7px}.model{position:absolute;left:50%;top:45px;width:238px;height:225px;transform:translateX(-50%);transition:transform .45s ease;transform-style:preserve-3d;perspective:600px}.part{position:absolute;background:linear-gradient(135deg,#e0b47d,#915f38);box-shadow:inset 0 0 0 1px #ffd8aa66,5px 9px 14px #03082777;transition:.25s}.part.active{border:2px solid #6ec8ff;box-shadow:0 0 20px #43baff,inset 0 0 12px #76d3ff}.top{width:148px;height:60px;top:0;left:45px;transform:skewY(17deg) rotateX(50deg)}.back{width:126px;height:125px;top:66px;left:54px;opacity:.76}.side{width:42px;height:130px;top:84px}.left{left:18px;transform:skewY(-17deg)}.right{right:21px;transform:skewY(17deg)}.base{width:165px;height:45px;bottom:0;left:38px;transform:skewY(17deg);background:#b67b4c}.wire{position:absolute;border-top:1px dashed #7bceff;opacity:.8}.w1{width:118px;top:94px;left:-9px;transform:rotate(-17deg)}.w2{width:117px;top:137px;right:-14px;transform:rotate(17deg)}.w3{width:190px;bottom:30px;left:16px;transform:rotate(-13deg)}.assistant-note{position:absolute;z-index:2;bottom:17px;left:19px;right:19px;border-radius:13px;padding:11px 12px;display:flex;gap:8px;align-items:center;background:#ffffffef;box-shadow:0 7px 20px #05092f55}.assistant-note span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eeeaff;color:#6f5ae8}.assistant-note p{font-size:9px;line-height:1.45;color:#65708c;margin:0}.assistant-note b{font-size:10px;color:#2a355c}.resume-card{display:grid;grid-template-columns:37px 1fr 32px;gap:11px;align-items:center;position:relative;margin-top:29px;padding:14px 14px 18px;border:1px solid #e8e5f2;border-radius:14px;background:#fff;box-shadow:0 9px 22px #121a4110}.cabinet-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#f0e2d5;color:#8d623f;font-size:22px}.resume-card span,.step-meta,.finish-card span{display:block;font:500 8px 'DM Mono';letter-spacing:.8px;color:#8574ed}.resume-card h2{font-size:12px;letter-spacing:-.5px;margin:2px 0}.resume-card p{font-size:9px;color:#8590a8;margin:0}.round-button{border:0;width:31px;height:31px;border-radius:50%;background:#7059e9;color:#fff;font-size:18px}.card-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#efedf5;border-radius:0 0 14px 14px;overflow:hidden}.card-progress i{display:block;height:100%;background:linear-gradient(90deg,#755deb,#a996ff)}footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#959bb0;font-size:9px;background:#fff}.reset{border:0;background:transparent;color:#7c69e6;font:500 9px 'DM Mono'}.start-screen{padding:16px 24px 48px;min-height:calc(100svh - 76px)}.back{border:0;background:transparent;color:#5d6883;font-size:13px;padding:0;margin:0 0 35px}.entry-options{margin:32px 0 16px}.entry{width:100%;height:77px;margin-bottom:10px;padding:12px 13px;display:flex;align-items:center;gap:12px;border:1px solid #e7e4ef;border-radius:13px;background:#fff;text-align:left;cursor:pointer;position:relative}.entry>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#eeebff;color:#735de8;font-size:20px}.entry b,.entry small{display:block}.entry b{font-size:12px}.entry small{margin-top:4px;font-size:9px;color:#858da4}.entry i{margin-left:auto;font-style:normal;color:#755fea}.entry input{position:absolute;opacity:0;width:1px;height:1px}.entry:focus-within{border-color:#8b78ee;box-shadow:0 0 0 3px #ece9ff}.guide-screen{min-height:100svh;background:#fff}.guide-head{height:73px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.guide-head .back{margin:0;font-size:22px}.guide-head div{text-align:center}.guide-head span,.camera-head span,.chat-head span{display:block;font:500 8px 'DM Mono';letter-spacing:.9px;color:#8472e8}.guide-head b,.camera-head b,.chat-head b{display:block;font-size:11px;margin-top:3px}.dots{border:0;background:transparent;color:#6f7891;font-weight:800;letter-spacing:2px}.step-progress{height:3px;background:#eceaf3}.step-progress i{display:block;height:100%;background:#7a62f1;transition:width .3s}.assembly-view{height:294px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#33427e,#121942 75%)}.assembly-view .model{top:34px}.view-tag{position:absolute;right:15px;bottom:15px;border:1px solid #b8c8fa55;background:#253165a8;color:#bdccfb;border-radius:7px;padding:6px 8px;font:500 7px 'DM Mono';letter-spacing:.7px}.rotate{position:absolute;right:16px;top:17px;width:32px;height:32px;border:1px solid #afbde548;border-radius:50%;background:#20305e;color:#d7e2ff;font-size:19px}.step-sheet{position:relative;margin-top:-18px;padding:22px 22px 26px;border-radius:20px 20px 0 0;background:#fff}.step-meta{display:flex;gap:14px}.step-sheet h1{font-size:27px;letter-spacing:-1.6px;margin:8px 0}.step-sheet>p{font-size:12px;line-height:1.65;color:#6c7691;margin:0 0 18px}.parts{padding:14px;border-radius:12px;background:#f8f7fc}.parts h2{font-size:10px;margin:0 0 9px}.parts span{display:inline-block;margin:0 5px 6px 0;padding:5px 7px;border:1px solid #e7e2f7;border-radius:6px;background:#fff;color:#4f5977;font-size:9px}.parts small{display:block;color:#7964e9;font-size:9px;margin-top:2px}.actions{display:grid;grid-template-columns:1fr 1.1fr;gap:9px;margin:16px 0 11px}.actions button{font-size:10px;padding:0 8px}.ask{width:100%;padding:11px;border:0;border-radius:10px;background:#f1efff;color:#604cd1;font-size:10px;font-weight:700}.ask b{float:right}.camera-screen{min-height:100svh;background:#111833;color:#fff}.camera-head,.chat-head{height:75px;padding:0 19px;display:flex;align-items:center;gap:17px}.camera-head .back,.chat-head .back{color:#fff;margin:0;font-size:22px}.camera-head .help{margin-left:auto;border:0;border-radius:7px;background:#ffffff16;color:#dadfff;padding:7px 8px;font-size:9px}.camera-head span{color:#adb9f1}.camera-frame{position:relative;margin:7px 16px 0;height:calc(100svh - 245px);min-height:360px;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#3c4b76,#18203c)}#camera{width:100%;height:100%;object-fit:cover}.camera-guide{position:absolute;inset:16% 11%;border:1px solid #b1dafe}.camera-guide i{position:absolute;width:18px;height:18px;border-color:#fff;border-style:solid}.camera-guide i:nth-child(1){left:-1px;top:-1px;border-width:3px 0 0 3px}.camera-guide i:nth-child(2){right:-1px;top:-1px;border-width:3px 3px 0 0}.camera-guide i:nth-child(3){left:-1px;bottom:-1px;border-width:0 0 3px 3px}.camera-guide i:nth-child(4){right:-1px;bottom:-1px;border-width:0 3px 3px 0}.camera-frame p{position:absolute;left:18px;right:18px;bottom:18px;padding:9px 10px;border-radius:8px;background:#111936c2;color:#edf0ff;font-size:10px;line-height:1.4}.camera-actions{display:flex;justify-content:center;align-items:center;gap:23px;margin:16px auto 8px}.camera-actions .secondary{min-height:40px;background:#ffffff15;border-color:#ffffff3a;color:white;font-size:10px}.capture{display:grid;place-items:center;width:50px;height:50px;border:5px solid #fff;border-radius:50%;background:#8069f3;color:#fff;font-size:22px}.camera-note{text-align:center;color:#9aa7d1;font-size:9px;margin:0 30px}.analysis-screen,.done-screen{min-height:100svh;padding:64px 25px 30px;background:linear-gradient(180deg,#fff,#f7f5ff)}.analysis-illustration{display:grid;place-items:center;width:113px;height:113px;margin:0 auto 34px;border-radius:50%;font-size:48px}.analysis-illustration.pass{background:#dcf7ed;color:#258b68;box-shadow:0 0 0 17px #edfcf6}.analysis-illustration.fix{background:#fff1df;color:#e28a2d;box-shadow:0 0 0 17px #fff8ed}.analysis-screen h1,.done-screen h1{font-size:40px}.analysis-screen>p,.done-screen>p{font-size:13px;line-height:1.75;color:#6e7893}.confidence{margin:28px 0 20px;padding:13px;border:1px solid #e8e5f0;border-radius:10px;background:#fff}.confidence span{font:500 8px 'DM Mono';letter-spacing:.8px;color:#7e879f}.confidence b{float:right;font-size:13px}.confidence i{display:block;height:5px;margin-top:9px;border-radius:5px;background:#eeeaf4}.confidence em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#66cfa8,#a4e4c7)}.analysis-screen .secondary{margin-top:9px}.chat-screen{height:100svh;display:flex;flex-direction:column;background:#f8f7fc}.chat-head{background:#fff;color:var(--ink)}.chat-head .back{color:var(--ink)}.messages{flex:1;overflow:auto;padding:21px 18px}.message{max-width:82%;padding:11px 12px;margin-bottom:10px;border-radius:12px;font-size:11px;line-height:1.55}.mija{border-top-left-radius:2px;background:#fff;color:#46516e;box-shadow:0 5px 14px #1720470c}.user{margin-left:auto;border-top-right-radius:2px;background:#7560ec;color:#fff}.suggestions{display:flex;gap:6px;overflow:auto;padding:0 14px 10px}.suggestions button{flex:0 0 auto;border:1px solid #ded9fa;border-radius:15px;background:#f5f3ff;color:#6350d4;font-size:9px;padding:7px 9px}.chat-input{display:flex;gap:8px;padding:11px 14px 20px;background:#fff}.chat-input input{flex:1;border:1px solid #e4e1ed;border-radius:10px;padding:0 11px;font:11px Manrope}.chat-input button{width:38px;border:0;border-radius:10px;background:#735dea;color:#fff;font-size:17px}.done-screen{text-align:center;padding-top:88px}.confetti{letter-spacing:24px;color:#8d78ff;font-size:26px}.done-mark{display:grid;place-items:center;width:80px;height:80px;margin:23px auto;border-radius:50%;background:#dff7ed;color:#20916b;font-size:37px}.done-screen .eyebrow{justify-content:center}.finish-card{margin:28px 0;padding:18px;border-radius:13px;background:#fff;border:1px solid #e9e6f1}.finish-card b{display:block;font-size:24px;margin:5px 0}.finish-card small{font-size:10px;color:#8a93a9}@media(min-width:700px){body{padding:24px;background:#e7e4f5}.app-shell{border-radius:25px;min-height:calc(100svh - 48px)}}
.code-entry{height:88px;padding:12px 13px;display:flex;align-items:center;gap:12px;border:1px solid #e7e4ef;border-radius:13px;background:#fff}.code-entry>span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#eeebff;color:#735de8;font-size:20px}.code-entry label{flex:1}.code-entry b{display:block;font-size:12px}.code-entry input{width:100%;border:0;outline:0;padding:4px 0 0;background:transparent;color:#4e5877;font:10px Manrope}.code-entry input::placeholder{color:#9299ad}.code-entry button{border:0;background:transparent;color:#755fea;font-size:18px}.code-entry:focus-within{border-color:#8b78ee;box-shadow:0 0 0 3px #ece9ff}
.welcome-screen{min-height:calc(100svh - 76px);padding:42px 24px;background:linear-gradient(170deg,#fff 45%,#f1efff)}.welcome-screen .primary{margin-top:28px}.mode-caption{text-align:center;color:#7d86a0;font-size:10px;margin:10px 0 24px}.key-card{padding:17px;border:1px solid #e7e3f2;border-radius:14px;background:#fff;box-shadow:0 10px 24px #1720470b}.key-card>b{display:block;margin:8px 0 11px;font-size:13px}.key-card input{width:100%;height:45px;margin-bottom:9px;padding:0 11px;border:1px solid #e1ddec;border-radius:9px;color:var(--ink);font:12px Manrope}.key-card small{display:block;margin-top:11px;color:#7c8499;font-size:9px;line-height:1.5}

/* Workshop editorial refresh */
:root{--ink:#14213d;--muted:#687182;--violet:#3157d5;--line:#dcd6ca;--soft:#f3efe6;--good:#2e9a75}body{background:#e7e1d7}.app-shell{background:#fcfbf7;box-shadow:0 18px 52px #1b27391c}.topbar{height:74px;padding:0 24px;border-bottom:1px solid #e6e0d5}.brand{gap:8px;font-size:21px;letter-spacing:-1.6px}.brand-mark{width:29px;height:29px;border-radius:7px 7px 2px 7px;background:#14213d;color:#f5bd58;box-shadow:3px 3px 0 #f0cf8e;transform:none}.topbar-label{color:#8b8479;font:500 8px 'DM Mono';letter-spacing:1px}.eyebrow,.mini-label{color:#3157d5}.eyebrow span{background:#3157d5}h1{letter-spacing:-3.4px}.intro{color:#687182}.home-screen{min-height:486px;background:#f3efe6;padding-top:40px}.home-screen .primary,.welcome-screen .primary{margin-top:27px}.primary{border-radius:8px;background:#14213d;box-shadow:4px 4px 0 #d5c8b6}.primary b{color:#f5bd58}.secondary{border-color:#cfc6b7;border-radius:8px;background:#fcfbf7;color:#14213d}.how{padding-top:24px;color:#687182}.how span{color:#3157d5}.how strong{color:#14213d}.home-visual{height:320px;border-radius:0;background:#14213d;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:24px 24px}.visual-head,.view-label{color:#d8ddf0}.live-dot{background:#f5bd58;box-shadow:none}.part{box-shadow:inset 0 0 0 1px #ffe0b577,5px 8px 0 #07112799}.part.active{border-color:#f5bd58;box-shadow:0 0 0 3px #f5bd5844,inset 0 0 12px #f5bd58}.assistant-note{border-radius:5px;background:#f8f1e6;box-shadow:4px 4px 0 #0d1735}.assistant-note span{width:27px;height:27px;border-radius:3px;background:#3157d5;color:#fff;font:500 9px 'DM Mono'}.assistant-note p{color:#687182}.assistant-note b{color:#14213d}.resume-card{border-color:#d8d0c2;border-radius:7px;box-shadow:3px 3px 0 #dfd5c5}.round-button{border-radius:6px;background:#3157d5}footer{background:#fcfbf7;color:#827b70}.reset{color:#3157d5}.welcome-screen{padding:43px 24px;background:#f3efe6}.mode-caption{color:#827b70}.key-card{border-color:#d6cdbd;border-radius:7px;background:#fcfbf7;box-shadow:4px 4px 0 #ded3c3}.key-card input{border-color:#d1c7b8;border-radius:6px;background:#fffefb}.key-card small{color:#787166}.code-entry{border-color:#d8d0c2;border-radius:7px}.entry{border-color:#d8d0c2;border-radius:7px}.entry>span,.code-entry>span{border-radius:5px;background:#e5eafa;color:#3157d5}.ask{border-radius:7px;background:#e7edff;color:#264abf}.step-sheet{border-radius:18px 18px 0 0}.finish-card,.confidence{border-color:#d8d0c2;border-radius:7px}.chat-screen{background:#f3efe6}.chat-head{background:#fcfbf7}.mija{border-radius:8px 8px 8px 2px;box-shadow:2px 2px 0 #dfd5c5}.user{border-radius:8px 8px 2px 8px;background:#3157d5}.chat-input{background:#fcfbf7}.chat-input input,.chat-input button{border-radius:7px}.chat-input button{background:#3157d5}