/* ELEVA SOCIAL V170 — CRISTAL EVOLUTION, depth edition.
   Presentation only. Original body background, assets and application services are preserved. */
:root{
 --ink:#202735;--muted:#596171;--ce-gold:#a67c17;--ce-edge:rgba(255,255,255,.96);
 --ce-glass:linear-gradient(123deg,rgba(255,255,255,.91) 0%,rgba(255,255,255,.46) 46%,rgba(255,255,255,.72) 100%);
 --ce-depth:0 24px 42px -27px #33405680,0 6px 10px -7px #40516d70,inset 0 2px 2px #fff,inset 2px 0 2px #fff9,inset -1px -3px 2px #a3b0c033;
 --ce-fine:inset 0 1px 2px #fff,0 8px 18px -13px #38465f80;
}
h1,h2,h3{font-weight:600}button{font-weight:600}.mini-label,.eyebrow{font-weight:650;letter-spacing:2px;color:#695b3f}
/* A floating navigation rail, with a transparent workspace behind it. */
#app{margin:24px 24px 30px;border-radius:34px;border-color:#ffffffb0;box-shadow:0 32px 75px -45px #2e3a5555,inset 0 1px 2px #fff;max-width:1800px}
#app:before{background:linear-gradient(118deg,#ffffff36,#ffffff16 58%,#ffffff57);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#app .sidebar{inset:38px auto 44px 38px;width:218px;padding:28px 17px 20px;border-radius:27px;background:linear-gradient(145deg,#ffffffe6,#ffffff69 60%,#fff9e994);border:1px solid #fff;box-shadow:var(--ce-depth);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.sidebar:before{content:'';position:absolute;inset:5px;border:1px solid #ffffff90;border-radius:22px;pointer-events:none}
.sidebar-caption{margin:38px 11px 18px;letter-spacing:1.9px;font-size:9px}.sidebar nav{gap:9px}.nav-button{min-height:52px;border-radius:16px;padding:13px;position:relative;color:#4b5567;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}
.nav-button.active{background:linear-gradient(135deg,#fffdf0,#fff0a5 62%,#f5d76d);border:1px solid #fff8d8;box-shadow:0 7px 12px -8px #8f7428a0,inset 0 2px 2px #fff,inset 0 -3px 2px #c5a53d33;color:#302d22}.nav-button.active:before{content:'';position:absolute;inset:3px;border:1px solid #fff9;border-radius:12px;pointer-events:none}.nav-dot{background:#b18b25}.nav-button svg{stroke-width:1.5}.nav-button.active svg{color:#705a27}
.account{border:1px solid #fff;background:linear-gradient(130deg,#ffffffe0,#ffffff50);border-radius:18px;padding:13px 7px;box-shadow:var(--ce-fine);gap:8px}.account small{font-size:9px}.account .text-button{font-size:11px;min-height:30px;padding:5px 0;color:#746237}.account strong{font-weight:650;font-size:12px}.account .icon-button{width:29px}.avatar{width:40px;height:40px;border:2px solid #fff;background:radial-gradient(circle at 29% 20%,#fff 4%,#fff7d8 40%,#c5cbd5 100%);color:#5f5338;box-shadow:inset -2px -3px 4px #8e99aa4a,0 5px 10px -6px #414f6a80}.signature-mark{font-size:10px;border:0;padding:14px 7px}
main{margin-left:240px;padding-right:6px}.topbar{height:62px;padding:0 28px;border:0;background:transparent;color:#5d6570;opacity:1}.top-note{font-size:10px;letter-spacing:.6px}#content{max-width:1500px;padding:8px 28px 30px}#content[data-page=content]{margin:0;padding:8px 28px 30px}.page-head{margin:9px 0 28px;gap:22px}.page-head h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.7px;font-weight:600}.page-head p{font-size:13px;line-height:1.8}.page-head .mini-label{font-size:9px}.date-pill{background:var(--ce-glass);border:1px solid white;padding:12px 17px;box-shadow:var(--ce-fine);font-size:11px;border-radius:14px}
/* Thick polished glass panels. Reflections never intercept controls. */
.panel,.post-card,.story-card,.recording-session,.recording-guide,.onboard-card,.route-strip{position:relative;border:1px solid var(--ce-edge);background:var(--ce-glass);box-shadow:var(--ce-depth);border-radius:25px}
.panel:after,.post-card:after,.story-card:after,.recording-session:after,.recording-guide:after{content:'';position:absolute;inset:5px;border:1px solid #ffffff8a;border-radius:20px;pointer-events:none}
.panel{padding:27px}.panel-title{gap:12px;margin-bottom:20px}.panel-title h2{font-size:21px;font-weight:600;letter-spacing:-.7px}.panel-title .text-button{font-size:11px}.panel p{color:#525c6c}.route-strip{padding:24px 28px;background:linear-gradient(120deg,#ffffffa3,#ffffff48 60%,#fff8e380);margin-top:26px}.route-strip h3{font-weight:600}.route-strip>svg{width:30px;height:30px;color:#998245}.route-strip p{font-size:12px}
/* Home: wide sculptural hero; metrics float on the bottom edge. */
#content[data-page=home]>.page-head .eyebrow,#content[data-page=home]>.page-head p{display:block}
.hero{min-height:360px;margin:0 0 0;border-radius:30px;overflow:hidden;border:1px solid #fff;background:linear-gradient(115deg,#ffffffe8,#ffffff93 45%,#ffffff20 80%);box-shadow:var(--ce-depth)}
.hero:before{content:'';position:absolute;inset:6px;border-radius:24px;border:1px solid #ffffffa3;pointer-events:none;z-index:2}.hero:after{content:'';position:absolute;right:4%;bottom:9%;width:38%;height:17%;border-radius:50%;background:radial-gradient(ellipse,#777f9040,transparent 68%);filter:blur(8px);pointer-events:none}
.hero-copy{position:relative;z-index:3;width:67%;padding:37px 38px 65px}.hero .mini-label{display:block;font-size:9px;letter-spacing:2.2px;margin-bottom:22px}.hero h2{font-size:clamp(33px,3.3vw,49px);line-height:1.1;letter-spacing:-2px;max-width:560px;font-weight:550;margin-bottom:20px}.hero-emphasis{color:#947324}.hero p{font-size:14px;line-height:1.8;max-width:400px;margin-bottom:23px}.hero .button{min-width:0;padding:14px 24px;min-height:49px}
.hero-visual{display:flex;position:absolute;inset:0 -4% 0 auto;width:47%;height:100%;align-items:center;justify-content:center;z-index:1;opacity:1;pointer-events:none}.hero-visual img{display:block;width:105%;height:auto;max-width:520px;transform:rotate(-12deg);filter:drop-shadow(14px 23px 14px #606a7b38);mix-blend-mode:multiply}.crystal-orbit-label{position:absolute;bottom:19%;right:23%;font-size:8px;color:#746d60;letter-spacing:2px;transform:rotate(-8deg)}
.hero-footnote{position:absolute;left:39px;bottom:19px;display:flex;gap:11px;align-items:center;color:#666554;font-size:10px;letter-spacing:.6px;z-index:3}.hero-footnote .spark-dot{width:5px;height:5px;background:#baa051;box-shadow:0 0 0 3px #fff8d6}
.metrics{position:relative;z-index:4;margin:-1px 19px 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px;background:linear-gradient(145deg,#ffffffdb,#ffffff87);border:1px solid white;border-radius:0 0 25px 25px;box-shadow:0 19px 28px -23px #48556d88,inset 0 -3px 2px #adbbcf22;overflow:visible;gap:0}
.metric,.metric.highlight{min-height:123px;padding:19px 22px;background:transparent;border:0;box-shadow:none;border-radius:0;position:relative}.metric:not(:last-child){border-right:1px solid #9da8b72b}.metric strong{font-size:43px;font-weight:550;letter-spacing:-2px;margin:0 0 8px;color:#26303d}.metric span{font-size:11px;color:#626a76}.metric svg,.metric:nth-child(n) svg{display:block;position:absolute;left:auto;right:18px;top:21px;width:24px;height:24px;padding:0;background:transparent;color:#918266;box-shadow:none;stroke-width:1.3}.metric:after{left:22px;width:27px;height:2px;bottom:11px;background:linear-gradient(90deg,#bb9542,#fff8d6)}
.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.dashboard-grid>.panel{padding:29px;min-height:340px}.dashboard-grid>.panel:before{content:'';position:absolute;left:29px;top:0;width:70px;height:3px;background:linear-gradient(90deg,#e4c779,#fff)}.next-card{background:transparent;border:0;box-shadow:none;padding:22px 0 8px;gap:25px;align-items:flex-start}.next-card h3{font-size:25px;line-height:1.42;font-weight:550;margin:17px 0 22px}.date-tile{min-width:79px;padding:25px 12px;border:1px solid white;border-radius:20px;background:linear-gradient(130deg,#fff,#ffffff3b 50%,#e2e6eeaa);box-shadow:6px 10px 16px -10px #47526e99,inset 0 2px white,inset -3px -3px 3px #9ca8be30;transform:perspective(400px) rotateY(-9deg) rotateZ(-3deg)}.date-tile strong{font-weight:500;font-size:43px;color:#515762}.date-tile small{font-size:11px;letter-spacing:2px;color:#81714b}.date-tile:before{height:2px;left:19px;right:19px;background:linear-gradient(90deg,transparent,#b6a16c,transparent)}.next-card .text-button{background:linear-gradient(130deg,#fffdf1,#fff2bf);border:1px solid #fff6d6;color:#63532d;box-shadow:var(--ce-fine);padding:11px 20px;font-size:12px;border-radius:12px}
.dash-side{display:grid;gap:20px}.dash-side .panel{padding:24px 27px}.dash-side .panel-title{margin-bottom:13px}.dash-side .panel-title>svg{width:33px;height:33px;padding:5px;border:1px solid #fff;border-radius:10px;background:linear-gradient(130deg,#fff,#ffffff40);box-shadow:var(--ce-fine);color:#8b7e61}.dash-side .panel-title h2{font-size:18px}.resource-summary strong{font-size:36px;font-weight:500;letter-spacing:-1.5px}.resource-summary{font-size:12px}.progress-line{height:10px;padding:2px;border:1px solid #fff;border-radius:10px;background:#aeb8c32b;box-shadow:inset 0 2px 3px #65718526}.progress-line>span{border-radius:8px;background:linear-gradient(#fff5c6,#dfbf62);box-shadow:inset 0 1px white,0 1px 3px #ab873640}.dash-side .panel p{font-size:12px;line-height:1.8;margin-bottom:8px}
/* Buttons read as tangible objects, with a restrained golden primary. */
.button{border-radius:13px;min-height:46px;font-weight:650;font-size:13px;box-shadow:var(--ce-fine);transition:transform .18s,box-shadow .18s,background .18s}.button.primary{background:linear-gradient(155deg,#fffbc5 0%,#ffe785 38%,#f1cf50 100%);border:1px solid #fff5ba;color:#42391f;box-shadow:0 7px 13px -9px #957528a3,inset 0 2px 2px #fffce6,inset 0 -3px 2px #b28a2929}.button.secondary,.button.dark{color:#3c4758;background:linear-gradient(145deg,#fff,#ffffff70);border:1px solid #fff;box-shadow:var(--ce-fine)}.button.ghost{background:#ffffff50;border:1px solid #ffffffa0}.text-button{color:#6c5c37;font-weight:650}.icon-button{background:var(--ce-glass);border:1px solid #fff;box-shadow:var(--ce-fine);border-radius:13px}.button:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #857033;outline-offset:4px}
input,textarea,select{background:#ffffffb0;color:#25303f;border:1px solid #bdc6d2;border-radius:12px;box-shadow:inset 0 2px 4px #7c899818,0 1px 0 #fff;line-height:1.65}input:focus,textarea:focus,select:focus{background:#fffffff0;border-color:#b19551;outline:2px solid #d9bf813b;outline-offset:2px}label{font-weight:600}textarea{resize:vertical}.badge{border:1px solid #ffffffed;background:linear-gradient(130deg,#fff,#ffffff7d);box-shadow:inset 0 1px #fff,0 3px 6px -5px #44526866;font-size:10px;border-radius:8px;color:#536072;padding:6px 9px;font-weight:600}.badge.pending{background:#fff8e5;color:#796231;border-color:#e7d9b5}.badge.prepared{background:#f1f5f0;color:#496354;border-color:#d6e2d9}.badge.published{background:#edf1f7;color:#4b617c;border-color:#d4deea}.badge.clip,.badge.talking{background:#faf9ff;color:#6b6084;border-color:#dfdaeb}.badge.carousel{background:#fffbee;color:#806a34;border-color:#eadfbb}.badge.photo{background:#f3f9f5;color:#527767;border-color:#d3e3db}
.toolbar{padding:14px 17px;background:linear-gradient(130deg,#ffffffbe,#ffffff59);border:1px solid white;border-radius:18px;box-shadow:var(--ce-fine);gap:14px;margin-bottom:18px}.filter-row{gap:7px;flex-wrap:wrap}.filter{min-height:40px;border:1px solid transparent;border-radius:11px;background:transparent;padding:9px 13px;font-size:11px;font-weight:600}.filter.active{background:linear-gradient(145deg,#fffdf1,#fff1c8);border-color:#fff8df;box-shadow:var(--ce-fine);color:#67582f}.month-selector{padding:3px;border-radius:13px;background:#ffffff70}.month-selector input{background:transparent;border:0;box-shadow:none;font-weight:600}
/* Content objects: layered glass folios. No decorative photos or invented content. */
.cards{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;padding:5px 0 12px}.post-card{--format-accent:#897b9d;overflow:visible;padding:26px 24px 20px;min-height:290px;display:flex;flex-direction:column;background:linear-gradient(138deg,#fffffff1,#ffffff75 60%,#ffffffc4);border-radius:24px;isolation:isolate}.post-card:before{content:'';position:absolute;inset:9px -4px -5px 7px;height:auto;border:1px solid #ffffffe0;border-radius:23px;background:linear-gradient(130deg,#ffffff8a,#cbd4e322);box-shadow:0 8px 12px -10px #43516b66;z-index:-1;pointer-events:none}.post-card:after{inset:5px;border-radius:19px}.post-card[data-format=carousel]{--format-accent:#b39755}.post-card[data-format=photo]{--format-accent:#7a9c8e}.post-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 0 18px;border-bottom:1px solid #a4aebb2b;margin:0 0 21px}.post-meta>.badge{font-size:9px;padding:5px 7px}.post-card h3{font-size:21px;line-height:1.5;font-weight:550;letter-spacing:-.5px;margin:0 0 18px}.post-card>p{font-size:11px;color:#687180}.post-card>.text-button{margin-top:auto;padding:15px 0 0;border-top:1px solid #a4aebb26;min-height:43px;font-size:12px;color:#625a48}
.format-object{display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 42px;height:45px;margin-right:4px;perspective:180px}.format-object i{position:absolute;width:26px;height:32px;border:1px solid #fff;border-radius:7px;background:linear-gradient(135deg,#ffffffd9,#e7e9f080);box-shadow:inset 1px 1px white,3px 4px 5px #6e76842c;transform:rotateY(-23deg) rotateZ(-8deg)}.format-object i:first-child{transform:translate(-5px,-3px) rotateY(-23deg) rotateZ(-8deg);opacity:.7}.format-object i:last-child{transform:translate(5px,3px) rotateY(-23deg) rotateZ(-8deg)}.format-object i:last-child:after{content:'';position:absolute;left:9px;top:10px;border-left:6px solid var(--format-accent);border-top:4px solid transparent;border-bottom:4px solid transparent}.post-card[data-format=carousel] .format-object i:last-child:after{border:0;left:6px;top:10px;width:13px;height:2px;background:var(--format-accent);box-shadow:0 5px var(--format-accent)}.post-card[data-format=photo] .format-object i:last-child:after{border:0;left:7px;top:11px;width:11px;height:9px;border:1px solid var(--format-accent);border-radius:3px}
/* Calendar is a precision glass tray; format is a fine edge, state is explicit text. */
.calendar-wrap{padding:12px;border:1px solid #fff;border-radius:25px;background:linear-gradient(130deg,#ffffffa1,#ffffff4a);box-shadow:var(--ce-depth);overflow:auto}.calendar{min-width:0}.calendar-week{gap:8px}.calendar-week span{font-size:9px;letter-spacing:1.8px;color:#76705f;padding:13px 0 18px;background:transparent}.calendar-grid{gap:8px}.calendar-day{min-height:153px;border:1px solid #ffffffc9;border-radius:13px;padding:10px 7px;background:linear-gradient(130deg,#ffffff9c,#ffffff33);box-shadow:inset 0 1px white,inset 0 -2px 2px #aeb9cc1c;min-width:0}.calendar-day.blank{background:#ffffff18;border-color:#ffffff50;box-shadow:none}.calendar-day.today{background:linear-gradient(135deg,#fffbea,#ffffff80);border:1px solid #d9bd70;box-shadow:0 0 0 3px #fff5d448,inset 0 1px white}.day-number{margin:0 0 13px;padding:0 2px}.day-number span{font-size:13px;font-weight:550;color:#6c7380}.today .day-number span{background:linear-gradient(#fff8db,#e8ce85);box-shadow:var(--ce-fine);border:1px solid #fff4cf;border-radius:8px;color:#5e4e27}.day-number b{font-size:8px;color:#8f7232;font-weight:600}.calendar-post,.calendar-post.prepared,.calendar-post.published,.calendar-post.calendar-story{--format-accent:#9b8cae;display:block;width:100%;text-align:left;border:1px solid #fff!important;border-radius:10px;background:linear-gradient(135deg,#fffffff5,#ffffffba)!important;padding:11px 8px;box-shadow:0 6px 9px -6px #47577365,inset 0 -2px 1px #bcc8d326;color:#354053!important;position:relative;overflow:hidden;margin-bottom:9px}.calendar-post:before,.calendar-story:before{left:0;top:9px;bottom:9px;right:auto;width:2px;height:auto;background:var(--format-accent)}.calendar-post.format-carousel{--format-accent:#c8aa61}.calendar-post.format-photo{--format-accent:#80a392}.calendar-post.calendar-story{--format-accent:#b694a4}.calendar-post .piece-format{font-size:8px;font-weight:600;letter-spacing:.1px;color:#6e7180;margin-bottom:7px}.piece-title{font-size:11px;line-height:1.5;font-weight:600}.piece-state{font-size:8px;font-weight:500;padding-top:6px;margin-top:8px;border-color:#b0b9c526}.piece-state:before{width:4px;height:4px}.calendar-day.drag-over{outline:2px solid #b89543;outline-offset:-2px;background:#fff7d6}
/* Stories: stacked sequence panels, with real screen count rather than imagery. */
.story-card{overflow:visible;isolation:isolate;min-height:320px;padding:26px 25px 22px;display:flex;flex-direction:column;background:linear-gradient(132deg,#fffffff0,#ffffff80);border-radius:26px;margin-top:9px}.story-card:before{content:'';position:absolute;inset:-8px 13px 7px;height:auto;border:1px solid #fff;border-radius:24px;background:linear-gradient(135deg,#ffffffa1,#eee7ec70);z-index:-1;box-shadow:0 -5px 0 -1px #ffffff60;pointer-events:none}.story-sequence-bar{display:flex;gap:7px;margin:0 0 22px;max-width:100%}.story-sequence-bar span{position:relative;flex:1;min-width:0;height:31px;border-bottom:3px solid #bca7b3;border-radius:2px;color:#9a8492;box-shadow:0 2px 0 #fff}.story-sequence-bar b{font-size:10px;font-weight:550;letter-spacing:1px}.story-card>.badge{align-self:flex-start}.story-card h3{font-size:22px;line-height:1.45;margin:18px 0 12px;font-weight:550}.story-card .small{font-size:11px;color:#757382}.story-card-summary{font-size:13px;line-height:1.8;color:#586171;padding:0 0 0 14px;border-left:1px solid #c1aeb8;margin:5px 0 22px}.story-card>.text-button{margin-top:auto;border-top:1px solid #b8a8b621;padding-top:14px;color:#806477}
/* Business: editorial hierarchy and an inset writing surface. */
.business-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:business}.business-block{padding:29px;counter-increment:business;overflow:hidden;min-height:180px}.business-block:before{content:'0' counter(business);position:absolute;right:25px;top:15px;font-size:42px;line-height:1.2;letter-spacing:-2px;font-weight:400;color:#a8987438;pointer-events:none}.business-block:first-child{grid-column:1/-1;padding:35px 38px}.business-block:first-child p{font-size:21px;line-height:1.8;max-width:900px;letter-spacing:-.3px}.business-block .mini-label{font-size:9px;border:0;padding:0;margin-bottom:20px;letter-spacing:2px;max-width:85%}.business-block p,.business-block li{line-height:1.9;font-size:14px}.business-block li{padding:5px 0}.business-block ul{padding-left:20px}.onboarding-layout{max-width:940px;margin:22px auto}.onboard-card{padding:42px;background:linear-gradient(128deg,#fffffff0,#ffffff91);border-radius:29px}.onboard-card h1{font-size:34px;line-height:1.25;font-weight:550;letter-spacing:-1px;max-width:700px}.step-kicker{font-size:10px;letter-spacing:2px;color:#8c7544}.step-progress{gap:7px;margin:20px 0 30px}.step-progress span{height:8px;border:1px solid #fff;background:#c6cdd538;border-radius:10px;box-shadow:inset 0 1px 2px #5f6f8417}.step-progress span.done{background:linear-gradient(#fff4bf,#dbbc65);box-shadow:inset 0 1px #fff}.onboard-card textarea{padding:18px;min-height:150px;background:#ffffffa6;line-height:1.9}.choice{background:linear-gradient(130deg,#ffffffe0,#ffffff60);border:1px solid #fff;border-radius:14px;box-shadow:var(--ce-fine);min-height:58px}.choice:has(input:checked){background:linear-gradient(130deg,#fffdf0,#fff4cd);border-color:#d6ba73}.choice input{accent-color:#a18743}.onboard-actions{padding-top:26px;border-top:1px solid #aab4c02b;margin-top:24px}.response-help{background:#ffffff60;border:1px solid white;border-radius:16px;box-shadow:var(--ce-fine);margin-top:24px}.notice{border:1px solid #ebddb8;background:#fffbefb3;color:#6d5c35;border-radius:14px;padding:18px 22px;font-size:13px;line-height:1.8}
/* Resources: separate recording console and glass session trays. */
.recording-guide{padding:31px 33px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px 30px;margin-bottom:26px;background:linear-gradient(125deg,#ffffffe6,#ffffff70)}.recording-guide h2{font-size:29px;font-weight:550;letter-spacing:-1px;max-width:450px}.recording-guide p{font-size:13px;line-height:1.9}.recording-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.recording-step{padding:16px 13px;border:1px solid #fff!important;border-radius:16px;background:linear-gradient(135deg,#ffffffda,#ffffff50);box-shadow:var(--ce-fine);font-size:11px;gap:10px}.recording-step b{display:grid;place-items:center;width:33px;height:36px;flex-shrink:0;border-radius:10px;border:1px solid white;background:linear-gradient(140deg,#fff,#ece8da);box-shadow:3px 5px 7px -5px #5b5c6399,inset 0 1px white;font-size:17px;font-weight:500;color:#8e7845;transform:rotate(-5deg)}.recording-save{grid-column:1/-1;margin:0;padding-top:17px;border-top:1px solid #b1bac82b;font-size:12px!important}.recording-session{overflow:hidden;margin:23px 0}.session-head{padding:25px 28px;background:linear-gradient(120deg,#ffffffd9,#ffffff45);border-bottom:1px solid #b3bdcb26;gap:18px}.session-head>div:first-child{display:block}.session-head h2{font-size:22px;letter-spacing:-.6px;font-weight:600;margin:5px 0 0}.session-number{letter-spacing:2px;font-size:9px;color:#8b794f}.session-progress{padding:10px 13px;border:1px solid white;border-radius:12px;background:#ffffff90;box-shadow:var(--ce-fine);font-size:11px;color:#586858}.shot-row{padding:24px 28px;border-bottom:1px solid #aeb9c327;gap:17px;background:transparent}.shot-row.done{background:#edf6f03d}.shot-type{font-size:9px;letter-spacing:1px;color:#8b7b9d}.shot-row[data-kind=photo] .shot-type{color:#678777}.shot-top h3{font-size:16px;font-weight:600}.shot-copy p{font-size:13px;line-height:1.8}.shot-check{border:1px solid #fff;border-radius:11px;background:linear-gradient(145deg,#fff,#e3e6ed99);box-shadow:var(--ce-fine);width:36px;height:36px}.shot-row.done .shot-check{background:linear-gradient(#f6fff8,#cfe1d5);color:#497258;border-color:#fff}.shot-tools button{border:1px solid white;border-radius:11px;background:#ffffff8a;box-shadow:var(--ce-fine);width:37px;height:39px}.shot-tools svg{width:16px;height:16px}
/* Dialogs and writing tools share the same transparent frame; text stays opaque. */
dialog,dialog:has(#postText){border:1px solid #fff;border-radius:27px;background:linear-gradient(130deg,#fdfdfcf5,#f7f8fcf2);box-shadow:0 35px 95px #27354a55,0 0 0 6px #ffffff50,inset 0 2px white;max-width:1100px}dialog::backdrop{background:#29344768;backdrop-filter:blur(7px)}.dialog-head{padding:25px 28px;background:linear-gradient(120deg,#fff,#ffffff40);border-bottom:1px solid #bbc3cf35}.dialog-head h2{font-size:26px;font-weight:550;letter-spacing:-.8px}.dialog-head .mini-label{font-size:9px;color:#8b7546}.dialog-footer{background:linear-gradient(120deg,#fff,#f7f5ef);border-top:1px solid #c4cbd733;padding:18px 28px}.editor-block{border:1px solid #fff;border-radius:18px;background:linear-gradient(130deg,#fff,#ffffff80);box-shadow:var(--ce-fine);padding:21px}.editor-block.main-copy{background:linear-gradient(140deg,#fff,#fffcf3cc)}.editor-block.main-copy:before{height:2px;background:linear-gradient(90deg,#d6b76b,#fff)}.editor-block textarea{color:#303b4d;line-height:1.9;background:#ffffffa3;border:1px solid #c9d1dc80}.editor-block .field-top label{font-weight:600;color:#596574}#storyFields .editor-block{border-left:3px solid #c6b0bc}.profile-intro{display:flex;gap:20px;align-items:center;margin-bottom:25px}.profile-intro p{margin:0;font-size:20px}.profile-intro small{font-size:12px;color:#6c7380}.profile-glass-avatar{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border:2px solid white;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#fff8df 43%,#b5bece);box-shadow:inset -4px -5px 8px #6c7c9526,0 10px 16px -11px #47577399;font-size:31px;font-weight:500;color:#7d6b3f}#profileNameForm .button{margin-top:22px}
/* Login: original environment, sculptural glass seal and floating access panel. */
.auth-layout{width:calc(100% - 64px);max-width:1360px;margin:32px auto;min-height:calc(100svh - 64px);height:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;padding:37px 42px;border-radius:36px;border:1px solid #fff;background:linear-gradient(120deg,#ffffff33,#ffffff08),url(crystal-environment.png) center/cover;box-shadow:0 30px 70px -35px #3b465e80,inset 0 2px 2px white;overflow:hidden;position:relative}
.auth-art{min-height:630px;align-self:stretch;padding:14px 8px 40px;display:flex;flex-direction:column;position:relative;overflow:visible}.auth-art>.brand{position:relative;left:auto;top:auto}.auth-promise{position:relative;z-index:2;margin-top:60px;max-width:520px}.auth-promise .eyebrow{display:block;font-size:9px;letter-spacing:2.5px;margin-bottom:23px;color:#786b50}.auth-promise h1{font-size:clamp(39px,4.5vw,66px);font-weight:500;line-height:1.08;letter-spacing:-2.7px;color:#222b39;margin-bottom:22px}.auth-promise h1 em{color:#a9842a}.auth-promise p{font-size:15px;line-height:1.8;color:#646e7e}.auth-promise:after{display:none}.auth-signature{position:absolute;left:8px;bottom:0;font-size:8px;letter-spacing:2.5px;color:#766e60}.auth-orbit{display:none}.crystal-seal{position:relative;margin:24px 0 10px 35px;width:128px;height:128px;border-radius:33px;border:2px solid #fff;background:linear-gradient(130deg,#ffffffb5 5%,#ffffff14 50%,#ffefb666);box-shadow:19px 25px 23px -16px #737a8d77,inset 4px 4px 6px white,inset -4px -4px 5px #c1bca866;transform:perspective(500px) rotateY(-24deg) rotateZ(-13deg);display:grid;place-items:center}.crystal-seal:before{content:'';position:absolute;inset:7px;border:1px solid #ffffffcc;border-radius:25px;box-shadow:inset 0 0 12px #fff8}.crystal-seal:after{content:'';position:absolute;inset:-15px;border:1px solid #fff9;border-radius:43px;transform:translateZ(-20px);pointer-events:none}.crystal-seal span{font-size:101px;font-weight:550;letter-spacing:-9px;padding-right:7px;color:#c7a84f;text-shadow:1px 2px 1px #fff,4px 5px 3px #9b82523b;line-height:1}
.auth-panel{position:relative;align-self:center;width:100%;max-width:500px;margin:8px 0 8px auto;min-height:0;padding:39px 38px 56px;border:1px solid #fff;border-radius:29px;background:linear-gradient(137deg,#fffffff0,#ffffffb3 60%,#ffffffcc);box-shadow:18px 28px 48px -29px #37476399,inset 0 3px 3px #fff,inset -2px -4px 2px #b9c4d22b;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}.auth-panel:before{display:block;content:'';position:absolute;inset:6px;border-radius:23px;border:1px solid #ffffffbf;pointer-events:none}.auth-form{max-width:none;width:100%}.auth-form>.mini-label{display:block;font-size:9px;letter-spacing:2px;color:#97804b;margin-bottom:19px}.auth-form h2{font-size:33px;font-weight:550;letter-spacing:-1.2px;line-height:1.15}.auth-form>p{font-size:12px;line-height:1.8;color:#697283}.auth-form input{min-height:48px;border:1px solid #bdc5d2;border-radius:11px;background:#ffffffbd;box-shadow:inset 0 2px 4px #71819a0f;font-size:14px}.auth-form label{font-size:11px;color:#4c5768;margin-top:18px}.auth-form .button{border-radius:13px;min-height:50px;margin-top:24px;font-size:13px}.auth-form .text-button{font-size:11px;min-height:36px;color:#5d6675;font-weight:500;text-decoration:none;padding:8px 3px}.auth-form .text-button:hover{text-decoration:underline}.auth-form>.small{font-size:10px;margin:18px 0 0;color:#797768}.auth-bottom{font-size:9px;bottom:19px;color:#7b7465;letter-spacing:.4px}.auth-mobile-brand{display:none}
@media(hover:hover){.nav-button:hover:not(.active){background:#ffffff95;box-shadow:var(--ce-fine);transform:translateX(2px)}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 17px -11px #72613b99,inset 0 2px white}.post-card:hover,.story-card:hover{transform:translateY(-4px);box-shadow:0 30px 40px -28px #34455b8a,inset 0 2px white}.post-card,.story-card{transition:transform .2s,box-shadow .2s}.calendar-post:hover{transform:translateY(-2px);box-shadow:0 9px 12px -7px #34476180}.shot-tools button:hover{background:#fff}}
@media(min-width:1850px){#app{margin:30px auto}.sidebar{left:calc((100vw - 1800px)/2 + 14px)!important}.hero-copy{padding:45px 45px 65px}.hero{min-height:390px}}
@media(max-width:1200px) and (min-width:761px){#app{margin:20px 15px}.sidebar,#app .sidebar{left:27px;top:33px;bottom:35px;width:188px;padding:25px 12px}.sidebar .brand{font-size:25px}.sidebar .brand-symbol{width:42px;height:44px;font-size:36px}.sidebar .brand-light{font-size:12px}.sidebar-caption{font-size:8px}.nav-button{font-size:12px;padding:12px 10px}.account{gap:5px;padding:10px 5px}.account .avatar{width:31px;height:31px}.account strong{font-size:10px}main{margin-left:205px}#content,#content[data-page=content]{padding:8px 20px 25px}.hero-copy{padding:30px 29px 61px;width:72%}.hero h2{font-size:38px}.hero{min-height:340px}.hero-footnote{left:29px}.metric{padding:17px 14px}.metric strong{font-size:35px}.metric svg,.metric:nth-child(n) svg{right:11px;top:17px;width:19px;height:19px}.metric span{font-size:10px}.metric:after{left:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel{min-height:0}.dash-side{grid-template-columns:1fr 1fr}.recording-guide{grid-template-columns:1fr}.recording-save{grid-column:1}.recording-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.recording-step{flex-direction:column;align-items:flex-start}.auth-layout{width:calc(100% - 40px);margin:20px auto;padding:28px;gap:25px}.auth-art{min-height:580px}.auth-promise{margin-top:45px}.auth-promise h1{font-size:48px}.auth-panel{padding:31px 28px 48px}.auth-form h2{font-size:29px}.crystal-seal{width:110px;height:110px}.crystal-seal span{font-size:84px}}
@media(max-width:1050px) and (min-width:761px){.calendar-week{display:none}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day.blank{display:none}.calendar-day{min-height:80px}.day-number small{display:block;font-size:9px}.calendar-post .piece-title{font-size:12px}.calendar-post .piece-format{font-size:9px}.auth-promise h1{font-size:41px}.auth-layout{grid-template-columns:.9fr 1fr}.auth-panel{padding:28px 24px 47px}.auth-form h2{font-size:27px}.onboard-card{padding:29px}.onboard-card h1{font-size:29px}.recording-steps{grid-template-columns:1fr 1fr}.business-block:first-child p{font-size:18px}}
@media(max-width:760px){
 #app{margin:12px 10px 100px;border-radius:25px;min-height:0}#app:before{background:#ffffff42;backdrop-filter:blur(4px)}#app .sidebar{inset:auto 8px 8px;width:calc(100% - 16px);padding:5px 5px max(7px,env(safe-area-inset-bottom));border-radius:21px;background:linear-gradient(130deg,#fffffff5,#ffffffe5);box-shadow:0 -2px 25px #4a526b24,inset 0 2px #fff;backdrop-filter:blur(15px)}.sidebar:before{inset:3px;border-radius:18px}.sidebar nav{gap:2px}.nav-button{padding:8px 2px;min-height:58px;font-size:9px;border-radius:14px;gap:5px}.nav-button.active:before{border-radius:10px}.nav-button svg{width:21px;height:21px}main{margin:0;padding:0}.topbar{height:73px;padding:0 17px}.mobile-account{width:34px;height:34px}.mobile-profile-edit{font-size:10px;min-height:40px}.topbar>div{gap:7px}#content,#content[data-page=content]{padding:12px 17px 25px}.page-head{margin:4px 0 23px;gap:12px;flex-wrap:wrap}.page-head h1{font-size:32px;letter-spacing:-1.3px}.page-head p{font-size:12px}.page-head>.button{font-size:11px;padding:11px 16px}.date-pill{font-size:10px;padding:9px 13px}.page-head .mini-label{font-size:8px}.hero{min-height:340px;border-radius:24px}.hero-copy{width:80%;padding:28px 25px 62px}.hero .mini-label{font-size:8px;max-width:220px;line-height:1.8;margin-bottom:17px}.hero h2{font-size:35px;max-width:410px;letter-spacing:-1.5px}.hero p{font-size:13px;max-width:340px}.hero .button{font-size:11px;min-height:46px;padding:12px 18px}.hero-visual{display:flex;width:40%;right:-10%;opacity:.65}.hero-visual img{width:160%;max-width:none}.crystal-orbit-label{display:none}.hero-footnote{left:25px;bottom:20px;font-size:9px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:-1px 8px 24px;padding:6px;border-radius:0 0 20px 20px}.metric,.metric.highlight{min-height:113px;padding:16px 18px}.metric strong{font-size:36px}.metric span{font-size:10px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #a4aebb2b}.metric svg,.metric:nth-child(n) svg{right:15px;top:18px;width:21px;height:21px}.metric:after{left:18px;bottom:10px}.dashboard-grid{grid-template-columns:1fr;gap:20px}.dashboard-grid>.panel{padding:24px;min-height:0}.panel-title h2{font-size:19px}.panel-title .text-button{font-size:10px}.next-card{gap:19px;padding-top:14px}.next-card h3{font-size:21px}.date-tile{min-width:65px;padding:22px 10px}.date-tile strong{font-size:34px}.dash-side{grid-template-columns:1fr 1fr;gap:16px}.dash-side .panel{padding:22px}.dash-side .panel-title h2{font-size:17px}.dash-side .panel-title>svg{width:27px;height:27px}.resource-summary strong{font-size:30px}.route-strip{padding:23px;margin-top:22px;border-radius:22px}.route-strip h3{font-size:17px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.post-card{padding:23px 21px 20px;min-height:280px}.post-card h3{font-size:20px}.story-card{padding:25px 23px;min-height:310px}.story-card h3{font-size:21px}.toolbar{padding:12px;border-radius:16px;flex-wrap:wrap}.filter{font-size:10px;padding:9px 11px;min-height:40px}.month-selector input{font-size:14px}.calendar-wrap{padding:8px;border-radius:19px;overflow:visible}.calendar{min-width:0}.calendar-week{display:none}.calendar-grid{display:flex;flex-direction:column;gap:9px}.calendar-day{display:grid;grid-template-columns:43px minmax(0,1fr);gap:0 10px;padding:12px 9px;min-height:60px}.calendar-day.blank{display:none}.day-number{grid-column:1;grid-row:1 / span 20;display:flex;flex-direction:column;align-items:center;gap:3px;margin:0;padding:2px 0}.day-number span{font-size:21px}.day-number small{display:block;font-size:8px}.day-number b{font-size:8px;margin:2px 0}.calendar-post{grid-column:2;padding:13px 14px!important;min-height:0}.calendar-post .piece-format{font-size:10px}.calendar-post .piece-title{font-size:13px}.calendar-post .piece-state{font-size:10px}.calendar-day:not(:has(.calendar-post)){min-height:58px}.business-grid{grid-template-columns:1fr;gap:18px}.business-block:first-child{grid-column:auto;padding:27px}.business-block:first-child p{font-size:18px}.business-block{padding:26px;min-height:0}.business-block p,.business-block li{font-size:13px}.onboarding-layout{margin:8px 0}.onboard-card{padding:27px 24px;border-radius:24px}.onboard-card h1{font-size:28px}.step-progress{gap:4px}.step-progress span{height:7px}.onboard-card textarea{font-size:16px}.recording-guide{padding:27px 24px;grid-template-columns:1fr;gap:18px}.recording-guide h2{font-size:26px}.recording-save{grid-column:1}.recording-steps{grid-template-columns:1fr 1fr}.recording-step{padding:14px;font-size:11px}.session-head{padding:23px}.session-head h2{font-size:19px}.session-progress{font-size:10px;padding:8px 10px}.shot-row{padding:20px 17px;gap:12px;grid-template-columns:33px minmax(0,1fr) 36px}.shot-check{width:32px;height:34px}.shot-top h3{font-size:15px}.shot-copy p{font-size:13px}.shot-tools button{width:35px;height:39px}.shot-type{font-size:8px}.shot-tools{gap:8px}.dialog-head{padding:22px}.dialog-head h2{font-size:23px}.dialog-footer{padding:17px 20px;flex-wrap:wrap}.editor-block{padding:18px}input,textarea,select{font-size:16px}.profile-intro p{font-size:18px}.profile-glass-avatar{width:64px;height:64px}.auth-layout{display:block;width:calc(100% - 28px);max-width:540px;margin:14px auto;padding:14px;min-height:0;height:auto;border-radius:29px;background-position:58% center}.auth-art{display:flex;min-height:0;padding:16px 16px 21px}.auth-art>.brand{font-size:25px}.auth-art .brand-symbol{width:39px;height:41px;font-size:34px}.auth-art .brand-light{font-size:11px}.auth-promise{display:block;margin:27px 0 0;max-width:75%}.auth-promise .eyebrow{display:none}.auth-promise h1{font-size:36px;letter-spacing:-1.6px;margin-bottom:0}.auth-promise p{display:none}.crystal-seal{position:absolute;right:8px;bottom:25px;width:75px;height:75px;border-radius:20px;margin:0}.crystal-seal span{font-size:57px;letter-spacing:-5px}.crystal-seal:before{inset:4px;border-radius:15px}.crystal-seal:after{inset:-8px;border-radius:27px}.auth-signature{display:none}.auth-panel{margin:0;max-width:none;padding:29px 25px 46px;border-radius:23px;backdrop-filter:blur(10px)}.auth-panel:before{border-radius:18px}.auth-mobile-brand{display:none}.auth-form>.mini-label{font-size:8px;margin-bottom:15px}.auth-form h2{font-size:28px}.auth-form input{font-size:16px;min-height:48px}.auth-form label{font-size:12px}.auth-form .text-button{font-size:12px;min-height:42px}.auth-bottom{font-size:8px}.auth-form .button{font-size:12px;min-height:49px}.auth-form>.small{font-size:10px}footer{padding:10px 18px 20px;font-size:8px}
}
@media(max-width:480px){.cards,.dash-side{grid-template-columns:1fr}.hero-copy{width:100%;padding:27px 23px 60px}.hero h2{font-size:32px;max-width:300px}.hero p{max-width:280px}.hero-visual{right:-22%;width:48%;bottom:-20%;top:auto;height:65%;opacity:.23;z-index:0}.hero-footnote{left:23px}.hero .button{max-width:100%;font-size:11px}.metric svg,.metric:nth-child(n) svg{right:11px;width:18px;height:18px}.next-card h3{font-size:20px}.date-tile{min-width:56px;padding:21px 8px}.date-tile strong{font-size:31px}.post-card{min-height:260px}.post-meta{gap:8px}.post-meta>.badge{font-size:10px}.business-block:first-child p{font-size:17px}.onboard-card{padding:25px 20px}.onboard-card h1{font-size:25px}.session-head{gap:12px;padding:21px}.session-head h2{font-size:18px}.session-progress{max-width:90px;text-align:center}.recording-guide{padding:25px 21px}.recording-step{display:flex;flex-direction:column;align-items:flex-start}.auth-art{padding:14px 12px 22px}.auth-promise h1{font-size:32px}.auth-promise{max-width:78%}.crystal-seal{right:1px;width:64px;height:64px}.crystal-seal span{font-size:49px}.auth-panel{padding:26px 21px 46px}.auth-form h2{font-size:26px}.topbar .mobile-brand{font-size:21px}.topbar .mobile-brand .brand-symbol{width:33px;height:35px;font-size:29px}.topbar .mobile-brand .brand-light{font-size:9px}.mobile-profile-edit{font-size:9px}.topbar{padding:0 13px}.profile-intro{gap:13px}.profile-intro p{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.post-card:hover,.story-card:hover,.calendar-post:hover,.button:hover{transform:none!important}}
/* Compact empty calendar rows without constraining populated days. */
@media(min-width:1051px){.calendar-day{min-height:115px}}
.resource-summary strong{margin-right:5px}
/* Reset the legacy decorative pseudo-image: the access frame must not overlap text. */
.auth-panel:before{width:auto;height:auto;background:none;transform:none;opacity:1;z-index:auto;box-shadow:none}
/* V170.1: wordmark, balanced next-content date and readable format colours. */
.brand-symbol,.crystal-seal{display:none!important}
.dashboard-grid>.panel{display:flex;flex-direction:column}
.next-card{flex:1;align-items:center;gap:24px;padding:18px 0}
.next-card>div:last-child{min-width:0;flex:1}
.date-tile{transform:none;flex:0 0 78px;min-width:78px;height:98px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:17px;background:linear-gradient(145deg,#fffdf1,#ffffffa8);box-shadow:inset 0 1px white,0 7px 14px -10px #68708066;text-align:center}
.date-tile:before{display:none}
.date-tile strong{display:block;margin:0;font-size:34px;line-height:1;font-weight:550;color:#665939}
.date-tile small{display:block;margin:0;font-size:10px;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase;color:#82734e}
.calendar-post.format-clip,.calendar-post.format-talking{--format-accent:#9982c0;background:linear-gradient(135deg,#f2ecfbf5,#faf8ffed)!important;border-color:#d7c9e9!important}
.calendar-post.format-carousel{--format-accent:#c7a140;background:linear-gradient(135deg,#fff2c9f5,#fffaf0ed)!important;border-color:#e7d293!important}
.calendar-post.format-photo{--format-accent:#6d9d86;background:linear-gradient(135deg,#e7f4ecf5,#f7fcf9ed)!important;border-color:#c3dfcf!important}
.calendar-post.calendar-story{--format-accent:#bb859f;background:linear-gradient(135deg,#fae9f0f5,#fff7faed)!important;border-color:#e8c7d6!important}
.calendar-post:before{width:3px;background:var(--format-accent)!important}
.calendar-post .piece-format{color:#4e5262;font-weight:650}
@media(max-width:480px){.next-card{gap:16px}.date-tile{flex-basis:60px;min-width:60px;height:82px}.date-tile strong{font-size:29px}.next-card h3{font-size:19px}.auth-promise{max-width:100%}.auth-art .brand{padding-left:0}}
/* V170.2: emblem and miniature glass objects */
.brand .brand-symbol{display:inline-flex!important;position:relative;isolation:isolate;align-items:center;justify-content:center;width:49px;height:52px;flex:0 0 49px;margin-right:3px;border-radius:16px;font-family:Manrope,sans-serif;font-size:47px;font-weight:650;line-height:1;letter-spacing:-3px;padding:0 3px 5px 0;color:#a78226;background:linear-gradient(140deg,#ffffffed 5%,#fff7cc99 40%,#e3c76c99 76%,#ffffffd9);border:1px solid #fff;transform:perspective(260px) rotateY(-12deg) rotateX(5deg);text-shadow:0 1px #fff8d8,1px 2px #cfad53,2px 3px #947527,3px 4px 5px #7e62264d;box-shadow:inset 2px 2px 2px white,inset -3px -3px 4px #a3884340,3px 5px 0 -1px #d2c59b,5px 9px 13px -7px #665a55a0}
.brand .brand-symbol:before{content:'';position:absolute;inset:4px;border:1px solid #ffffffa8;border-radius:12px;pointer-events:none}
.brand .brand-symbol:after{content:'';position:absolute;left:5px;right:5px;top:5px;height:42%;border-radius:11px 11px 22px 5px;background:linear-gradient(145deg,#fff9,#fff0);pointer-events:none}
.nav-button .crystal-icon,.metric .crystal-icon{overflow:visible;stroke:none;fill:none;filter:drop-shadow(1px 3px 2px #74643a29)}
.crystal-icon path{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.3}
.crystal-icon .icon-depth{fill:#a99366;stroke:#9b8559}
.crystal-icon .icon-face{fill:#faf5e4;stroke:#998458}
.crystal-icon .icon-glint{fill:none;stroke:white;stroke-width:1.5}
.nav-button .crystal-icon{width:32px;height:32px;flex:0 0 32px}
.nav-button.active .icon-face{fill:#fff9da;stroke:#9b7925}
.metric .crystal-icon,.metric:nth-child(n) .crystal-icon{width:42px;height:42px;top:24px;right:19px;padding:3px;border:1px solid #fff;border-radius:13px;background:linear-gradient(145deg,#ffffffdc,#f0e8cf66);box-shadow:inset 0 1px white,0 5px 9px -6px #86734d88}
@media(max-width:760px){.nav-button .crystal-icon{width:26px;height:26px;flex-basis:26px}.metric .crystal-icon,.metric:nth-child(n) .crystal-icon{width:31px;height:31px;right:12px;top:16px;padding:2px;border-radius:10px}.brand .brand-symbol{width:38px;height:41px;flex-basis:38px;font-size:36px;border-radius:12px}.brand .brand-symbol:before{border-radius:8px}}


/* V170.3 · Retoques de legibilidad, perfil y salida (sin cambios en datos o acceso). */
@media (min-width:761px) {
  .sidebar-foot { padding-top:14px; }
  .sidebar .account {
    display:block;
    margin-top:0;
    padding:12px;
    border:1px solid rgba(255,255,255,.94);
    border-radius:17px;
    background:linear-gradient(147deg,rgba(255,255,255,.9),rgba(255,253,242,.68));
    box-shadow:0 7px 18px -13px rgba(42,47,65,.37),inset 0 1px 1px #fff;
  }
  .account .account-identity { display:flex;align-items:center;gap:9px;min-width:0;padding:1px 1px 11px; }
  .account .account-identity .avatar { width:39px;height:39px;flex:0 0 39px;font-size:15px; }
  .account .account-identity strong { min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.35;font-weight:700;color:#283047;letter-spacing:-.1px; }
  .account .account-actions { display:grid;gap:3px;padding-top:7px;border-top:1px solid rgba(121,111,91,.16); }
  .account .account-action {
    width:100%;min-height:34px;padding:7px 5px;
    display:flex;gap:8px;align-items:center;
    border:0;border-radius:9px;text-align:left;cursor:pointer;
    background:transparent;color:#404656;font:600 11px/1.2 Manrope,system-ui,sans-serif;
    transition:background .18s,color .18s;
  }
  .account .account-action svg { width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#806d42;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round; }
  .account .account-action-arrow { margin-left:auto;color:#8f8c83;font-size:17px;line-height:1; }
  .account .account-action-logout { color:#5d6674; }
  .account .account-action-logout svg { stroke:#707786; }
  .account .account-action:hover { background:rgba(244,225,170,.35);color:#222b3d; }
  .account .account-action:focus-visible { outline:2px solid #a98432;outline-offset:1px; }
  .topbar #breadcrumb {
    display:inline-flex;align-items:center;
    min-height:33px;padding:7px 11px;
    color:#303a50;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:0;
    background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.92);
    border-radius:11px;box-shadow:0 4px 12px -9px rgba(43,53,80,.32);
  }
  .topbar .top-note {
    display:inline-flex;align-items:center;
    min-height:33px;padding:7px 11px;
    color:#4b5568;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:0;
    background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.7);
    border-radius:11px;
  }
}
@media (min-width:761px) and (max-width:1200px) {
  .sidebar .account { padding:10px 8px; }
  .account .account-identity { gap:7px; }
  .account .account-identity .avatar { width:34px;height:34px;flex-basis:34px;font-size:13px; }
  .account .account-identity strong { font-size:11px; }
  .topbar #breadcrumb,.topbar .top-note {font-size:11px;padding:7px 9px;}
}
@media (max-width:760px) {
  .topbar .mobile-profile-edit {
    display:inline-flex;align-items:center;justify-content:center;
    padding:7px 9px;min-height:36px;border-radius:10px;
    font-size:12px;font-weight:700;color:#3c4454;
    background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);
  }
  .topbar .mobile-account {
    display:inline-flex;align-items:center;justify-content:center;gap:5px;
    min-width:65px;width:auto;height:36px;min-height:36px;padding:6px 9px;
    border:1px solid rgba(255,255,255,.9);border-radius:10px;
    background:linear-gradient(130deg,#fffdf3,#f6edd7);
    color:#474653;font:700 12px/1.2 Manrope,system-ui,sans-serif;
    box-shadow:0 3px 9px -6px rgba(37,44,62,.3);
  }
  .topbar .mobile-account svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .topbar .mobile-account:focus-visible,.topbar .mobile-profile-edit:focus-visible {outline:2px solid #a98432;outline-offset:2px;}
}
@media (max-width:360px) {
  .topbar .mobile-profile-edit {font-size:11px;padding:6px 7px;}
  .topbar .mobile-account {font-size:11px;min-width:58px;padding:6px 7px;}
  .topbar .mobile-account svg {width:13px;height:13px;}
}

/* V170.5 · Espacio de pruebas de Paco, respetando diseño Astra */
.paco-lab-intro{margin:16px 0 22px}.paco-lab-intro h2{margin:0 0 8px}.paco-lab-intro p{line-height:1.65}.paco-lab-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.paco-lab-actions .button{min-width:200px}.paco-lab-result-header{margin:25px 0 12px}.paco-lab-result-header h2{margin:3px 0 6px}.paco-preview-card{padding:24px;margin-bottom:16px}.paco-preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.paco-preview-goal{font-size:12px;color:var(--text-muted,#64748b);border:1px solid rgba(110,130,150,.17);border-radius:30px;padding:5px 12px}.paco-preview-card h3{font-size:23px;line-height:1.35;margin:12px 0 20px}.paco-preview-field{border-top:1px solid rgba(120,140,160,.16);padding:13px 0}.paco-preview-field strong,.paco-preview-slide strong{font-size:12px;letter-spacing:.045em;text-transform:uppercase;color:var(--text-muted,#64748b)}.paco-preview-field p,.paco-preview-slide p{white-space:pre-wrap;line-height:1.65;margin:6px 0 0}.paco-preview-slides{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:8px 0 17px}.paco-preview-slide{border:1px solid rgba(120,140,160,.2);border-radius:16px;padding:14px;margin:12px 0;background:rgba(255,255,255,.36)}.paco-preview-slides .paco-preview-slide{margin:0}.paco-screen-text{font-size:19px;font-weight:650}.paco-lab-loading{padding:24px 12px;text-align:center}@media(max-width:600px){.paco-lab-actions .button{width:100%;min-width:0}.paco-preview-card{padding:16px}.paco-preview-card h3{font-size:20px}.paco-preview-slides{grid-template-columns:1fr}}