.tell-ui{--tell-blue:#3158ef;background:#fff;color:#14171e;padding:clamp(1rem,3vw,3.5rem);font-family:Space,'PingFang SC',sans-serif;border:1px solid #e7eaf1;border-radius:8px;width:100%;max-width:1120px;text-align:left;box-shadow:14px 16px 0 #1b3acf26}
.tell-ui-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:clamp(.7rem,1vw,.875rem);color:#707889}.tell-ui-top>div{display:flex;align-items:center;gap:.6rem}.tell-ui-top img{width:2rem;height:2rem;border-radius:6px}.tell-ui-top strong{font:400 2.5rem/.9 Instrument,Georgia,serif;letter-spacing:-.04em;color:var(--tell-blue)}.tell-ui-top>div>span{font-size:.7rem;margin-left:.5rem}
.tell-ui-title{display:flex;align-items:end;justify-content:space-between;margin:2rem 0 1.2rem;color:var(--tell-blue)}.tell-ui-title h3{font:400 clamp(2.6rem,5vw,4.5rem)/1 Instrument,Georgia,serif;letter-spacing:-.04em;margin:0;color:#14171e}.tell-ui-title>span{font-size:.8rem}
.tell-quests{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem}.tell-quests>div{background:#f6f7fa;text-align:center;padding:.8rem .3rem;border-radius:3px;display:grid;gap:.35rem}.tell-quests small,.tell-quests span{font-size:.75rem}.tell-quests b{font:400 2rem/1.1 Instrument,Georgia,serif}.tell-quests .current{background:var(--tell-blue);color:white}.tell-quests .done{background:#edf6f3;color:#297267}
.tell-ui-tabs{display:flex;gap:clamp(.9rem,2vw,2rem);font-size:.8rem;border-bottom:1px solid #e7eaf1;margin:1.6rem 0 1.2rem;padding-bottom:.8rem}.tell-ui-tabs b{font-weight:400;color:var(--tell-blue)}.tell-ui-tabs span{color:#707889}.tell-ui-body{display:grid;grid-template-columns:minmax(0,1fr) 28%;gap:1.6rem}.tell-speaker{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.tell-speaker>b{font:400 2.8rem/1 Instrument,Georgia,serif;color:var(--tell-blue)}.tell-speaker span{font-size:.85rem}.tell-speaker small{margin-left:auto;font-size:.75rem;color:var(--tell-blue)}.tell-actions{display:flex;gap:.4rem;font-size:.75rem;flex-wrap:wrap}.tell-actions>*{padding:.6rem .65rem;background:#f6f7fa;border-radius:3px;font-weight:400}.tell-actions>b{background:var(--tell-blue);color:#fff}.tell-seats{display:flex;gap:.6rem;margin:1.2rem 0}.tell-seats span{border-radius:50%;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:#f6f7fa;font-size:.9rem}.tell-seats .chosen{background:var(--tell-blue);color:#fff}.tell-seats .dim{opacity:.3}.tell-record{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid #eef0f6}.tell-record>b{font:400 1.8rem/1 Instrument,Georgia,serif;color:var(--tell-blue)}.tell-record p{font-size:.85rem;line-height:1.6;margin:0}.tell-record small{display:block;color:#707889;font-size:.7rem;margin-top:.15rem}.tell-ui-body aside{background:#f6f7fa;padding:1.2rem;display:flex;flex-direction:column;border-radius:4px}.tell-ui-body aside>span{font-size:.7rem;letter-spacing:.12em;color:var(--tell-blue)}.tell-ui-body h4{font-weight:400;font-size:.9rem;margin:.8rem 0 1rem}.tell-ui-body aside p{font-size:.8rem;line-height:1.9;margin:0}.tell-ui-body aside small{color:#707889;font-size:.7rem;margin-top:auto;padding-top:2rem}
.project-tell .project-copy{grid-column:1}.project-tell .project-media{grid-column:2;mix-blend-mode:normal}.project-tell .tell-ui{padding:1.2rem;box-shadow:10px 12px 0 #3158ef;width:100%;margin-right:.6rem}.project-tell .tell-ui-top>span,.project-tell .tell-ui-top>div>span,.project-tell .tell-ui-body aside,.project-tell .tell-speaker small{display:none}.project-tell .tell-ui-body{display:block}.project-tell .tell-ui-title{margin:1.3rem 0 1rem}.project-tell .tell-ui-title h3{font-size:3.3rem}.project-tell .tell-ui-title>span{font-size:.65rem}.project-tell .tell-ui-tabs{font-size:.65rem;gap:1rem;margin:1rem 0}.project-tell .tell-actions{font-size:.65rem}.project-tell .tell-quests span,.project-tell .tell-quests small{font-size:.6rem}.project-tell .tell-seats{gap:.4rem}.project-tell .tell-seats span{width:2rem;height:2rem;font-size:.75rem}.project-tell .tell-record p{font-size:.75rem}.project-tell .tell-record{padding:.55rem 0}.project-tell .tell-ui-top img{width:1.6rem;height:1.6rem}.project-tell .tell-ui-top strong{font-size:2rem}
@media(max-width:700px){.tell-ui-body{display:block}.tell-ui-body aside{display:none}.tell-ui{padding:1rem;box-shadow:7px 8px 0 #1b3acf26}.tell-ui-top>span{font-size:.7rem}.tell-ui-top>div>span{display:none}.tell-ui-title{margin:1.5rem 0 1rem}.tell-ui-title>span{font-size:.7rem}.tell-ui-tabs{font-size:.7rem;gap:1.2rem}.tell-quests small,.tell-quests span{font-size:.625rem}.tell-quests b{font-size:1.7rem}.tell-seats{gap:.4rem}.tell-seats span{width:2.2rem;height:2.2rem}.tell-actions{font-size:.625rem}.tell-record p{font-size:.75rem}}
@media(max-width:650px){.project-tell .project-media{order:1;height:auto;min-height:32rem;padding:4rem 1.2rem 2rem}.project-tell .project-copy{order:2;margin-bottom:2.3rem}.project-tell .tell-ui{max-width:32rem}}