@import url("host-library.css?v=career-exhibit-2");
:root{--host-ink:#35574b;--host-muted:#728379;--host-line:#d9e3dc;--host-paper:#fafcf9;--host-rose:#a86880}
.host-page,.access-note{margin:0;background:#f5f9f6;color:var(--host-ink);font:14px/1.7 "Avenir Next","PingFang SC",sans-serif}
.host-page *,.access-note *,.guest-panel *{box-sizing:border-box;letter-spacing:0}
.host-page :is(h1,h2,h3),.access-note h1,.guest-panel h2{font-family:"Songti SC",Georgia,serif;font-weight:400}
.host-page a,.access-note a,.hosting-link{color:#486d5e;text-underline-offset:5px}
.host-header{display:flex;align-items:center;gap:25px;padding:23px 4%;background:#fcfdfb;border-bottom:1px solid var(--host-line)}
.host-header h1{font-size:26px;line-height:1.3;margin:0}.host-header a{display:flex;align-items:center;gap:8px;text-decoration:none}.host-header svg{width:18px;height:18px}.host-visit{margin-left:auto}
.host-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1240px;margin:0 auto;min-height:calc(100vh - 88px)}
.host-sidebar{padding:30px 24px;border-right:1px solid var(--host-line)}.host-sidebar>img{width:100%;aspect-ratio:1.25;object-fit:cover;object-position:62%;border-radius:4px}.host-sidebar>p{color:var(--host-muted);font-size:12px;margin:24px 0}.host-sidebar>a{font-size:12px}
.host-sidebar nav{display:grid;gap:5px;margin-top:24px}.host-sidebar button{display:flex;gap:12px;align-items:center;border:0;background:none;min-height:46px;padding:10px 12px;text-align:left;color:var(--host-ink);font:inherit;cursor:pointer;border-radius:4px}.host-sidebar button[aria-current=page]{background:#e4eee7;color:#305447}.host-sidebar svg{width:18px;height:18px}
.host-main{min-width:0;padding:28px 40px 70px}.host-main h2{font-size:26px;line-height:1.45;margin:0 0 20px}.host-main h3{font-size:19px;margin:0}.host-main form>label,.guest-panel label:not(.mail-trap){display:block;margin:18px 0 7px;font-size:13px}.host-main input:not([type=checkbox]),.host-main textarea,.host-main select,.guest-panel input,.guest-panel textarea,.guest-panel select{display:block;width:100%;min-width:0;border:1px solid #cad9ce;border-radius:4px;background:#fff;padding:11px 13px;font:15px/1.7 "PingFang SC",sans-serif;color:#35574b}.host-main textarea,.guest-panel textarea{resize:vertical}.host-main input,.host-main select{min-height:44px}
.host-open{border:0;padding:0;margin:28px 0}.host-open legend{font-size:15px;margin-bottom:8px}.host-open label{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--host-line);cursor:pointer}.host-open input{width:19px;height:19px;accent-color:#698e79}.host-open strong{font-weight:500;display:block}.host-open small{display:block;color:var(--host-muted);font-size:12px;margin-top:2px}
.host-boundary{display:flex;gap:13px;margin:24px 0 30px;color:#6e8175;font-size:12px}.host-boundary p{margin:0}.host-boundary svg{flex:none;width:21px;height:21px}
.host-primary,.host-secondary,.host-icon{border:1px solid #ccdcd0;border-radius:4px;padding:10px 16px;min-height:43px;font:13px/1.6 "PingFang SC",sans-serif;color:#496c5b;background:#fff;cursor:pointer}.host-primary{background:#547966;color:#fff;border-color:#547966}.host-icon{width:40px;height:40px;min-height:40px;padding:9px;display:inline-grid;place-items:center}.host-icon svg{width:20px;height:20px}.host-actions{display:flex;gap:9px;flex-wrap:wrap}.host-primary:disabled,.host-secondary:disabled{opacity:.5;cursor:wait}
.host-hint,.guest-privacy{color:#75837c;font-size:12px;line-height:1.8;margin:15px 0 24px;overflow-wrap:anywhere}.host-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.host-section-head h2{margin:0}.host-post-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px}.host-post-list{border-top:1px solid var(--host-line);max-height:660px;overflow:auto}.host-post-list button{width:100%;display:block;background:none;color:var(--host-ink);padding:16px 12px;border:0;border-bottom:1px solid var(--host-line);font:14px/1.6 "PingFang SC",sans-serif;cursor:pointer;text-align:left;overflow-wrap:anywhere}.host-post-list button[aria-current=page]{background:#eaf0e9;border-left:2px solid var(--host-rose)}.host-post-list small{display:block;font-size:11px;color:var(--host-muted);margin-top:6px}.host-post-layout form>label:first-child{margin-top:0}
#hostStatus{margin:0 0 20px;font-size:13px;overflow-wrap:anywhere}#hostStatus:empty{display:none}#hostStatus.is-error{color:#a04e57;background:#fff2f2;padding:12px;border-left:2px solid #b66a75}.host-main[aria-busy=true]{cursor:progress}.host-segment{display:flex;margin-top:20px}.host-segment button{font:inherit;color:#567664;border:1px solid var(--host-line);background:#fff;padding:8px 18px;cursor:pointer}.host-segment button[aria-pressed=true]{background:#e3eee6}.host-letters article{padding:20px 0 28px;border-top:1px solid var(--host-line)}.host-letters article header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.host-letters time{font-size:11px;color:var(--host-muted)}.host-letters article>p{white-space:pre-wrap;overflow-wrap:anywhere}
.host-preview,.guest-panel{width:min(570px,calc(100% - 32px));max-height:calc(100% - 40px);padding:30px;border:1px solid #d5e1d8;border-radius:6px;background:#fcfdf9;color:#3c5a4a;overflow:auto}.host-preview::backdrop,.guest-panel::backdrop{background:#17362b55}.guest-panel{margin:auto 4% auto auto;width:min(470px,calc(100% - 32px))}.guest-panel h2,.host-preview h2{font-size:26px;line-height:1.45;font-family:"Songti SC",serif;font-weight:400;margin:8px 24px 23px 0;overflow-wrap:anywhere}.guest-close{float:right;position:sticky;top:0;margin:-8px -8px 5px 10px}.host-eyebrow{font:10px/1.6 Arial,sans-serif;color:#9e7186;margin:0 0 12px}.guest-letter{font:17px/2 "Songti SC",serif;white-space:pre-wrap;overflow-wrap:anywhere;border-block:1px solid #d4ded0;padding:22px 0;margin-bottom:22px}.guest-reading{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:20px 0;border:0;border-bottom:1px solid #d4dfd3;background:none;color:#3e604d;text-align:left;font:18px/1.6 "Songti SC",serif;cursor:pointer;overflow-wrap:anywhere}.guest-reading svg{width:18px;height:18px;flex:none}.guest-empty{font:17px/1.9 "Songti SC",serif;padding:22px 0;border-block:1px solid #dbe4d8;color:#70806f}.guest-countdown{font:54px/1.3 Georgia,serif;font-variant-numeric:tabular-nums;margin:26px 0}.guest-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.guest-colors button{border:0;background:none;padding:6px;color:#4f6957;cursor:pointer;min-width:0}.guest-colors button span{display:block;background:var(--color);width:45px;height:45px;border-radius:50%;margin:0 auto 9px;border:4px solid #fcfdf9;outline:1px solid #d6dfd5}.guest-colors button[aria-pressed=true] span{outline:2px solid #5a8067}.mail-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.guest-directory>a,.guest-directory section>a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:11px 0;border-bottom:1px solid #d9e1d5;text-decoration:none;color:#456b54;font-size:14px}.guest-directory span{font-size:11px;color:#829183}.guest-directory h3{font:20px/1.5 "Songti SC",serif;color:#35573f;margin:24px 0 4px}.guest-welcome{font:18px/1.9 "Songti SC",serif;white-space:pre-wrap;overflow-wrap:anywhere}.guest-account{border-top:1px solid #d9e1d5;padding-top:17px;display:flex;gap:20px;flex-wrap:wrap}.guest-account a,.hosting-link{font-size:12px}.hosting-link{margin-left:auto;padding:10px}.access-note{max-width:560px;margin:12vh auto;padding:30px}.access-note>a{display:inline-block;margin:10px 22px 0 0}.access-note>p:first-child{font-size:11px;color:#917887}.access-note h1{font-size:30px}
@media(max-width:760px){.host-header{gap:12px;flex-wrap:wrap;padding:17px 20px}.host-header h1{font-size:22px}.host-header a{font-size:12px}.host-header .host-visit{flex-basis:100%;justify-content:flex-end}.host-layout{display:block}.host-sidebar{padding:15px 20px;border-right:0;border-bottom:1px solid var(--host-line)}.host-sidebar>img,.host-sidebar>p{display:none}.host-sidebar nav{display:flex;margin:0;gap:7px}.host-sidebar nav button{flex:1;justify-content:center;padding:9px 5px;gap:6px;font-size:12px}.host-sidebar>a{display:block;text-align:right;margin-top:10px;font-size:11px}.host-main{padding:25px 20px 50px}.host-main h2{font-size:24px}.host-post-layout{display:block}.host-post-list{max-height:180px;margin-bottom:26px}.host-preview,.guest-panel{padding:24px;margin:auto;width:calc(100% - 28px)}.guest-panel h2,.host-preview h2{font-size:23px}.guest-countdown{font-size:46px}.guest-directory>a,.guest-directory section>a{font-size:13px}.arrival-copy>span{max-width:320px;display:block;margin:0 auto;overflow-wrap:anywhere;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.guest-panel{scroll-behavior:auto}}
.guest-standalone .story-shell{height:calc(100% - 48px)}.guest-standalone-back{display:flex;align-items:center;height:48px;padding:0 22px;background:#f9fcf6;color:#496b59;font-size:13px;text-underline-offset:4px}
.guest-engraving{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:7px 12px;text-align:center;font:21px/1.3 "Songti SC",serif;color:#514e3e;text-shadow:0 1px #fff9;overflow:hidden}
.ritual-progress{display:flex;gap:8px;margin:6px 0 24px;font-size:12px}.ritual-progress span{flex:1;padding:9px 0;border-top:2px solid #e3e9e2;color:#909c90}.ritual-progress .is-reached{border-color:#a8748c;color:#486650}.ritual-count{font:13px/1.6 "Avenir Next",sans-serif;color:#8d7081;font-variant-numeric:tabular-nums}.guest-panel h3{font:24px/1.4 "Songti SC",serif;font-weight:400;margin:10px 0 16px}.ritual-task{font:17px/1.95 "Songti SC",serif;min-height:100px;margin-bottom:24px}.ritual-choices{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.ritual-choices button{font:13px/1.6 "PingFang SC",sans-serif;border:1px solid #d2ded5;padding:10px 14px;background:#fff;color:#4c6b5b;border-radius:4px;cursor:pointer}.ritual-choices button[aria-pressed=true]{background:#e4efe6;border-color:#71937b}.relationship-question{font:16px/1.8 "Songti SC",serif}
.guest-panel.is-painting{width:min(840px,calc(100% - 36px));margin:auto;padding:24px 28px}.is-painting .host-eyebrow{margin-bottom:4px}.is-painting h2{font-size:25px;margin-bottom:14px}.paint-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.paint-options label{margin:0!important;font-size:12px!important}.paint-options select{margin-top:5px;padding:6px 10px;font-size:13px}.paint-art{background:#fbfaf5;border:1px solid #d7ded5;overflow:hidden}.coloring-canvas{display:block;width:100%;height:auto;letter-spacing:0}.coloring-canvas [data-region]{cursor:crosshair;transition:fill .15s}.coloring-canvas [data-region]:hover{stroke:#a56780;stroke-width:3}.coloring-canvas [data-region]:focus-visible{outline:none;stroke:#bb607c;stroke-width:4}.paint-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.paint-swatches,.paint-tools{display:flex;gap:7px;flex-wrap:wrap}.paint-swatches button{width:34px;height:34px;border-radius:50%;border:3px solid #fcfdf9;outline:1px solid #dae2d9;background:var(--pigment);cursor:pointer;flex:none}.paint-swatches button[aria-pressed=true]{outline:2px solid #4f705d}.paint-tools .host-icon{width:34px;height:34px;min-height:34px;padding:7px}.host-icon:disabled{opacity:.35;cursor:default}.host-icon[aria-pressed=true]{background:#ead9e0;border-color:#bd8fa3}.paint-subline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;color:#778677;font-size:12px}.paint-subline button{display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;font-size:12px}.paint-subline svg,.paint-delivery svg{width:16px;height:16px;flex:none}.paint-delivery{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.paint-delivery button{display:flex;align-items:center;justify-content:center;gap:8px}.paint-status{font-size:13px;color:#88627a;line-height:1.7;overflow-wrap:anywhere}.paint-status:empty{display:none}.is-painting .guest-privacy{margin-bottom:0}.host-artworks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.host-artwork{border-bottom:1px solid #d8e1d8;padding-bottom:20px}.host-artwork .coloring-canvas{border:1px solid #d8e1d8}.host-artwork h3{font-size:17px;margin:12px 0 3px}.host-artwork time{display:block;color:#819184;font-size:11px;margin-bottom:12px}.host-suggestions{margin:20px 0 24px;border-block:1px solid #d8e1d8;padding:14px 0}.host-suggestions summary{cursor:pointer}.host-suggestions ul{padding:0;list-style:none}.host-suggestions li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0}.host-suggestions li span{font-size:13px}.host-suggestions button{flex:none}
@media(max-width:760px){.guest-engraving{font-size:19px}.guest-panel.is-painting{width:calc(100% - 20px);padding:20px 16px;max-height:calc(100% - 20px)}.paint-toolbar{flex-wrap:wrap}.paint-options{gap:10px}.paint-subline{align-items:flex-start;flex-direction:column}.paint-delivery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paint-delivery button{font-size:12px;padding:10px 7px}.host-artworks{grid-template-columns:1fr}.host-sidebar nav{flex-wrap:wrap}.host-sidebar nav button{flex-basis:40%}.ritual-task{min-height:0}.paint-tools{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.coloring-canvas [data-region]{transition:none}}
.paint-workspace{display:grid;grid-template-columns:minmax(0,1fr) 254px;align-items:start;gap:24px}.paint-control-panel{min-width:0}.guest-panel.is-painting{width:min(1100px,calc(100% - 48px))}.paint-control-panel .paint-toolbar{margin-top:3px;flex-direction:column;align-items:flex-start;gap:18px}.paint-control-panel .paint-subline{flex-direction:column;align-items:flex-start;margin-block:20px}.paint-control-panel .paint-delivery{flex-direction:column}.paint-control-panel .paint-swatches{gap:9px}.paint-control-panel .paint-swatches button{width:32px;height:32px}
@media(max-width:850px){.paint-workspace{display:block}.guest-panel.is-painting{width:calc(100% - 24px)}.paint-control-panel .paint-toolbar{margin-top:16px;flex-direction:row;align-items:center;flex-wrap:wrap}.paint-control-panel .paint-delivery{display:grid;grid-template-columns:1fr 1fr}.paint-control-panel .paint-subline{flex-direction:row;align-items:center;margin-block:16px}}
