.reception-screen{--green: #667e4f;--paper: #fff9ef;min-height:100svh;display:flex;align-items:center;justify-content:center;background:#302c22;color:#513b27;overflow:hidden}.reception-layout{position:relative;width:min(100vw,calc(100svh * 1672 / 941));container-type:inline-size}.reception-world{position:relative;width:100%;aspect-ratio:1672 / 941;isolation:isolate}.reception-scene-still,.reception-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reception-scene-still{display:block;object-fit:contain}.reception-canvas canvas{display:block;width:100%!important;height:100%!important;margin:0!important}.reception-npc-hotspot{position:absolute;left:45.3%;top:30.3%;width:27.8%;height:57.4%;border-radius:42%;pointer-events:none}.reception-npc-hotspot:focus-visible{outline:3px dashed #fff1ba;outline-offset:5px;background:#ffedb00c}.reception-location{position:absolute;top:3.6%;left:1.7%;display:flex;align-items:center;gap:.55cqw;border:1px solid #e5d2b8;border-radius:2cqw;padding:.4cqw 1cqw;color:#795335;background:#fff9edf5;box-shadow:0 2px 7px #60432916;font-size:1.2cqw;pointer-events:none}.reception-location>svg{width:1.25cqw;height:1.25cqw}.reception-location>span{font-weight:600}.reception-location>small{margin-left:.2cqw;padding-left:.7cqw;border-left:1px solid #d9c7aa;font-size:.68cqw;color:#a38c70}.reception-player{position:absolute;bottom:11.2%;left:76.5%;height:55%;width:13.7%;pointer-events:none}.reception-player img{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:auto;height:100%;max-width:none;filter:drop-shadow(0 .3cqw .25cqw #5b41232b)}.reception-preview-label{position:absolute;top:87.4%;left:83.35%;transform:translate(-50%);white-space:nowrap;padding:.35cqw 1.35cqw;border-radius:2cqw;background:#fff9edf5;color:#835639;border:1px solid #e5c6a2;font-size:1cqw}.reception-door-hotspot{position:absolute;left:68.5%;top:9.3%;width:13.8%;height:49.4%;pointer-events:none;border-radius:3px}.reception-door-hotspot:focus-visible{outline:3px solid #ffedb6;outline-offset:2px;background:#fff2c41a}.reception-door-label{position:absolute;bottom:17%;left:7%;display:inline-flex;align-items:center;justify-content:center;gap:.4cqw;white-space:nowrap;padding:.45cqw .85cqw;border:1px solid #f4e3b75c;border-radius:2cqw;color:#fff7df;background:#50442ddb;box-shadow:0 2px 6px #372e241a;font-size:1cqw}.reception-door-label svg{width:1cqw;height:1cqw}.reception-dialogue{position:absolute;z-index:3;left:2.4%;bottom:3%;width:46.4%;padding:1.2cqw 2.1cqw 1.35cqw;border:1px solid #d7b78b;border-radius:1.3cqw;background:#fffaf0f7;box-shadow:0 2px 8px #54361a17,inset 0 0 0 2px #fffdf580}.reception-dialogue:before{content:"";position:absolute;top:-.65cqw;left:10cqw;width:1.2cqw;height:1.2cqw;transform:rotate(45deg);border-top:1px solid #d7b78b;border-left:1px solid #d7b78b;background:#fffaf0}.reception-dialogue.is-dragging{outline:2px dashed #8c9d6d;outline-offset:-7px;background:#fbfceef7}.reception-dialogue-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1cqw;margin-bottom:.5cqw;color:#667c4e;font-size:1.15cqw;font-weight:600}.reception-quiet-action{display:inline-flex;align-items:center;gap:.35cqw;min-height:2.1cqw;color:#ab8663;font-size:1cqw;font-weight:400;padding:0}.reception-quiet-action>svg{width:1.05cqw;height:1.05cqw}.reception-dialogue h1{margin:0 0 1cqw;font-size:1.65cqw;font-weight:600;line-height:1.6;letter-spacing:0;color:#5c321d;overflow-wrap:anywhere}.reception-dialogue h1:focus{outline:none}.reception-action{display:inline-flex;align-items:center;justify-content:center;gap:.65cqw;min-height:3.15cqw;padding:.55cqw 2.3cqw;border-radius:2cqw;color:#fffdf2;background:#6b8253;border:1px solid #5e7649;box-shadow:inset 0 1px #a5b68a55;font-size:1.3cqw;font-weight:550;line-height:1.5;text-align:center;transition:background .15s}.reception-action:hover:enabled{background:#5e7848}.reception-action:disabled{opacity:.56}.reception-action>svg{width:1.25cqw;height:1.25cqw}.reception-action.is-recommended{box-shadow:0 0 0 3px #e1cb87,inset 0 1px #a5b68a55}.reception-dialogue-actions{display:flex;align-items:center;gap:2.5cqw;margin:.2cqw 0 .25cqw}.reception-text-action{display:inline-flex;align-items:center;min-height:3.15cqw;padding:.5cqw 0;color:#71865a;font-size:1.2cqw;text-decoration:underline;text-underline-offset:.22cqw}.reception-dialogue-note{color:#a18d71;font-size:.88cqw;line-height:1.8;margin:.7cqw 0 0}.reception-creation-composer{display:grid;grid-template-columns:6.2cqw minmax(0,1fr);gap:1.9cqw;align-items:start}.reception-photo-choice{display:flex;flex-direction:column;align-items:center;gap:.35cqw;padding:0;min-width:0;color:#74875b}.reception-photo-choice>span{display:block;width:6.2cqw;height:6.2cqw;overflow:hidden;border:1px solid #e6d8c1;border-radius:.65cqw;background:#eadfce}.reception-photo-choice img{display:block;width:100%;height:100%;object-fit:cover}.reception-photo-choice>small{font-size:1cqw;line-height:1.5}.reception-composer-content{min-width:0}.reception-composer-content textarea{display:block;width:100%;min-height:2.8cqw;max-height:8cqw;border:0;border-bottom:1px solid #ccbca1;border-radius:0;padding:.25cqw 0;background:none;color:#6b573f;font-size:1.15cqw;line-height:1.65;resize:none}.reception-composer-content textarea::placeholder{color:#ad967b;opacity:1}.reception-composer-content textarea:focus{outline:none;border-color:#7d9465;box-shadow:0 2px #b8c9a8}.reception-composer-content>.reception-action{margin-top:.9cqw}.reception-word-count{display:block;font-size:.8cqw;text-align:right;color:#a48f70;margin-top:.3cqw}.reception-photo-notice{display:flex;align-items:flex-start;gap:.25cqw;margin-top:.7cqw;color:#a39680;font-size:.85cqw;line-height:1.6}.reception-photo-notice>span{white-space:nowrap}.reception-photo-notice details{min-width:0}.reception-photo-notice summary{display:inline-flex;align-items:center;gap:.15cqw;color:#7b8b64;text-decoration:underline;text-underline-offset:.15cqw;cursor:pointer;list-style:none}.reception-photo-notice summary::-webkit-details-marker{display:none}.reception-photo-notice summary>svg{width:.8cqw;height:.8cqw}.reception-photo-notice details[open] summary>svg{transform:rotate(180deg)}.reception-photo-notice details p{margin:.4cqw 0 0;line-height:1.7}.reception-waiting{display:flex;align-items:center;gap:.8cqw;color:#7f9567;font-size:1.15cqw;margin-top:.3cqw}.reception-waiting>svg{width:1.55cqw;height:1.55cqw}.reception-drawing-dots{display:inline-block;margin-left:.35cqw;letter-spacing:.15cqw;animation:reception-dots 1.5s ease-in-out infinite}@keyframes reception-dots{50%{opacity:.3}}.reception-inline-hint,.reception-feedback{margin:.8cqw 0 0;color:#927d55;font-size:.98cqw;line-height:1.8}.reception-inline-hint{padding-left:.7cqw;border-left:2px solid #d2c28a}.reception-feedback.is-error{color:#a06646}.reception-login{display:grid;grid-template-columns:1fr 1fr;gap:.85cqw 1.2cqw}.reception-login label{display:flex;flex-direction:column;gap:.3cqw;color:#7f6b50;font-size:.95cqw}.reception-login input{width:100%;min-width:0;padding:.6cqw .8cqw;border:1px solid #d8c7a9;border-radius:.5cqw;background:#fffdf7;color:#5c402b;font-size:1.1cqw}.reception-login input:focus{outline:2px solid #adbd93;outline-offset:1px}.reception-login>button{grid-column:1 / -1;justify-self:start;margin-top:.2cqw}.reception-signout{position:absolute;right:1.7%;top:3.6%;z-index:2;padding:.45cqw 1cqw;border:1px solid #e5d2b8;border-radius:2cqw;color:#795335;background:#fff9edf5;font-size:.95cqw}.reception-hr-hotspot{position:absolute;left:6.4%;top:44.2%;width:6.4%;height:12.7%;border-radius:20%;pointer-events:none}.reception-hr-hotspot:focus-visible{outline:3px solid #ffedb6;outline-offset:2px}.reception-hr-label{position:absolute;top:-2.9cqw;left:50%;transform:translate(-50%);white-space:nowrap;padding:.45cqw .85cqw;border-radius:2cqw;color:#fff7df;background:#50442deb;font-size:1cqw;opacity:0}.reception-hr-hotspot.is-highlighted .reception-hr-label,.reception-hr-hotspot:focus-visible .reception-hr-label{opacity:1}.reception-resume{position:absolute;z-index:3;bottom:3.5%;left:2.4%;display:inline-flex;align-items:center;gap:.65cqw;padding:.65cqw 1.3cqw;border:1px solid #dcc5a0;border-radius:2cqw;background:#fff9edf5;color:#7b8057;box-shadow:0 2px 6px #5a402414;font-size:1.1cqw}.reception-resume>svg{width:1.2cqw;height:1.2cqw}:root{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303d35;background:#f7f5ef;font-synthesis:none;font-weight:400;line-height:1.65;--paper:#fffefa;--green:#3d6552;--muted:#737c70;--border:#e3e4d9;--sage:#e9efe6;--orange:#d88050}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d9a361;outline-offset:4px}input,textarea,select{width:100%;border:1px solid #dce0d3;border-radius:12px;background:#fffefa;padding:12px 14px;color:#303d35;transition:border-color .2s}textarea{resize:vertical;min-height:100px;line-height:1.8}input::placeholder,textarea::placeholder{color:#939a8b}input:focus,textarea:focus,select:focus{border-color:#8fa283;outline:2px solid #d6e0cf;outline-offset:1px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,2.65vw,37px);line-height:1.45;letter-spacing:-.045em;font-weight:650;margin-bottom:12px}h2{font-size:24px;line-height:1.5;font-weight:650;letter-spacing:-.035em;margin-bottom:12px}h3{font-size:18px;font-weight:600;line-height:1.6;margin-bottom:12px}p{margin-bottom:16px}small{font-size:12px}strong,b{font-weight:600}svg{flex-shrink:0}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:500}form>label{margin:20px 0}a{color:var(--green)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.topbar{height:88px;background:var(--paper);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,3.5vw,64px);gap:24px}.brand{display:flex;align-items:center;gap:13px;padding:0;text-align:left;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:45px;height:45px;background:var(--green);color:#fffefa;border-radius:15px;box-shadow:0 2px #293e3022}.brand strong{display:block;font-size:23px;letter-spacing:-.7px;line-height:1.2}.brand small{display:block;font-size:10px;color:#818977;letter-spacing:1px;margin-top:5px}.topbar nav{display:flex;gap:5px;align-items:center}.topbar nav>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:10px 18px;border-radius:24px;color:#7b8276;font-size:14px;white-space:nowrap;transition:.2s}.topbar nav>button.active,.topbar nav>button:hover{background:var(--sage);color:var(--green)}.header-note{color:#8b9383;font-size:13px;letter-spacing:1px}.profile-chip{display:flex;align-items:center;gap:10px;background:#f6f5ef;border:1px solid var(--border);border-radius:24px;padding:5px 13px 5px 5px;max-width:250px;font-size:13px}.profile-chip>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-crop{display:block;width:30px;height:30px;overflow:hidden;border-radius:50%;background:#e0e6d6;position:relative;flex-shrink:0}.avatar-crop img{width:100%;height:58px;object-fit:cover;object-position:center top}.sun-symbol{color:#c29b5b;font-size:21px;padding-left:2px}.header-admin{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;min-height:44px;padding:9px 13px;border-radius:24px;border:1px solid var(--border);color:#5e6f59}.header-admin.active{background:var(--sage)}.demo-ribbon{display:flex;align-items:center;justify-content:center;gap:7px;min-height:31px;padding:5px 18px;font-size:11px;color:#78826f;background:#eeefe5;letter-spacing:.2px}.live-dot{width:5px;height:5px;background:#8aa17b;border-radius:50%;flex-shrink:0}.page{max-width:1536px;margin:auto;padding:34px clamp(24px,3.5vw,64px) 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.eyebrow{font-size:10px;color:#8b947f;letter-spacing:2px;font-weight:600;margin:0 0 13px;text-transform:uppercase}.subtitle{color:var(--muted);font-size:14px;margin:0;line-height:1.8}.gentle-badge{display:flex;align-items:center;gap:7px;font-size:12px;color:#879273;white-space:nowrap;padding-top:34px}.paper{background:var(--paper);border:1px solid var(--border);border-radius:25px}.muted{color:var(--muted);font-size:14px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;padding:13px 20px;min-height:48px;font-size:14px;font-weight:550;border:1px solid transparent;transition:transform .16s,background .16s,box-shadow .16s;line-height:1.5;white-space:normal;text-align:center}.button:hover:enabled{transform:translateY(-1px)}.button.primary{color:var(--paper);background:var(--green);box-shadow:0 3px #304a3b0d}.button.primary:hover:enabled{background:#325640;box-shadow:0 4px 10px #304a3b1c}.button.secondary{background:#f7f6ef;border-color:#dde1d3;color:var(--green)}.button.secondary:hover:enabled{background:#eef1e5}.full-width{width:100%}.text-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;color:var(--green);font-size:13px;padding:9px 2px;min-height:40px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{display:grid;place-items:center;min-width:40px;min-height:40px;border-radius:50%;color:#71806a;flex-shrink:0}.icon-button:hover{background:#e9eee3}.button-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.notice{display:flex;align-items:flex-start;gap:9px;background:#faf0db;color:#8b7454;border:1px solid #efdfbd;border-radius:12px;padding:12px 15px;font-size:12px;line-height:1.8;margin:16px 0}.notice svg{margin-top:3px}.notice-error{background:#fbede5;border-color:#eed4c5;color:#995f41}.saved{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#57724f;padding:5px 0}.field-help{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:400;color:#89907f;margin:9px 0 16px;line-height:1.8}.green-text{color:var(--green)}.spin{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{min-height:55vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;color:#88957e;font-size:14px}.loading-page p{margin:0}.entry-error{max-width:650px;margin:60px auto;padding:45px;text-align:center}.entry-error>svg{color:#a9b598;margin-bottom:20px}.entry-error .notice{justify-content:center}.entry-error p{font-size:14px;color:#7c8373}.office-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:stretch}.scene-card{overflow:hidden;display:flex;flex-direction:column;position:relative}.scene-tabs{display:flex;align-items:center;gap:9px;padding:22px 23px 4px;position:relative;z-index:1}.scene-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 15px;border-radius:22px;font-size:13px;color:#8a907f;white-space:nowrap;transition:background .2s}.scene-tabs>button.active{background:var(--sage);color:var(--green);font-weight:600}.scene-tabs>button:hover{color:var(--green)}.explore-hint{margin-left:auto;display:flex;align-items:center;gap:5px;background:#faf1de;color:#a1875e;border-radius:16px;font-size:10px;padding:6px 11px;white-space:nowrap}.scene-canvas{width:100%;aspect-ratio:1000/548;position:relative;overflow:hidden;margin:auto 0;flex-shrink:0}.scene-canvas canvas{display:block;position:absolute;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:auto!important;max-width:100%;max-height:100%}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#9ba18f}.scene-accessible{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 13px;padding:0 16px 8px;color:#9aa48d;min-height:42px}.scene-accessible>svg{margin-right:-4px}.scene-accessible button{display:flex;align-items:center;gap:4px;min-height:35px;color:#7c8b73;font-size:10px;padding:5px 0;border-bottom:1px solid transparent}.scene-accessible button:hover{color:var(--green);border-color:#b7c5a8}.scene-caption{padding:18px 25px 21px;display:flex;align-items:center;gap:15px;border-top:1px solid #eeeee5}.scene-no{font-size:27px;line-height:1;font-family:Georgia,serif;color:#a6b199}.scene-caption strong{font-size:12px;color:#587349}.scene-caption p{font-size:12px;color:#949986;margin:4px 0 0}.caption-leaf{margin-left:auto;color:#bbc7ab}.passport-card{background:#eff0e4;border:1px solid #e5e6d8;border-radius:25px;padding:24px 22px 15px;display:flex;flex-direction:column;position:relative;overflow:hidden}.passport-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.passport-top .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:9px}.passport-top h2{font-size:23px;letter-spacing:-1px;margin-bottom:12px}.passport-emblem{color:#aab697;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d8dfca;border-radius:50%;transform:rotate(-8deg);margin-top:-16px}.passport-card>.muted{font-size:12px;margin-bottom:19px}.progress-track{height:7px;background:#dde2d1;border-radius:10px;overflow:hidden;width:100%}.progress-track span{display:block;height:100%;background:#8da67b;border-radius:10px;transition:width .35s}.progress-caption{display:flex;justify-content:space-between;font-size:11px;color:#939985;margin:12px 0 13px}.progress-caption strong{color:#55714a;font-size:13px}.progress-caption strong span{font-weight:400;font-size:11px;color:#929a84}.station-list{display:flex;flex-direction:column;gap:3px;margin:0 -7px 20px}.station{display:flex;align-items:center;gap:12px;border-radius:11px;min-height:43px;padding:10px;text-align:left;transition:.18s}.station.recommended{background:#fffef8;border:1px solid #e5e8d9}.station:hover{background:#f9faf3}.station-number{display:grid;place-items:center;width:21px;font-size:10px;color:#99a38a;flex-shrink:0;font-variant-numeric:tabular-nums}.station>span:nth-child(2){flex:1;min-width:0}.station strong{font-size:12px;font-weight:400;color:#58644f;display:block}.station small{display:block;font-size:10px;color:#af855d}.station-icon{color:#b7bea9}.station.done .station-number{color:#63845c}.station.done .station-icon{color:#91ac7e}.passport-cta{margin-top:auto;min-height:46px;font-size:13px}.passport-footnote{font-size:10px;color:#a1a68e;text-align:center;margin:11px 0 0}.content-unavailable{display:flex;align-items:center;flex-direction:column;justify-content:center;flex:1;text-align:center;font-size:13px;color:#8f9c80;padding:30px 5px}.office-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;width:calc(100% - 364px)}.small-summary{display:flex;align-items:center;text-align:left;gap:14px;padding:17px 20px;transition:.18s;min-width:0}.small-summary:hover{border-color:#c5cfb9;background:#fffef7}.summary-icon{display:grid;place-items:center;border-radius:13px;width:43px;height:43px;flex-shrink:0}.peach{background:#f9eadb;color:#c09265}.sage{background:#eaf0df;color:#7f996c}.small-summary>span:nth-child(2){flex:1;min-width:0}.small-summary strong{font-size:13px;display:block;color:#637452}.small-summary small{display:block;font-size:10px;color:#99a08b;margin-top:5px;line-height:1.6}.small-summary>svg{color:#b6c0a7}.office-footer-note{display:none}.page-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10px;color:#a0a593;margin-top:26px;padding-right:130px}.protagonist{position:fixed;right:24px;bottom:20px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:5px;width:130px;pointer-events:none}.protagonist-person{height:155px;position:relative;pointer-events:auto;padding:0;transition:transform .2s}.protagonist-person:hover{transform:translateY(-4px)}.protagonist-person img{height:100%;width:105px;object-fit:contain;filter:drop-shadow(0 4px 2px #3247350b)}.protagonist-person span{position:absolute;left:50%;bottom:0;transform:translate(-50%);white-space:nowrap;background:#fffdf4ef;color:#839373;border-radius:20px;padding:2px 9px;border:1px solid #e2e7d6;font-size:9px}.inspiration-button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #edcfb5;box-shadow:0 3px 12px #8c674c10;border-radius:22px;background:#fae7d6;color:#ad744d;padding:10px 14px;min-height:42px;font-size:12px;font-weight:600;pointer-events:auto}.inspiration-button:hover{background:#f8ddc3}.character-card{padding:30px 33px 32px}.creation-steps{display:flex;align-items:center;max-width:650px;gap:19px;margin:0 0 34px;color:#a1a892;font-size:12px}.creation-steps span{white-space:nowrap;display:flex;gap:9px}.creation-steps b{font-weight:400}.creation-steps .current{color:var(--green);font-weight:600}.creation-steps .current b{font-weight:600}.creation-steps i{width:64px;height:1px;background:#dfe5d4;flex-shrink:1}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.character-form h2{font-size:24px;margin-bottom:7px}.character-form>.muted{font-size:12px;margin-bottom:24px}.field-label{display:flex;flex-direction:row;justify-content:space-between;font-size:13px;margin:19px 0 10px;font-weight:500}.field-label span{font-size:10px;color:#a2a78e}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:177px;background:#f7f6ef;border:1px dashed #bdcdb2;border-radius:17px;padding:23px 17px;color:#80916d;overflow:hidden;text-align:center;transition:background .2s}.upload-area input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:2;cursor:pointer;width:100%;height:100%}.upload-area:focus-within{outline:3px solid #d9a361;outline-offset:3px}.upload-area>strong{font-size:13px;font-weight:400;margin-top:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-area>small{font-size:10px;color:#9ca18f;margin-top:6px}.upload-area.dragging,.upload-area:hover{background:#eef2e5}.upload-area.has-photo{min-height:180px;display:grid;grid-template-columns:90px 1fr;text-align:left;column-gap:20px;padding:20px}.upload-area.has-photo img{width:90px;height:126px;object-fit:cover;border-radius:12px;grid-row:1/3}.upload-area.has-photo strong{align-self:end;font-size:12px}.upload-area.has-photo small{align-self:start}.character-form textarea{font-size:13px}.privacy-copy{font-size:10px;color:#9ba28b;margin:20px 0 0;max-width:450px;line-height:1.9}.character-preview{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative}.portrait-stage{position:relative;isolation:isolate;min-height:438px;border-radius:27px;background:#eef0e2;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;max-height:575px}.portrait-stage:before{content:"";position:absolute;width:75%;aspect-ratio:1;background:#dfe8d5;border-radius:50%;z-index:-1;max-height:90%}.portrait-image{height:390px;width:100%;object-fit:contain;position:relative;z-index:1;margin-bottom:25px}.stage-caption{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;background:#fffef9ec;color:#789063;font-size:11px;padding:10px 20px;border-radius:22px;z-index:2}.stage-spark{position:absolute;color:#bac898;z-index:0}.spark-one{font-size:35px;top:19%;right:18%}.spark-two{font-size:25px;bottom:28%;left:15%}.stage-orbit{position:absolute;border:1px solid #d4dfc5;border-radius:50%;opacity:.5;width:85%;aspect-ratio:1;transform:rotate(-20deg) scaleX(.8);z-index:0}.orbit-two{transform:rotate(28deg) scaleX(.7);width:91%}.preview-label{font-size:10px;text-align:center;color:#a2aa92;margin:14px 0 0}.confirm-character{margin:16px auto 0}.generating-content{text-align:center;position:relative;z-index:2;color:#849973;padding:30px}.generating-content>svg{margin-bottom:20px}.generating-content h3{font-size:19px;color:#5c7b4e}.generating-content p{font-size:12px}.drawing-dots{display:flex;justify-content:center;gap:7px;margin-top:25px}.drawing-dots i{width:7px;height:7px;border-radius:50%;background:#9eb68c;animation:dot 1.3s infinite}.drawing-dots i:nth-child(2){animation-delay:.2s}.drawing-dots i:nth-child(3){animation-delay:.4s}@keyframes dot{50%{opacity:.25;transform:translateY(-4px)}}.modal{padding:0;border:1px solid #dfe2d4;background:var(--paper);color:inherit;max-width:640px;width:calc(100% - 40px);max-height:88svh;border-radius:25px;box-shadow:0 25px 100px #293d3730;overflow:auto}.modal-wide{max-width:900px}.modal::backdrop{background:#33433761;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{padding:28px 30px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.modal-header .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:9px}.modal-header h2{font-size:25px;margin:0}.modal-header .icon-button{margin-top:-5px;margin-right:-8px}.modal form>.button{margin-top:15px}.modal form>.button-row .button{margin-top:0}.learning-meta{display:flex;align-items:center;gap:22px;font-size:11px;color:#98a187;margin-bottom:17px}.learning-meta span{display:flex;align-items:center;gap:5px}.learning-meta span:last-child{margin-left:auto}.scenario-context{margin-top:23px;border:1px solid #e4e9d8;border-radius:15px;background:#f1f4e9;padding:18px 21px}.mini-label{font-size:10px;color:#97aa85;text-transform:uppercase;letter-spacing:1px}.scenario-context p{margin:6px 0 0;font-size:14px;line-height:1.9;color:#607154}.scenario-question{font-size:19px;margin:25px 0 15px}.context-footnote{font-size:11px;color:#989d86;line-height:1.8;margin:10px 1px 0}.options{display:flex;flex-direction:column;border:0;padding:0;margin:0;gap:10px;min-width:0}.option{display:flex;flex-direction:row;align-items:center;gap:13px;padding:14px 17px;border:1px solid #e0e4d7;border-radius:13px;min-height:57px;font-size:13px;font-weight:400;cursor:pointer;transition:background .2s,border-color .2s;position:relative}.option input{position:absolute;inset:auto;width:1px;height:1px;opacity:0}.option:has(input:focus-visible){outline:3px solid #d9a361;outline-offset:2px}.option-letter{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d9dfce;border-radius:8px;color:#9da68f;font-size:11px;flex-shrink:0}.option.selected{background:#eff4e8;border-color:#a6bc95;color:#46643d}.option.selected .option-letter{background:#719261;color:#fff;border-color:#719261}.options:disabled .option{cursor:default}.option:hover{background:#f5f7ee}.choice-feedback{margin-top:18px;background:#fcf0e2;border:1px solid #eed8bb;border-radius:14px;padding:16px 19px;font-size:12px;color:#94784c;line-height:1.9}.choice-feedback.is-correct{background:#edf3e6;border-color:#d1dfc2;color:#6b8457}.choice-feedback strong{display:flex;align-items:center;gap:7px;font-size:13px;margin-bottom:8px}.choice-feedback p{margin-bottom:7px}.choice-feedback p:last-child{margin-bottom:0}.guide-reveal{border-top:1px dashed #d6c5a6;margin-top:15px;padding-top:12px}.pending-rule{display:flex;align-items:flex-start;gap:7px;color:#9b9578;font-size:10px;line-height:1.7;margin:16px 0 6px}.pending-rule svg{margin-top:1px}.source-details{font-size:11px;color:#9aa18c;padding:6px 0 0}.source-details summary{cursor:pointer;padding:6px 0;width:fit-content;min-height:30px}.source-details p{font-size:11px;color:#8b957e;margin:5px 0}.learning-actions{margin:23px -30px -28px;padding:17px 30px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f9faf3;border-top:1px solid #e5e9dc;border-radius:0 0 25px 25px}.learning-actions>.muted{font-size:10px;margin:0}.learning-actions .button-row{margin:0;gap:12px}.asset-example{display:flex;align-items:center;gap:17px;margin-top:18px;background:#faf6ea;border:1px solid #eae0c8;border-radius:13px;padding:16px;justify-content:space-evenly}.asset-example small{font-size:10px;color:#a79778;display:block;margin-bottom:5px}.asset-example code{font-size:15px;color:#7b7e66;letter-spacing:1px;white-space:nowrap}.asset-example code b{color:#bf8559;background:#f7e3cb;padding:2px 3px;border-radius:3px}.asset-example>span{color:#baa883}.time-visual{margin-top:20px;background:#f8f7ee;border:1px solid #e8e6d7;border-radius:13px;padding:17px}.time-labels{display:flex;justify-content:space-between;font-size:9px;color:#899278;gap:5px}.work-timeline{display:grid;grid-template-columns:2.5fr 1.5fr 5.5fr;gap:3px;margin:10px 0;border-radius:6px;overflow:hidden}.work-timeline span{text-align:center;padding:9px 1px;background:#c2d2b3;color:#567347;font-size:10px}.work-timeline span:nth-child(2){background:#f1dfb4;color:#a28e5a}.time-visual>small{color:#a5aa94;font-size:10px}.materials-caption{display:flex;gap:12px;align-items:center;padding:17px;margin-top:18px;background:#f8f3e6;border-radius:12px;color:#b19a69}.materials-caption span{font-size:10px;flex:1}.materials-caption strong{display:block;font-size:13px;color:#8e865d}.materials-caption small{font-size:10px}.crossday-example{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:#99a384;border:1px solid #dde4d1;border-radius:13px;background:#f4f6ec;padding:16px;margin-top:17px}.crossday-example i{flex:1;height:2px;background:#c1cda9}.crossday-example b{font-weight:500;color:#c59766}.crossday-example small{width:100%;font-size:10px}.chapter-complete{text-align:center;position:relative}.chapter-complete>.eyebrow{margin-top:17px}.chapter-complete>h3{font-size:26px}.chapter-complete>.muted{font-size:13px}.completion-stamp{display:flex;align-items:center;justify-content:center;gap:6px;width:114px;height:114px;border:2px solid #8da378;border-radius:50%;outline:1px dashed #acba98;outline-offset:-8px;margin:0 auto;color:#7c9567;flex-direction:column;transform:rotate(-9deg);background:#f4f7eb}.completion-stamp span{font-size:17px;letter-spacing:4px;padding-left:4px}.chapter-complete .guide-card{text-align:left;margin-top:22px}.chapter-complete>.button-row{justify-content:center}.guide-card{padding:23px;border:1px solid #e0e5d4;border-radius:17px;background:#fbfcf4}.guide-card header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.guide-number{width:40px;height:45px;border-radius:7px 12px 12px 7px;border:1px solid #c9d5bb;background:#e4edda;color:#87a071;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px;flex-shrink:0}.guide-card header small{font-size:9px;color:#9aa58b;letter-spacing:1px}.guide-card header h3{font-size:17px;color:#637d50;margin:1px 0 0}.guide-card>.muted{font-size:11px;margin-bottom:12px}.guide-card ol{padding-left:19px;margin:0;font-size:12px;color:#748367;line-height:2}.guide-card li{padding-left:3px;margin-bottom:6px}.guide-card .card-pending{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#a59a79;background:#f6f1e3;padding:10px;border-radius:9px;margin:14px 0}.card-pending svg{margin-top:2px}.guide-card footer{display:flex;flex-direction:column;gap:7px;border-top:1px dashed #d6deca;padding-top:11px;font-size:10px;color:#8c9d7a}.guide-card footer small{font-size:9px;color:#a3ac93}.config-note{font-size:11px;line-height:1.8;background:#edf1e3;padding:10px 12px;border-radius:9px;color:#7d8a6a;margin:13px 0}.search-field{display:flex;align-items:center;flex-direction:row;gap:9px;border:1px solid #e0e3d5;border-radius:12px;padding:0 13px;background:#f7f7ef;color:#a4ad94}.search-field input{border:0;outline:0;background:none;font-size:12px;padding:12px 0;min-width:0}.search-field:focus-within{outline:2px solid #c1d2b0;outline-offset:2px}.search-field input:focus{outline:0}.guide-search{margin-bottom:22px}.guides-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.passport-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.passport-grid>button{border:1px solid #e1e6d5;background:#fbfcf6;border-radius:17px;padding:22px;text-align:left;position:relative;transition:.18s}.passport-grid>button:hover{border-color:#c1d1ae;background:#f4f7ea;transform:translateY(-2px)}.chapter-icon{position:absolute;right:20px;top:24px;color:#a9ba94}.passport-grid .eyebrow{font-size:9px;letter-spacing:1px;display:block;margin-top:4px}.passport-grid h3{font-size:17px;margin:13px 0 8px;color:#597448}.passport-grid p{font-size:11px;line-height:1.8;color:#8b957c;max-width:90%;min-height:40px}.chapter-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#819d68}.welcome-dialogue{display:flex;gap:20px;background:#f3f5eb;border:1px solid #e3e8d7;border-radius:17px;padding:20px}.speaker-avatar{width:76px;height:92px;overflow:hidden;flex-shrink:0;background:#e7eddb;border-radius:20px;position:relative}.speaker-avatar img{width:88px;height:170px;object-fit:contain;position:absolute;left:-6px;top:0}.speaker-name{font-size:11px;color:#9bac87}.welcome-dialogue p{font-size:13px;color:#647b54;line-height:1.9;margin-top:8px}.welcome-options{display:flex;flex-direction:column;gap:10px;margin-top:20px}.welcome-options>button{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #e0e6d5;border-radius:13px;color:#869e73;text-align:left}.welcome-options>button:hover{background:#f3f7e9}.welcome-options>button>span{flex:1}.welcome-options strong{display:block;font-size:14px;color:#5d7d4b}.welcome-options small{display:block;font-size:10px;color:#98a18a;margin-top:3px}.subsection-title{font-size:16px;margin:27px 0 14px}.subsection-title small{font-size:12px;color:#9aa98a;margin-left:8px}.personal-checklist{display:flex;flex-direction:column;gap:15px;margin-top:18px}.personal-checklist article{border:1px solid #e2e7d5;border-radius:15px;padding:18px}.personal-checklist h3{font-size:14px;margin-bottom:0}.personal-checklist select{font-size:12px}.personal-checklist .text-button{font-size:11px;margin-top:3px}.plan-card{text-align:center;background:#f1f4e7;border-radius:18px;padding:22px}.calendar-icon{width:64px;height:64px;display:grid;place-items:center;border:1px dashed #b6c3a4;border-radius:50%;margin:0 auto 18px;color:#8ca475}.plan-card h3{font-size:22px;color:#6b8557}.plan-card dl{display:flex;gap:15px;justify-content:center;margin:20px 0 0}.plan-card dl>div{flex:1}.plan-card dt{font-size:10px;color:#9ba78b}.plan-card dd{margin:4px 0 0;font-size:13px;color:#6a8257}.growth-timeline{margin-left:10px;border-left:1px solid #d8e0ca;padding-left:23px}.growth-timeline>div{position:relative;padding-bottom:20px;display:flex;flex-direction:column}.growth-timeline>div:before{content:"";position:absolute;left:-28px;top:6px;width:8px;height:8px;border-radius:50%;background:#afc097;border:2px solid #fffefa}.growth-timeline span{font-size:10px;color:#9aa68b}.growth-timeline strong{font-size:13px;color:#6b8259;margin:4px 0}.growth-timeline small{font-size:10px;color:#a1a892}.profile-overview{display:flex;align-items:center;justify-content:center;gap:35px;background:#f0f4e5;padding:20px;border-radius:18px}.profile-overview>img{height:180px;width:120px;object-fit:contain}.profile-overview h3{font-size:22px;color:#587845}.profile-overview p{font-size:12px;margin-bottom:8px}.profile-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:14px}.profile-actions>button{border:1px solid #e2e7d6;border-radius:12px;display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 18px;text-align:left;font-size:13px;color:#829a6f}.profile-actions>button:hover{background:#f4f7ec}.profile-actions>button>svg:last-child{margin-left:auto}.notes-list{display:grid;gap:12px;margin-top:22px}.notes-list article{padding:17px;background:#f9f2df;border-radius:12px;border:1px solid #eae0c5}.notes-list article p{font-size:13px;color:#8b805f;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:8px}.notes-list footer{display:flex;justify-content:space-between;align-items:center;color:#aea385}.notes-list small{font-size:10px}.landing{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;min-height:calc(100svh - 119px);padding-top:40px;padding-bottom:85px;overflow:hidden}.landing-copy{position:relative;z-index:1;padding-left:25px}.welcome-pill{display:inline-flex;align-items:center;gap:7px;background:#eef1e5;border:1px solid #dfe5d2;border-radius:22px;color:#8c9a77;padding:7px 13px;font-size:11px;margin-bottom:31px}.landing-copy>.eyebrow{font-size:10px;letter-spacing:2px;color:#a3ad90;margin-bottom:12px}.landing h1{font-size:clamp(42px,4.8vw,70px);line-height:1.33;letter-spacing:-2px;color:#374e3c;margin-bottom:25px}.landing h1>span{color:#7d9863}.landing-description{font-size:14px;line-height:2;color:#929982}.entry-instruction{display:flex;align-items:flex-start;gap:16px;padding:20px 0 22px;margin-top:10px}.entry-step{display:grid;place-items:center;border:1px solid #cbd5bb;border-radius:12px;width:37px;height:43px;font-size:12px;color:#91a477;flex-shrink:0;background:#f2f5e9}.entry-instruction strong{font-size:13px;color:#6d8657}.entry-instruction p{font-size:11px;line-height:1.9;color:#a0a68d;margin:5px 0 0}.landing-copy>.button{min-width:210px}.landing-hr{display:flex;width:fit-content;font-size:11px;color:#98a487;margin-top:13px}.landing-art{height:550px;position:relative;margin-top:10px}.art-disc{position:absolute;background:#e9eddb;width:490px;height:490px;border-radius:50%;top:40px;left:50%;transform:translate(-50%)}.art-disc:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:1px dashed #d0dac0;border-radius:50%}.little-building{position:absolute;left:50%;top:140px;transform:translate(-54%);width:310px;height:260px;filter:drop-shadow(6px 20px 0 #a6b39718)}.building-face{width:215px;height:225px;position:absolute;top:30px;left:17px;background:#e8d4ad;border:2px solid #9f9d7c;transform:skewY(10deg);border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:26px 25px 75px}.building-face span{height:45px;background:#bad5cb;border:2px solid #879d8e;border-radius:6px;position:relative}.building-face span:after{content:"";position:absolute;left:50%;height:100%;width:2px;background:#d2e3d3;top:0}.building-face i{position:absolute;width:55px;height:61px;background:#879f88;bottom:0;left:82px;border:2px solid #84957b;border-radius:22px 22px 0 0}.building-face i:after{content:"";width:4px;height:4px;border-radius:50%;background:#ead2a0;position:absolute;right:7px;top:30px}.building-face b{position:absolute;bottom:70px;left:56px;font-size:15px;color:#fefcf0;font-family:Georgia;font-weight:400}.building-side{position:absolute;top:18px;left:232px;width:65px;height:225px;background:#cbb997;transform:skewY(-25deg);border:2px solid #9f9d7c;border-left:0;padding:28px 12px;display:flex;flex-direction:column;gap:22px}.building-side span{height:42px;border:2px solid #879d8e;border-radius:5px;background:#bed0bd}.building-roof{position:absolute;left:17px;top:5px;background:#8caa8e;width:278px;height:66px;transform:rotate(0) skewY(-8deg);border:2px solid #809b7d;clip-path:polygon(0 45%,72% 0,100% 25%,76% 100%);z-index:2}.building-plant{position:absolute;right:-27px;bottom:-24px;color:#9eaf80;z-index:2;transform:rotate(8deg)}.landing-hr-character{position:absolute;height:265px;left:45px;bottom:19px;filter:drop-shadow(0 4px 0 #4d644b0b)}.landing-it-character{position:absolute;height:254px;right:29px;bottom:15px;filter:drop-shadow(0 4px 0 #4d644b0b)}.art-tag{position:absolute;font-size:11px;letter-spacing:1.3px;background:#fffef7;padding:11px 18px;border:1px solid #e5e7d7;border-radius:24px;color:#8da276;box-shadow:0 5px 15px #929f7c0a;white-space:nowrap}.tag-top{top:64px;right:10px;transform:rotate(5deg)}.tag-bottom{bottom:23px;left:50%;transform:translate(-50%) rotate(-5deg);display:flex;align-items:center;gap:7px;background:#fbebd5;color:#b49166}.landing-spark{position:absolute;color:#d4b680}.landing-spark.one{left:50px;top:78px;font-size:43px}.landing-spark.two{right:20px;top:250px;font-size:29px}.landing-footer{position:absolute;bottom:27px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:19px;color:#a6ad97;font-size:10px;white-space:nowrap;letter-spacing:1px}.landing-footer i{width:3px;height:3px;border-radius:50%;background:#bec7ab}.admin-login-page{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;min-height:calc(100svh - 120px);max-width:1250px;padding-top:40px;padding-bottom:40px}.login-story h1{font-size:39px;color:#455d3e;line-height:1.6}.login-story>p:not(.eyebrow){font-size:13px;color:#9ba58a}.login-illustration{height:300px;position:relative;max-width:400px}.login-illustration img{height:270px;position:absolute;right:0;bottom:0}.paper-envelope{position:absolute;left:15px;top:80px;width:230px;height:155px;border-radius:17px;background:#e3d5af;border:1px solid #c7bc95;transform:rotate(-8deg);box-shadow:7px 13px #e9ecd9}.paper-envelope:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ebdfbf;clip-path:polygon(0 100%,0 30%,50% 74%,100% 30%,100% 100%);border-radius:17px}.paper-envelope span{position:absolute;left:35px;top:-32px;font-family:Georgia;font-size:21px;line-height:1.5;color:#96a17f;background:#fffef6;width:165px;height:120px;border-radius:5px;padding:16px}.paper-envelope i{position:absolute;bottom:25px;left:100px;z-index:2;width:35px;height:35px;display:grid;place-items:center;background:#d09d73;color:#faead1;border:1px solid #bd8b62;border-radius:50%;font-size:23px}.login-card{padding:36px 40px;max-width:440px;width:100%;justify-self:center}.login-icon{width:55px;height:55px;border-radius:17px;background:#edf2e3;color:#8da576;display:grid;place-items:center;margin-bottom:20px}.login-card h2{font-size:28px;margin-bottom:6px}.login-card>.muted{font-size:12px}.login-card label{font-size:12px;color:#7e8c70;margin:19px 0}.login-card input{font-size:13px}.login-card>.button{margin-top:14px}.login-card>small{display:block;color:#a9af9b;font-size:10px;text-align:center;margin:15px 0 7px}.login-card>.text-button{display:flex;margin:auto;font-size:11px}.admin-page .page-heading{margin-bottom:28px}.admin-grid{display:grid;grid-template-columns:215px 1fr;gap:23px;align-items:stretch}.admin-sidebar{border:1px solid #e1e6d7;background:#edf0e5;border-radius:23px;padding:27px 14px 21px;display:flex;flex-direction:column;min-height:590px}.admin-sidebar>.eyebrow{padding-left:14px;font-size:11px;letter-spacing:1px;margin-bottom:16px}.admin-sidebar>button{display:flex;align-items:center;gap:12px;text-align:left;min-height:47px;padding:12px 14px;font-size:13px;color:#93a17f;border-radius:12px;margin-bottom:9px}.admin-sidebar>button.active,.admin-sidebar>button:hover{background:#fffef8;color:#63874b;box-shadow:0 1px #dce3cf44}.sidebar-note{margin:auto 10px 0;border-top:1px dashed #d5ddc7;padding-top:24px;color:#acb99a}.sidebar-note strong{display:block;font-size:11px;color:#93a37f;margin:12px 0 8px}.sidebar-note p{font-size:10px;line-height:1.9;color:#a9b397}.admin-content{padding:27px;min-width:0;position:relative}.admin-content>.saved{position:absolute;right:29px;top:6px;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2{font-size:23px;margin:0}.section-heading .eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:1.3px}.count-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;border:1px solid #dce5ce;background:#f0f4e5;color:#8c9e74;min-width:24px;height:23px;padding:2px 6px;border-radius:8px;vertical-align:middle;margin-left:4px;letter-spacing:0}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0}.table-toolbar .search-field{flex:1;max-width:440px}.table-toolbar .text-button{font-size:11px;white-space:nowrap}.employee-table-wrap{overflow-x:auto}.employee-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}.employee-table th{background:#f5f6ef;font-weight:400;color:#a0a88f;padding:13px;font-size:10px}.employee-table th:first-child{border-radius:8px 0 0 8px}.employee-table th:last-child{border-radius:0 8px 8px 0}.employee-table td{border-bottom:1px solid #eceee2;padding:21px 13px;vertical-align:middle}.employee-table td>small{display:block;color:#a6ae98;font-size:9px;margin-top:5px}.employee-table .progress-track{width:100px;height:5px;margin-top:8px}.employee-table td>strong{font-size:11px}.employee-table td .text-button{font-size:10px;padding:8px 0}.person-cell{display:flex;align-items:center;gap:11px}.initial-avatar{width:34px;height:36px;border-radius:11px;background:#edf2e3;color:#97ac82;display:grid;place-items:center;font-size:14px;flex-shrink:0}.person-cell strong{display:block;font-size:12px;font-weight:600}.person-cell small{display:block;font-size:9px;color:#a4ad95;margin-top:3px}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 9px;border-radius:13px;background:#edf4e5;color:#8ca277;font-size:10px;white-space:nowrap}.status-pill:before{content:"";width:4px;height:4px;border-radius:50%;background:#a1b78b}.status-pill.inactive{background:#f3eee4;color:#b3a183}.status-pill.inactive:before{background:#c9b692}.link-reminder{margin-top:25px;font-size:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 15px;color:#acb79a}.empty-state h3{font-size:17px;color:#82996b;margin:17px 0 7px}.empty-state p{font-size:12px;color:#a0aa8c;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.form-grid label{font-size:12px;color:#8d9d7b}.form-grid input,.form-grid select{font-size:13px;font-weight:400}.detail-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-progress>span{display:flex;align-items:center;gap:9px;border:1px solid #e1e7d5;background:#f7f9ef;border-radius:10px;font-size:10px;color:#92a17f;padding:13px 10px}.detail-progress b{font-size:11px;color:#9aaf84}.checklist-list{display:flex;flex-direction:column;gap:11px}.checklist-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f8ef;border-radius:11px;padding:14px;font-size:12px;color:#849472}.checklist-row small{display:block;font-size:10px;color:#a4ad95;margin-top:3px}.compact-check{display:flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:#8f9c7d}.compact-check input{width:16px;height:16px;padding:0;accent-color:var(--green)}.admin-danger-actions{margin-top:25px;border-top:1px dashed #d9e0cc;padding-top:19px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.danger-text{color:#b08a69}.generated-links{max-height:40vh;overflow:auto;margin:20px 0}.generated-links>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e6ebdb;padding:10px 0}.generated-links strong{font-size:12px;min-width:65px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.generated-links input{font-size:11px;min-width:0;font-family:monospace;padding:9px;background:#f6f8ed}.config-group{padding:22px 0;border-top:1px solid #e7ebdc}.config-group>h3{font-size:17px;color:#7f9766}.config-group>.muted{font-size:11px}.config-group>label{font-size:12px;color:#95a282;margin-top:17px}.config-group textarea{font-size:12px;font-weight:400}.contact-editor{background:#f7f9ee;border:1px solid #e5ead8;border-radius:14px;padding:0 15px 12px;margin:15px 0;position:relative}.contact-editor>.icon-button{position:absolute;right:6px;bottom:6px}.contact-editor .form-grid{padding-right:28px}@media(min-width:1600px){.office-page{padding-top:40px}.office-grid{grid-template-columns:minmax(0,1fr) 365px}.office-bottom{width:calc(100% - 389px)}.station{min-height:48px}.station strong{font-size:13px}.passport-card{padding:29px 26px 20px}.scene-caption{padding-bottom:25px}}@media(max-width:1150px){.topbar{gap:15px}.brand small{display:none}.topbar nav>button{padding:10px 12px;font-size:12px}.profile-chip{font-size:11px}.office-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.office-bottom{width:calc(100% - 318px);gap:14px}.passport-card{padding:21px 17px 15px}.passport-top h2{font-size:20px}.passport-emblem{display:none}.station{gap:8px;padding:9px 7px;min-height:41px}.station strong{font-size:11px}.station-list{margin-bottom:14px}.scene-tabs{padding:18px 15px 2px;gap:4px}.scene-tabs>button{padding:9px 12px;font-size:12px}.explore-hint{display:none}.scene-caption{padding:15px 18px}.scene-caption p{font-size:10px}.scene-accessible{gap:0 10px}.scene-accessible button{font-size:9px}.small-summary{padding:14px 15px;gap:11px}.small-summary strong{font-size:12px}.small-summary small{font-size:9px}.summary-icon{width:35px;height:39px}.gentle-badge{font-size:10px}.character-grid{gap:35px}.character-card{padding:27px}.portrait-image{height:350px}.portrait-stage{min-height:415px}.admin-grid{grid-template-columns:180px 1fr;gap:18px}.admin-sidebar{padding:23px 10px}.admin-sidebar>button{font-size:12px;padding:12px 10px;gap:8px}.admin-content{padding:22px}.employee-table td,.employee-table th{padding-left:9px;padding-right:9px}.person-cell{gap:8px}.initial-avatar{display:none}.admin-login-page{gap:50px}.landing-copy{padding-left:0}.landing-art{height:490px}.art-disc{width:410px;height:410px}.little-building{transform:translate(-54%) scale(.85);top:120px}.landing-hr-character{height:230px;left:10px}.landing-it-character{height:220px;right:0}.tag-top{right:-5px;font-size:10px}.landing-copy>.eyebrow{letter-spacing:1.5px}.tag-bottom{bottom:15px;font-size:10px}.protagonist{right:10px;width:110px}.protagonist-person{height:133px}.protagonist-person img{width:95px}}@media(max-width:900px){.topbar{padding:0 24px;height:77px;gap:15px}.brand strong{font-size:21px}.brand-mark{width:40px;height:40px}.topbar nav>button span{display:none}.topbar nav>button{padding:10px 13px}.profile-chip{max-width:180px}.page{padding:28px 24px 30px}.office-grid{grid-template-columns:1fr}.office-grid .passport-card{padding:25px}.station-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin:5px -7px 19px}.station{min-height:45px;padding:10px 12px}.station strong{font-size:12px}.passport-card>.muted{margin-bottom:17px}.passport-top h2{font-size:23px}.passport-emblem{display:grid}.passport-cta{max-width:330px;align-self:center}.office-bottom{width:100%;gap:16px}.small-summary strong{font-size:13px}.scene-tabs{padding:21px 22px 0}.scene-tabs>button{padding:8px 18px;font-size:13px}.explore-hint{display:flex}.scene-caption{padding:18px 25px}.scene-caption p{font-size:12px}.scene-accessible button{font-size:10px;min-height:38px}.scene-canvas{aspect-ratio:1000/545}.passport-top .eyebrow{font-size:10px}.page-heading .gentle-badge{display:none}.character-grid{gap:24px}.character-form h2{font-size:21px}.character-card{padding:24px}.portrait-stage{min-height:390px}.portrait-image{height:310px}.character-form .button-row{gap:7px;justify-content:center}.character-form .button-row .button{width:100%}.character-form .button-row .text-button{font-size:11px}.creation-steps{gap:12px;margin-bottom:28px}.creation-steps i{width:42px}.privacy-copy{font-size:9px}.stage-caption{font-size:10px;padding:9px 13px;gap:5px}.landing{padding-top:30px;padding-bottom:75px;min-height:auto;column-gap:0}.landing h1{font-size:48px}.landing-description{font-size:12px}.welcome-pill{font-size:10px;margin-bottom:25px}.landing-art{height:460px;margin-right:-20px}.art-disc{width:340px;height:340px;top:74px}.little-building{transform:translate(-54%) scale(.7);top:130px}.landing-hr-character{height:187px;left:-15px;bottom:3px}.landing-it-character{height:180px;right:-3px;bottom:3px}.tag-top{font-size:9px;right:-14px;top:72px;letter-spacing:.3px;padding:9px 12px}.tag-bottom{font-size:9px;bottom:5px;padding:8px 10px;gap:5px}.tag-bottom svg{width:13px}.landing-spark.one{left:8px;top:78px;font-size:33px}.landing-spark.two{right:0;top:225px;font-size:23px}.entry-instruction{gap:12px}.entry-instruction strong{font-size:12px}.entry-instruction p{font-size:10px}.entry-step{width:30px;height:37px}.landing-footer{font-size:9px;gap:11px;bottom:20px}.admin-grid{grid-template-columns:1fr}.admin-sidebar{min-height:auto;display:flex;flex-direction:row;gap:10px;border-radius:16px;padding:9px}.admin-sidebar>.eyebrow,.sidebar-note{display:none}.admin-sidebar>button{margin:0;padding:10px 15px;min-height:42px;flex:1;justify-content:center}.admin-login-page{gap:35px}.login-story h1{font-size:29px}.login-story>p:not(.eyebrow){font-size:11px}.login-card{padding:26px}.login-illustration{height:250px}.login-illustration img{height:220px;right:-15px}.paper-envelope{transform:rotate(-8deg) scale(.8);left:-30px}.modal{max-height:90svh}.scene-canvas .loading-page{min-height:100%;position:absolute;top:0;right:0;bottom:0;left:0}}@media(max-width:600px){.topbar{height:auto;min-height:76px;padding:16px 18px 12px;gap:12px;flex-wrap:wrap}.brand{gap:9px}.brand-mark{width:36px;height:36px;border-radius:12px}.brand-mark svg{width:25px}.brand strong{font-size:20px;letter-spacing:-.7px}.topbar nav{order:3;width:100%;justify-content:center;gap:10px;margin-top:0}.topbar nav>button{flex:1;font-size:11px;gap:6px;min-height:39px;padding:9px 10px}.topbar nav>button span{display:inline}.topbar nav>button svg{width:15px}.topbar nav:has(.header-note){display:none}.header-admin{font-size:10px;padding:8px 11px;min-height:36px}.profile-chip{margin-left:auto;max-width:125px;font-size:10px;padding:3px 7px 3px 3px;gap:5px}.avatar-crop{width:25px;height:25px}.avatar-crop img{height:48px}.sun-symbol{display:none}.demo-ribbon{font-size:9px;line-height:1.7;flex-wrap:wrap;gap:1px 5px;padding:5px 12px}.demo-ribbon>span:not(.live-dot){display:none}.page{padding:24px 16px 110px}.page-heading{margin-bottom:21px;gap:13px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:10px}h1{font-size:27px;line-height:1.55;letter-spacing:-.7px}h2{font-size:21px}.subtitle{font-size:11px;line-height:1.8;max-width:95%}.paper{border-radius:19px}.office-grid{gap:16px}.scene-tabs{padding:14px 10px 0;justify-content:space-between;gap:4px}.scene-tabs>button{font-size:11px;gap:5px;padding:9px 12px;flex:1;min-height:40px}.scene-tabs>button svg{width:14px}.explore-hint{display:none}.scene-canvas{aspect-ratio:1000/670}.scene-accessible{gap:0 12px;padding:0 12px 6px}.scene-accessible>svg{display:none}.scene-accessible button{min-height:44px;font-size:9px}.scene-caption{padding:13px 16px;gap:11px}.scene-caption strong{font-size:11px}.scene-caption p{font-size:10px;line-height:1.8;max-width:235px}.scene-no{font-size:25px}.caption-leaf{display:none}.office-grid .passport-card{padding:21px 18px 16px;border-radius:19px}.passport-top h2{font-size:22px}.passport-top .eyebrow{font-size:8px;letter-spacing:1.2px}.passport-card>.muted{font-size:11px}.station-list{gap:5px 6px;margin-left:-6px;margin-right:-6px}.station{min-height:46px;padding:10px 5px;gap:5px}.station strong{font-size:10px}.station-number{width:19px;font-size:9px}.station-icon{width:13px}.station small{font-size:8px;line-height:1.5}.passport-emblem{width:38px;height:38px}.passport-emblem svg{width:23px}.passport-cta{font-size:12px;max-width:none}.passport-footnote{font-size:9px}.office-bottom{display:grid;grid-template-columns:1fr;gap:12px;margin-top:15px}.small-summary{padding:15px 17px;gap:14px}.small-summary strong{font-size:12px}.small-summary small{font-size:10px}.summary-icon{width:39px;height:39px}.page-footer{font-size:9px;line-height:1.8;padding-right:65px;margin-top:20px;gap:10px}.protagonist{right:7px;bottom:10px;width:92px;gap:0}.protagonist-person{height:100px}.protagonist-person img{width:74px}.protagonist-person span{font-size:7px;padding:1px 7px}.inspiration-button{font-size:10px;padding:7px 10px;min-height:34px;gap:4px}.inspiration-button svg{width:13px}.character-card{padding:21px 17px}.creation-steps{gap:8px;font-size:9px;margin-bottom:25px;justify-content:center}.creation-steps span{gap:4px}.creation-steps i{width:17px}.character-grid{grid-template-columns:1fr;gap:26px}.character-form h2{font-size:23px}.character-form>.muted{font-size:11px}.upload-area{min-height:167px}.upload-area>strong{font-size:12px}.upload-area>small{font-size:9px}.field-label{font-size:12px}.character-form .button-row{justify-content:flex-start;gap:5px}.character-form .button-row .button{width:auto;flex:1;min-height:46px;font-size:11px;padding:12px}.character-form .button-row .text-button{font-size:10px;padding-left:7px}.privacy-copy{font-size:9px}.character-form textarea{font-size:12px}.field-help{font-size:9px;gap:8px}.character-preview{order:2}.portrait-stage{min-height:330px;max-height:390px;border-radius:20px}.portrait-image{height:290px}.stage-caption{bottom:16px;font-size:9px;padding:8px 12px}.preview-label{font-size:8px}.portrait-stage:before{width:81%;max-height:95%}.generating-content{padding:20px}.generating-content h3{font-size:17px}.generating-content p{font-size:10px}.modal{width:calc(100% - 18px);max-height:91svh;border-radius:20px}.modal-inner{padding:22px 18px}.modal-header{gap:10px;margin-bottom:18px}.modal-header h2{font-size:22px}.modal-header .eyebrow{font-size:8px;letter-spacing:1px}.modal-header .icon-button{min-width:35px;min-height:35px}.learning-meta{gap:10px;font-size:9px;margin-bottom:13px}.learning-meta svg{width:13px}.scenario-context{padding:14px 15px;margin-top:18px}.scenario-context p{font-size:12px;line-height:1.9}.mini-label{font-size:9px}.scenario-question{font-size:17px;margin:20px 0 12px}.option{padding:12px;gap:10px;font-size:12px;line-height:1.85;min-height:53px}.option-letter{width:25px;height:25px;font-size:10px}.choice-feedback{font-size:11px;padding:14px}.choice-feedback strong{font-size:12px;gap:5px}.choice-feedback strong svg{width:16px}.pending-rule{font-size:9px}.source-details,.source-details p{font-size:10px}.learning-actions{margin:20px -18px -22px;padding:15px 18px;flex-direction:column;align-items:stretch;gap:8px;border-radius:0 0 20px 20px}.learning-actions>.muted{font-size:9px;text-align:center}.learning-actions .button-row{justify-content:flex-end;gap:12px}.learning-actions .button{font-size:11px;min-height:44px;padding:11px 13px}.learning-actions .text-button{font-size:10px}.asset-example{gap:9px;padding:13px 10px;flex-wrap:wrap}.asset-example small{font-size:8px}.asset-example code{font-size:12px;letter-spacing:.2px}.asset-example>span{font-size:16px}.time-visual{padding:13px 10px}.time-labels{font-size:7px}.work-timeline span{font-size:8px;padding:9px 0}.time-visual>small{font-size:8px}.materials-caption{gap:10px;padding:13px}.materials-caption strong{font-size:11px}.materials-caption small{font-size:8px;max-width:57px}.context-footnote{font-size:9px}.crossday-example{font-size:9px;gap:7px;padding:13px}.crossday-example small{font-size:8px}.chapter-complete>h3{font-size:22px}.chapter-complete>.muted{font-size:11px}.completion-stamp{width:94px;height:94px}.completion-stamp>svg{width:29px}.completion-stamp span{font-size:14px;letter-spacing:3px}.guide-card{padding:18px;border-radius:14px}.guide-card header h3{font-size:16px}.guide-card header small{font-size:8px}.guide-card>.muted{font-size:10px}.guide-card ol{font-size:11px;padding-left:16px}.guide-card .card-pending{font-size:9px;padding:9px}.guide-card footer{font-size:9px}.guide-card footer small{font-size:8px}.guides-grid{grid-template-columns:1fr}.passport-grid{gap:11px;grid-template-columns:1fr}.passport-grid>button{padding:20px}.passport-grid h3{font-size:18px}.passport-grid p{font-size:11px;min-height:0}.passport-grid .eyebrow{font-size:9px}.chapter-link{font-size:11px}.welcome-dialogue{padding:16px;gap:13px}.speaker-avatar{width:58px;height:74px;border-radius:14px}.speaker-avatar img{width:70px;height:139px}.speaker-name{font-size:10px}.welcome-dialogue p{font-size:12px}.welcome-options>button{padding:14px;gap:12px}.welcome-options strong{font-size:13px}.welcome-options small{font-size:9px}.plan-card dl{gap:8px}.plan-card dd{font-size:11px}.plan-card dt{font-size:9px}.profile-overview{gap:21px;padding:15px}.profile-overview>img{height:160px;width:100px}.profile-overview h3{font-size:21px}.personal-checklist article{padding:16px}.personal-checklist h3{font-size:13px}.personal-checklist select{font-size:11px}.landing{grid-template-columns:1fr;padding-top:32px;padding-bottom:68px;text-align:left;min-height:calc(100svh - 105px)}.landing-copy{padding:0 8px}.welcome-pill{font-size:9px;margin-bottom:24px;padding:7px 11px}.landing-copy>.eyebrow{font-size:8px;letter-spacing:1.3px}.landing h1{font-size:49px;line-height:1.27;margin-bottom:21px}.landing-description{font-size:12px;line-height:2}.entry-instruction{padding-top:13px;padding-bottom:20px;margin-top:0}.entry-instruction strong{font-size:12px}.entry-instruction p{font-size:10px}.landing-copy>.button{min-width:190px;font-size:12px;min-height:46px}.landing-hr{font-size:10px;margin-top:6px}.landing-art{margin:0 -15px;height:365px;max-width:430px;justify-self:center;width:calc(100% + 30px)}.art-disc{width:290px;height:290px;top:40px}.little-building{transform:translate(-54%) scale(.65);top:82px}.landing-hr-character{left:20px;bottom:6px;height:165px}.landing-it-character{right:14px;bottom:6px;height:165px}.tag-top{top:30px;right:20px;font-size:9px;padding:8px 12px}.tag-bottom{font-size:9px;bottom:5px;letter-spacing:.4px}.landing-spark.one{left:27px;top:47px;font-size:30px}.landing-spark.two{right:28px;top:150px;font-size:22px}.landing-footer{font-size:8px;letter-spacing:0;gap:10px;bottom:27px}.landing-footer i{width:2px;height:2px}.admin-login-page{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:40px}.login-story h1{font-size:29px;margin-bottom:10px}.login-story>.eyebrow{font-size:8px;letter-spacing:1px}.login-story>p:not(.eyebrow){font-size:11px}.login-illustration{display:none}.login-card{padding:25px 24px;max-width:420px}.login-card h2{font-size:26px}.login-card>.muted{font-size:11px}.login-card label{font-size:11px}.login-card input{font-size:12px}.login-card>.text-button{font-size:10px}.admin-page .page-heading{flex-direction:column;align-items:flex-start;gap:5px}.admin-page .page-heading>.text-button{font-size:10px;padding-top:1px;min-height:30px}.admin-page .page-heading h1{font-size:27px}.admin-grid{gap:15px}.admin-sidebar{padding:7px;gap:3px;border-radius:13px}.admin-sidebar>button{padding:9px 7px;font-size:10px;gap:5px;min-height:41px;border-radius:9px}.admin-sidebar>button svg{width:15px}.admin-content{padding:20px 15px}.section-heading{gap:12px;margin-bottom:17px;flex-wrap:wrap}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:7px;letter-spacing:.9px}.section-heading>.button{padding:10px 12px;min-height:41px;font-size:10px;gap:4px}.section-heading>.button svg{width:14px}.count-badge{font-size:9px;min-width:21px;height:21px}.table-toolbar{gap:6px;align-items:flex-start;flex-direction:column;margin:18px 0 13px}.table-toolbar .search-field{width:100%;max-width:none}.table-toolbar .search-field input{font-size:11px;padding:11px 0}.table-toolbar>.text-button{font-size:10px}.employee-table{min-width:565px}.employee-table th{font-size:9px}.employee-table td{font-size:10px;padding:17px 11px}.person-cell strong{font-size:11px}.person-cell small,.employee-table td>small{font-size:8px}.employee-table td .text-button{font-size:9px}.link-reminder{font-size:9px;padding:11px;margin-top:20px}.admin-content>.saved{font-size:8px;right:15px;top:4px}.form-grid{gap:14px 12px;margin:17px 0}.form-grid label{font-size:10px}.form-grid input,.form-grid select{font-size:12px;padding:11px}.form-grid label:first-child{grid-column:1/-1}.detail-progress{grid-template-columns:repeat(2,1fr);gap:8px}.detail-progress>span{font-size:9px;padding:11px}.checklist-row{font-size:11px;padding:12px;flex-wrap:wrap}.checklist-row small{font-size:9px}.compact-check{font-size:10px}.admin-danger-actions{gap:13px}.admin-danger-actions>.button{font-size:11px;padding:11px 13px}.admin-danger-actions>.text-button{font-size:10px}.generated-links>div{flex-wrap:wrap;gap:6px}.generated-links strong{font-size:11px;width:100%;max-width:none}.generated-links input{flex:1;font-size:9px}.config-group{padding:18px 0}.config-group>h3{font-size:16px}.config-group>.muted{font-size:10px}.config-group>label{font-size:10px}.config-group textarea{font-size:11px}.contact-editor{padding:0 12px 12px}.contact-editor .form-grid{padding-right:18px}.empty-state{padding:36px 8px}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.notice{font-size:10px;padding:11px 12px;gap:7px}.notice svg{width:15px;margin-top:1px}.notes-list article p{font-size:12px}.notes-list small{font-size:9px}.entry-error{margin:24px 0;padding:28px 20px}.entry-error h1{font-size:24px}.entry-error p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.workday-tabs{display:flex;gap:8px;margin-bottom:17px}.workday-tabs button{min-height:44px;flex:1;border:1px solid #e1e5d4;border-radius:9px;color:#8f9e7c;font-size:11px;padding:8px;background:#fffefa}.workday-tabs button.active{background:#e4edd9;border-color:#adc49a;color:#597d45}.clock-simulation{display:flex;align-items:center;gap:14px;padding:17px;background:#f3f5ea;border:1px solid #e1e7d4;border-radius:13px;margin-top:18px}.clock-device{display:grid;place-items:center;width:48px;height:59px;background:#d6dfcb;border:3px solid #9cad8b;border-radius:9px;color:#889e74;flex-shrink:0}.clock-device.done{background:#dceace;color:#6e9156}.clock-simulation>div{flex:1}.clock-simulation strong{display:block;font-size:12px;color:#799264}.clock-simulation small{display:block;font-size:9px;color:#a0ac90;margin-top:5px}.clock-simulation .button{font-size:10px;min-height:44px;padding:9px 12px}@media(max-width:600px){.station strong{font-size:11.5px}.station-number{width:16px}.station{gap:5px}.clock-simulation{gap:10px;flex-wrap:wrap;padding:13px}.clock-simulation strong{font-size:11px}.clock-simulation small{font-size:8px}.clock-device{width:40px;height:49px}.clock-simulation .button{font-size:9px;margin-left:auto}.workday-tabs{gap:5px}.workday-tabs button{font-size:9px;padding:7px 3px}}.modal-header{position:sticky;top:0;z-index:5;background:#fffefa;margin:-28px -30px 20px;padding:28px 30px 17px;border-bottom:1px solid #eef0e5}.learning-actions{position:sticky;bottom:-28px;z-index:4;box-shadow:0 -5px 12px #fffefa99}.copy-consultation{font-size:10px;min-height:44px;margin-bottom:-5px}@media(max-width:600px){.modal-header{margin:-22px -18px 18px;padding:22px 18px 15px}.learning-actions{bottom:-22px}.copy-consultation{font-size:9px}}