@font-face{font-family:CueLuo;src:url("./assets/cueday-detail/v1/Luo-Regular.woff2?v=4b17fa4f2f34") format("woff2");font-display:swap}
.cueday-detail-layer{width:2400px;height:1500px;visibility:hidden;opacity:0;pointer-events:none;transform-origin:0 0;transition:opacity 320ms,filter 320ms}
body.mode-cueday-detail .home-layer,body.mode-cueday-detail .project-layer{visibility:hidden;opacity:0;pointer-events:none}
body.mode-cueday-detail .cueday-detail-layer{visibility:visible;opacity:1;pointer-events:auto}
body.is-cueday-forward .cueday-detail-layer,body.is-cueday-reverse .cueday-detail-layer{visibility:visible;opacity:var(--semantic-detail-opacity,0);filter:blur(var(--semantic-detail-blur,0px));transform:translate3d(var(--semantic-detail-x,0px),var(--semantic-detail-y,0px),0) scale(var(--semantic-detail-scale,1));transition:none;pointer-events:none}
body.mode-projects.is-cueday-forward .project-layer,body.mode-cueday-detail.is-cueday-reverse .project-layer{visibility:visible;opacity:var(--semantic-project-opacity,1);filter:blur(var(--semantic-project-blur,0px));transform:translate3d(var(--semantic-project-x,0px),var(--semantic-project-y,0px),0) scale(var(--semantic-project-scale,1));transform-origin:0 0;transition:none}
.cueday-detail-world{position:absolute;width:2400px;height:1500px;isolation:isolate;color:#343630;font-family:CueLuo,"Songti SC",serif;transform-origin:center center}
.cue-environment{position:absolute;inset:90px 210px;z-index:-1;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);mask-composite:intersect;opacity:.84}
.cue-environment img{width:100%;height:100%;object-fit:contain}
.cue-identity{position:absolute;left:275px;top:340px;width:540px}
.cue-brand{display:flex;align-items:center;gap:28px}
.cue-brand img{order:1;flex-shrink:0;width:138px;height:138px;border-radius:24px}
.cue-brand h1{font:400 84px/1 CueLuo,serif;margin:0}
.cue-brand div>span{font:400 36px/1.5 NoemaLatin,Georgia,serif;letter-spacing:3px}
.cue-eyebrow{font:400 22px/1.6 "Courier New",monospace;letter-spacing:2.4px;color:#98604a}
.cue-identity>.cue-eyebrow{margin:38px 0 27px;font-size:20px}
.cue-identity h2{font-size:60px;line-height:1.5;font-weight:400;margin:0 0 28px;letter-spacing:5px}
.cue-intro{font-size:34px;line-height:1.75;color:#5c5b51;margin:0}
.cue-identity-rule{width:78px;height:2px;background:#b67155;margin:40px 0 25px}
.cue-product-definition{font-size:27px;color:#625f54;letter-spacing:1px}
.cue-device-group{position:absolute;left:50%;top:105px;width:473.4px;transform:translateX(-50%)}
.cue-screen-caption{display:flex;align-items:center;justify-content:space-between;margin:0 14px 20px;font:28px/1.4 "PingFang SC",sans-serif;color:#595f54}
.cue-screen-caption>span:first-child{font:18px "Courier New",monospace;letter-spacing:1px}
.cue-device{position:relative;box-sizing:content-box;width:calc(100% - 18px);height:auto;aspect-ratio:1080 / 2400;background:#faf9f5;border:9px solid #e5e2db;outline:2px solid #fffefa;border-radius:48px;box-shadow:10px 18px 35px #554c3b22,25px 46px 70px #66584318;overflow:hidden;display:flex;flex-direction:column}
.cue-status-bar{display:flex;justify-content:space-between;padding:24px 32px 16px;font:600 16px "Helvetica Neue",sans-serif;color:#4f514c}
.cue-app-body{padding:8px 20px 18px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4cfc2 transparent}
.cue-app-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:18px}
.cue-app-header h3{font-size:34px;line-height:1.5;font-weight:400;margin:0;white-space:nowrap}
.cue-app-header>span{font:20px/1.5 "PingFang SC",sans-serif;color:#706c61}
.cue-month-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0}
.cue-month-heading h4{font-size:30px;font-weight:400;margin:0}
.cue-view-tabs{display:flex;border:1px solid #e4e0d7;border-radius:8px;padding:4px}
.cue-view-tabs button{font:21px CueLuo,serif;padding:6px 13px;background:none;border:0;color:#77766d;border-radius:5px}
.cue-view-tabs .is-selected{background:#f0e2d9;color:#925338}
.cue-month-grid{display:grid;grid-template-columns:repeat(7,1fr);margin:12px -8px 20px}
.cue-weekday{text-align:center;font-size:23px;padding:10px 0;color:#6d7066}
.cue-date{height:69px;border-top:1px solid #e9e5dc;display:flex;flex-direction:column;align-items:center;padding-top:5px;font-size:27px;gap:5px}
.cue-date>span{height:28px;min-width:28px;text-align:center}
.cue-date.is-out{color:#c5c2b9}.cue-date.is-selected>span{border-radius:50%;background:#b57458;color:#fffaf5}
.cue-date small{font-size:15px;border-left:2px solid #bd856d;padding-left:2px;white-space:nowrap}
.cue-day-heading{display:flex;justify-content:space-between;border-bottom:1px solid #dfd9cb;padding-bottom:18px;font-size:20px}
.cue-day-heading>span:last-child{color:#706c61;font-size:23px}
.cue-event-button{width:100%;padding:0;text-align:left;background:none;border:0;color:inherit}
.cue-event-row{display:flex;align-items:center;gap:18px;padding:25px 0;border-bottom:1px solid #e9e5db}
.cue-event-row>strong{font-size:24px;font-weight:400;color:#87583f;min-width:55px}
.cue-event-row h4{font:400 28px/1.35 CueLuo,serif;margin:0 0 10px}
.cue-event-row p{font:23px/1.4 CueLuo,serif;color:#706c61;margin:0}
.cue-event-row>span{margin-left:auto;font-size:26px;color:#8d8b82}
.cue-quiet{font:24px/1.6 CueLuo,serif;color:#716c60;margin:30px 0}
.cue-app-nav{display:flex;justify-content:space-around;border-top:1px solid #e7e2d8;padding:14px 8px 7px}
.cue-app-nav button{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:transparent;font:22px CueLuo,serif;color:#777267}
.cue-app-nav svg{width:27px;height:27px}.cue-app-nav .is-selected{color:#a96347}
.cue-home-indicator{height:5px;background:#3d3d3a;border-radius:10px;width:125px;margin:10px auto 12px}
.cue-state-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin:28px 0}
.cue-state-controls>button{border:1px solid #d8cbbb;background:#faf8f0c9;width:60px;height:60px;border-radius:50%;font-size:29px;color:#8e624a}
#cueStateDots{display:flex;gap:4px;align-items:center}
#cueStateDots button{position:relative;padding:0;width:48px;height:60px;border:0;background:transparent}
#cueStateDots button:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:10px;background:#aaa18e;transition:width 180ms}
#cueStateDots button[aria-pressed=true]:after{background:#b17155;width:28px}
.cue-chapter-copy{position:absolute;left:1610px;top:355px;width:500px}
.cue-chapter-number{display:block;font:italic 96px/1 NoemaLatin,Georgia,serif;color:#bf8469;margin:20px 0 18px}
.cue-chapter-copy h2{white-space:pre-line;font-size:52px;line-height:1.5;font-weight:400;margin:0 0 30px;letter-spacing:1px}
#cueChapterDescription{font-size:32px;line-height:1.75;color:#605c51;white-space:pre-line;margin:0 0 33px}
.cue-chapter-note{font-size:28px;color:#80543e;border-top:1px solid #cfc1ab;padding-top:26px;line-height:1.6}
.cue-counter{font:26px/1.6 "PingFang SC",sans-serif;color:#6e695d;margin-top:30px}
.cue-chapter-nav{position:relative;left:50%;width:max-content;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:8px;border:1px solid #d3c5af;border-radius:16px;background:#f9f6eeed;box-shadow:0 7px 20px #66583e0b;white-space:nowrap}
.cue-chapter-nav:before{content:none}
.cue-chapter-nav button{position:relative;display:flex;align-items:center;gap:14px;background:transparent;border:0;border-radius:10px;padding:19px 25px;color:#635e51;font:30px CueLuo,serif;z-index:1;transition:background 160ms,color 160ms}
.cue-index{font:23px "Courier New",monospace;color:#80735f}.cue-nav-mark{width:12px;height:12px;border:2px solid #aaa596;background:#f7f4ec;border-radius:50%}
.cue-chapter-nav button[aria-pressed=true]{color:#884b32;background:#eddfd0}.cue-chapter-nav button:hover{background:#f0e7d9}.cue-chapter-nav button[aria-pressed=true] .cue-nav-mark{background:#b67155;border-color:#b67155;box-shadow:0 0 0 7px #b671551a}
.cueday-detail-world button{cursor:pointer}.cueday-detail-world button:focus-visible,.cue-detail-children button:focus-visible{outline:3px solid #a96649;outline-offset:5px}
.cue-detail-children{display:none;list-style:none;margin:7px 0 9px;padding:0 8px;gap:4px}
body.mode-cueday-detail .cue-detail-children{display:flex}
.cue-detail-children button{font:13px/1.5 "PingFang SC",sans-serif;color:#7c776c;padding:6px 7px;border:0;border-radius:5px;background:transparent}
.cue-detail-children button[aria-pressed=true]{background:#ecdcd0;color:#9b573c}
.cue-week-strip{display:flex;justify-content:space-between;border-bottom:1px solid #e6e1d7;padding:12px 0 20px}.cue-week-strip span{display:flex;flex-direction:column;text-align:center;font-size:18px;gap:10px;padding:8px}.cue-week-strip b{font-weight:400;font-size:27px}.cue-week-strip .is-selected{background:#f0e0d6;border-radius:25px;color:#aa674b}
.cue-section-label{font-size:25px;color:#6e675b;margin:27px 0 18px}.cue-agenda>span{display:block;font-size:19px;color:#939082;margin-top:16px}.cue-agenda .cue-event-row{padding:20px 0 23px}
.cue-year-list section{display:flex;gap:23px;margin-top:37px}.cue-year-list section>b{font:44px/1 NoemaLatin,serif;color:#a16b52;min-width:67px}.cue-year-list small{display:block;font:16px CueLuo,serif;margin-top:13px}.cue-year-list section>div{flex:1}.cue-year-list .cue-event-row{padding:0 0 25px;margin-bottom:20px}.cue-year-list .cue-event-row h4{font-size:23px}
.cue-tag{display:inline-block;font-size:23px;color:#79553f;background:#f0e8df;border-radius:5px;padding:7px 12px}
.cue-event-title{font:400 40px/1.55 CueLuo,serif;margin:18px 0 16px}.cue-lede{font-size:21px;line-height:1.7;color:#868073}
.cue-facts{margin:20px 0 18px}.cue-facts>div{display:flex;gap:24px;padding:15px 0;border-bottom:1px solid #e6e1d7;font-size:27px}.cue-facts dt{color:#8f897c;min-width:50px}.cue-facts dd{margin:0}
.cue-source{background:#f2efe7;border-left:2px solid #bca68c;padding:14px 22px;margin:16px 0}.cue-source small,.cue-reason small{font-size:23px;color:#795b43}.cue-source p{font-size:25px;line-height:1.6;margin:9px 0 0}
.cue-reminder{display:flex;justify-content:space-between;font-size:25px;margin:22px 0}.cue-reminder>span{color:#7d776b}
.cue-primary{display:block;width:100%;border:0;border-radius:7px;background:#ae7158;color:#fffaf2;font:27px CueLuo,serif;padding:16px 18px;margin-top:22px}
.cue-search-title{font:400 33px CueLuo,serif;margin:48px 0 29px}.cue-search-box{display:flex;align-items:center;justify-content:space-between;border:1px solid #c7bcab;border-radius:8px;padding:25px 20px;font-size:23px;background:#fffdf8}.cue-search-box svg,.cue-query svg{height:25px;width:25px;flex-shrink:0;color:#a66c51}
.cue-search-suggestions{display:flex;gap:12px;flex-wrap:wrap}.cue-search-suggestions span{border:1px solid #dfd6c7;font-size:23px;padding:10px 15px;border-radius:6px}
.cue-search-note{margin-top:44px}.cue-accent-rule{display:block;width:39px;height:2px;background:#b67b60}.cue-search-note h4{font-size:27px;font-weight:400;margin:26px 0 20px}.cue-search-note p{font-size:27px;line-height:1.7;color:#6e675b}
.cue-query{display:flex;align-items:center;gap:15px;font-size:23px;padding:20px 0;border-bottom:1px solid #dfd5c6}
.cue-activity-card{border:1px solid #e0d8cb;border-radius:8px;padding:20px 24px;margin:19px 0;background:#fdfbf6}
.cue-activity-card h4{font:400 31px/1.6 CueLuo,serif;margin:22px 0 14px}.cue-activity-card>p{font-size:26px;line-height:1.6;color:#6c665c;margin:12px 0}.cue-activity-card .cue-card-date{color:#5c594e}.cue-activity-card .cue-card-source{font-size:23px;margin-top:24px}
.cue-text-button{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid #e5dccc;padding:21px 0 0;margin-top:24px;color:#a46548;font:27px CueLuo,serif}
.cue-source-note{font-size:27px;line-height:1.7;color:#716757;margin:26px 0}.cue-confirmation{font-size:21px;color:#78846a;margin:25px 0}
.cue-recommend-heading{display:flex;gap:19px;align-items:center;margin:24px 0}.cue-tiny-orbit{border:1px solid #c1a990;border-radius:50%;font:30px Georgia,serif;color:#9d6a4c;width:50px;height:50px;text-align:center;line-height:50px}.cue-recommend-heading h3{font:400 28px CueLuo,serif;margin:0 0 12px}.cue-recommend-heading p{font:24px CueLuo,serif;color:#716656;margin:0}
.cue-reason{border-top:1px solid #e5dccc;padding:16px 0 6px;margin-top:16px}.cue-reason p{font-size:26px;line-height:1.65;margin:12px 0;color:#6f604e}
.cue-saved-mark{height:65px;width:65px;border:1px solid #b9bdac;border-radius:50%;color:#7f8a70;font-size:35px;text-align:center;line-height:65px;margin:38px auto 18px}
.cue-app-body:has(.cue-saved-mark){text-align:center}.cue-saved-card{border:1px solid #e2d8c8;border-radius:8px;padding:28px;margin:28px 0;background:#f6efe5}.cue-saved-card>span{font-size:22px;color:#9c6d52}.cue-saved-card>strong{display:block;font:96px/1.2 NoemaLatin,Georgia,serif;color:#ac7053}.cue-saved-card p{font-size:20px;color:#92806b;margin:12px 0}.cue-saved-card h4{font-size:27px;font-weight:400;margin:18px 0 0}
@media(prefers-reduced-motion:reduce){.cueday-detail-layer,#cueStateDots button{transition:none}}
.cue-device{color:#141413}
.cue-app-header>span{font-family:CueLuo,serif;color:#73726c;font-size:19px}
.cue-app-body{font-size:22px;line-height:1.5}
.cue-app-body p{overflow-wrap:anywhere}
.cue-date{font-family:CueLuo,serif;color:inherit;border:0;border-top:1px solid #e4e3dc;background:transparent;height:auto;min-height:0}
.cue-app-body:has(>.cue-month-grid){display:flex;flex-direction:column;overflow:hidden}
.cue-app-body>.cue-month-grid{flex:1;min-height:0;grid-template-rows:auto repeat(6,minmax(0,1fr));margin-bottom:0}
.cue-sheet-background .cue-date{height:90px}
.cue-app-body .cue-date.is-out{color:#c5c2b9}
.cue-month-summary{font-size:22px;color:#3d3d3a}
.cue-app-nav .is-selected svg{background:#f3e5de;border-radius:20px;box-shadow:0 0 0 8px #f3e5de}
.cue-conversation{padding:16px;border:1px solid #d2d1ca;border-radius:9px;background:#f5f4ed}
.cue-composer{display:flex;align-items:center;justify-content:space-between;background:#faf9f5;border:1px solid #c9c8c0;border-radius:8px;overflow:hidden;color:#73726c}
.cue-composer>span{padding:14px}
.cue-send{border:0;background:#9c5b3f;color:white;font:28px CueLuo;width:58px;align-self:stretch}
.cue-window{display:flex;align-items:center;gap:12px;margin:14px 0 22px;font-size:19px;white-space:nowrap}
.cue-window>div{display:flex;flex:1;border:1px solid #c1b4a9;border-radius:8px;overflow:hidden}
.cue-window>div>span{flex:1;text-align:center;padding:8px 3px;border-right:1px solid #c1b4a9}
.cue-window>div>span:last-child{border:0}.cue-window .is-selected{background:#f3e5de;color:#9c5b3f}
.cue-user-bubble{margin:18px 0 12px auto;padding:12px 14px;background:#faf9f5;border:1px solid #deddd6;border-radius:8px;width:fit-content;max-width:88%}
.cue-record{background:#faf9f5;border:1px solid #d2d1ca;border-radius:8px;padding:16px}
.cue-record h4{font-size:25px;font-weight:400;margin:0 0 16px}
.cue-record p{font-size:21px;margin:10px 0;color:#3d3d3a}
.cue-record footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.cue-record footer>span{font-size:17px;color:#73726c}
.cue-tonal,.cue-history,.cue-plain{border:0;font:22px CueLuo,serif;padding:10px 14px;border-radius:8px;background:#f3e5de;color:#945536}
.cue-history{background:none;margin-top:16px;font-size:21px}
.cue-plain{background:none}
.cue-activity-card{background:#fffefa;border-color:#deddd6;padding:18px;margin:18px 0}
.cue-activity-card .cue-fact-title,.cue-fact-title{font-size:27px;font-weight:400;line-height:1.5;margin:8px 0 18px}
.cue-activity-card>p{font-size:22px;color:#141413;margin:12px 0}
.cue-tags{display:flex;gap:8px;margin-bottom:18px}.cue-tags span{font-size:17px;padding:4px 10px;border:1px solid #cfcec6;border-radius:18px;color:#73726c;background:#f5f4ed}
.cue-host{font-size:20px;color:#73726c}
.cue-highlights{margin-top:18px}.cue-highlights small{font-size:20px;color:#73726c}.cue-highlights p{font-size:22px;margin:8px 0}
.cue-reason{border:0;border-radius:8px;padding:13px;background:#f8f1ec;margin-top:18px}
.cue-reason small{font-size:20px;color:#945536}.cue-reason p{font-size:22px;color:#3d3d3a;margin:6px 0;line-height:1.45}
.cue-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.cue-unread{display:block;width:8px;height:8px;background:#9c5b3f;border-radius:50%;margin-left:auto}
.cue-muted{font-size:20px;color:#73726c}
.cue-sheet-background{pointer-events:none}
.cue-sheet-shade{position:absolute;inset:0;background:#14141366;z-index:2}
.cue-sheet{position:absolute;bottom:0;left:0;right:0;z-index:3;max-height:86%;box-sizing:border-box;overflow:auto;padding:20px 24px 30px;border-radius:24px 24px 0 0;background:#faf9f5;scrollbar-width:thin}
.cue-sheet-handle{height:5px;width:38px;background:#73726c;border-radius:8px;margin:0 auto 18px}
.cue-sheet-heading{display:flex;align-items:start;justify-content:space-between;gap:8px}
.cue-sheet-heading h3{font:400 28px/1.4 CueLuo;margin:0}
.cue-close{background:transparent;border:0;color:#73726c;font:28px CueLuo;padding:0 8px}
.cue-sheet .cue-section-label{font-size:23px;color:#141413;margin:22px 0 10px}
.cue-sheet .cue-primary{font-size:23px;background:#9c5b3f}
.cue-source-disclosure{border:1px solid #d2d1ca;padding:15px;border-radius:8px}
.cue-field{display:flex;flex-direction:column;gap:5px;font-size:19px;color:#73726c;margin:15px 0}
.cue-field input{min-width:0;width:100%;box-sizing:border-box;font:22px CueLuo,serif;color:#141413;background:#faf9f5;border:1px solid #c5c4bc;border-radius:6px;padding:12px 10px}
.cue-evidence{font-size:19px;color:#73726c;margin-top:18px}.cue-evidence p{font-size:22px;color:#141413;margin:5px 0}
.cue-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:22px;padding:10px 0;color:#141413}
.cue-toggle-row input{appearance:none;width:42px;height:24px;flex:none;border-radius:20px;border:1px solid #8b8b83;background:#e5e4dc;position:relative;opacity:1}
.cue-toggle-row input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#73726c}
.cue-toggle-row input:checked{background:#9c5b3f;border-color:#9c5b3f}.cue-toggle-row input:checked:after{left:21px;background:#fffefa}
.cue-setting-section{margin:20px 0 24px}.cue-setting-section h4{font-size:23px;font-weight:400;margin:0 0 4px}
.cue-setting-section p{font-size:19px;color:#73726c;line-height:1.5;margin:4px 0 10px}
.cue-setting-panel{padding:13px 16px;border:1px solid #deddd6;border-radius:8px;background:#f5f4ed}
.cue-setting-link{font-size:20px;color:#945536}.cue-reminder-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.cue-reminder-grid .cue-toggle-row{font-size:20px}
.cue-feedback-option{padding:18px 0;border-bottom:1px solid #deddd6}
.cue-year-list section>b{font-family:CueLuo,serif}
[data-canvas-scroll]{overscroll-behavior:contain}