@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f7f3ff;background:#071126}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071126}.page{min-height:100vh;padding:28px;position:relative;overflow:hidden}.sky-page{background-color:#071126;background-image:radial-gradient(circle at 8% 18%,rgba(255,255,255,.75) 0 1px,transparent 1.8px),radial-gradient(circle at 73% 12%,rgba(157,181,255,.65) 0 1px,transparent 1.6px),radial-gradient(circle at 26% 72%,rgba(255,255,255,.5) 0 1px,transparent 1.8px),radial-gradient(circle at 91% 64%,rgba(177,157,255,.65) 0 1px,transparent 1.8px),linear-gradient(160deg,#071126 0%,#11143a 45%,#151036 70%,#081426 100%);background-size:145px 145px,190px 190px,220px 220px,170px 170px,100% 100%;background-attachment:fixed}.sky-cloud{position:absolute;border-radius:50%;filter:blur(42px);opacity:.14;pointer-events:none}.cloud-one{width:520px;height:160px;background:#91a9d7;top:14%;left:-8%;transform:rotate(-8deg)}.cloud-two{width:620px;height:190px;background:#846eb5;right:-12%;top:58%;transform:rotate(10deg)}.center{display:grid;place-items:center}.panel,.dog,.controls,.welcome-box,.card,.section-header{position:relative;z-index:1;background:linear-gradient(145deg,rgba(27,28,69,.92),rgba(14,21,50,.94));border:1px solid rgba(155,123,255,.28);box-shadow:0 18px 55px rgba(0,0,0,.24)}.panel{width:min(480px,100%);padding:32px;border-radius:28px}.brand{font-weight:900;color:#c4adff;font-size:21px}.title{font-size:clamp(32px,6vw,44px);font-weight:900;margin:18px 0 8px;color:#fff}.sub{color:#c9c4dc;line-height:1.55}.input{width:100%;padding:15px;border:1px solid #4c4777;border-radius:14px;font-size:16px;margin-top:12px;background:#0d1531;color:#fff}.input::placeholder{color:#8f8aa8}.btn{display:block;width:100%;padding:15px;border-radius:14px;border:0;font-weight:800;font-size:16px;margin-top:12px;cursor:pointer}.primary{background:linear-gradient(135deg,#7454d8,#9b7bff);color:#fff}.secondary{background:transparent;color:#d7caff;border:1px solid #8d70e2}.link{background:none;color:#baa4ff}.note{background:rgba(10,16,41,.72);padding:12px;border-radius:12px;color:#aaa4c1;font-size:13px;line-height:1.5;margin-top:18px;border:1px solid rgba(155,123,255,.14)}.wrap{max-width:1180px;margin:auto;position:relative;z-index:1}.reading-wrap{max-width:1120px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.dog{border-radius:24px;padding:24px}.dogname{font-size:28px;font-weight:900}.uuid{color:#aaa4bd;font-size:12px;margin:5px 0 18px}.artifact{display:flex;justify-content:space-between;align-items:center;background:rgba(90,69,155,.22);padding:16px;border:1px solid rgba(155,123,255,.18);border-radius:16px;cursor:pointer}.kicker{font-size:11px;font-weight:900;letter-spacing:1px;color:#a987ff;text-transform:uppercase}.artifact-title{font-weight:800;margin-top:4px}.back{color:#b99fff;font-weight:800;cursor:pointer;margin-bottom:24px}.reading-hero{text-align:center;margin:12px auto 26px}.woofmap-title{font-size:clamp(34px,6vw,56px);line-height:1.08;margin:0;color:#fff;text-shadow:0 0 26px rgba(155,123,255,.28)}.welcome-box{padding:24px;border-radius:24px;margin-bottom:20px}.welcome-box h2,.options-title{margin:0;color:#fff;font-size:24px}.welcome-box>p{color:#d4cfe2;line-height:1.65}.welcome-list{display:grid;gap:14px}.welcome-item{display:grid;grid-template-columns:28px 1fr;gap:8px;color:#c9c4dc;line-height:1.62}.welcome-item p{margin:0}.audience-list{margin-top:10px;display:grid;gap:8px}.controls{border-radius:24px;padding:22px;margin:0 0 28px}.options-title{margin-bottom:18px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.control-group{min-width:0}.section-nav{margin-top:22px;padding-top:20px;border-top:1px solid rgba(155,123,255,.16)}.label{font-size:12px;font-weight:900;text-transform:uppercase;color:#a9a2c0;letter-spacing:.9px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.chip{border:1px solid rgba(155,123,255,.18);border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;background:rgba(48,46,91,.78);color:#d7d1e8;transition:.2s ease}.chip:hover{transform:translateY(-1px);border-color:#9b7bff}.chip.active{background:linear-gradient(135deg,#7454d8,#9b7bff);color:#fff;border-color:transparent}.nav-chip{background:rgba(21,31,67,.94)}.reading-section{scroll-margin-top:20px;margin:0 0 30px}.section-header{width:100%;padding:22px 24px;border-radius:22px;text-align:left;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.section-eyebrow{font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#9f93bc}.section-header h2{font-size:27px;margin:5px 0 6px}.section-header p{margin:0;color:#bdb7d0;line-height:1.5}.collapse-icon{font-size:30px;color:#b79cff;padding-left:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:16px}.card{border-radius:22px;padding:23px}.card h3{font-size:25px;line-height:1.12;margin:0;color:#fff}.body{font-size:16px;line-height:1.6;color:#c9c4d7}.quote{background:rgba(108,75,167,.18);color:#d8c8ff;padding:14px;border-radius:14px;font-style:italic;border:1px solid rgba(155,123,255,.14)}.twocol{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:18px}.good{color:#75e0b8;font-weight:900}.bad{color:#ff9cab;font-weight:900}.item{line-height:1.55;color:#beb8cc}.category{display:none}@media(max-width:760px){.page{padding:18px}.panel{padding:24px}.header{margin-bottom:30px}.option-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.woofmap-title{font-size:36px}.welcome-box,.controls,.card,.section-header{padding:20px}.section-header h2{font-size:23px}.section-header p{font-size:14px}.collapse-icon{font-size:27px}.reading-hero{text-align:center}}@media(max-width:460px){.woofmap-title{font-size:30px}.chip{font-size:13px;padding:9px 11px}.welcome-item{grid-template-columns:24px 1fr}.section-header{align-items:flex-start}.section-header h2{font-size:21px}.card h3{font-size:23px}}
/* v0.5 glass + dashboard */
.welcome-box,.controls,.section-header,.dog-dashboard{background:linear-gradient(145deg,rgba(32,35,82,.62),rgba(11,19,48,.58));-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 55px rgba(0,0,0,.22)}
.section-header{background:linear-gradient(145deg,rgba(35,38,88,.58),rgba(15,22,55,.54))}
.quote-row{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;margin-top:16px}.dog-speaker{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:rgba(126,91,220,.24);border:1px solid rgba(190,169,255,.45);position:relative;animation:dogBark 2s ease-in-out infinite}.dog-speaker i,.dog-speaker b{position:absolute;border-radius:50%;background:rgba(216,200,255,.72)}.dog-speaker i{width:7px;height:7px;right:-7px;top:8px}.dog-speaker b{width:4px;height:4px;right:-12px;top:0}.quote-bubble{font-size:16px;font-style:italic;color:#d8c8ff;background:rgba(108,75,167,.18);padding:14px;border-radius:14px;border:1px solid rgba(155,123,255,.18)}@keyframes dogBark{0%,45%,100%{transform:translateY(0) rotate(0)}52%{transform:translateY(-3px) rotate(-4deg)}60%{transform:translateY(0) rotate(0)}}@media(prefers-reduced-motion:reduce){.dog-speaker{animation:none}}
.library-intro{max-width:760px;margin-bottom:26px}.dog-hero{display:grid;grid-template-columns:100px 1fr;gap:20px;align-items:center}.dog-avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:56px;background:rgba(81,57,145,.28);border:1px solid #7959df}.dog-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary-badge{font-size:10px;font-weight:900;color:#cbbaff;background:rgba(121,89,223,.22);padding:5px 9px;border-radius:99px}.library-tabs{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid rgba(155,123,255,.16);border-bottom:1px solid rgba(155,123,255,.16);padding:15px 0;margin:22px 0;color:#b8b1c8}.library-tabs b{color:#fff;border-bottom:2px solid #9b7bff;padding-bottom:6px}.deck-kicker{margin:18px 0 12px}.deck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:26px}.deck{min-height:210px;background:rgba(26,31,72,.72);border:1px solid rgba(155,123,255,.25);border-radius:20px;padding:20px;display:flex;flex-direction:column}.deck h2{margin:10px 0 0;font-size:21px}.deck p{color:#c4bed1;line-height:1.5;flex:1}.deck-icon{font-size:27px}.deck footer{display:flex;justify-content:space-between;gap:12px;color:#c8b7ff;font-weight:800}.deck footer b{font-size:10px;letter-spacing:1px;color:#76e2b8}.ready-deck{cursor:pointer}.ready-deck:hover{border-color:rgba(185,159,255,.6);transform:translateY(-1px)}.future{opacity:.72}.future small{color:#9e96b4;font-weight:900;letter-spacing:.6px}@media(max-width:640px){.dog-hero{grid-template-columns:1fr}.dog-avatar{width:82px;height:82px}.quote-row{grid-template-columns:46px 1fr}.dog-speaker{width:44px;height:44px;font-size:24px}}
/* v0.6 natal canonical refinements */
.welcome-box,.controls,.section-header,.dog-dashboard,.card{
  background:linear-gradient(145deg,rgba(33,39,92,.38),rgba(10,18,47,.32));
  -webkit-backdrop-filter:blur(20px) saturate(135%);
  backdrop-filter:blur(20px) saturate(135%);
  border-color:rgba(184,164,255,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 55px rgba(0,0,0,.20)
}
.card{background:linear-gradient(150deg,rgba(27,34,82,.46),rgba(9,17,45,.38))}
.section-header{background:linear-gradient(145deg,rgba(40,45,99,.40),rgba(12,20,51,.34))}
.cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.card{grid-column:span 2}
.card.wide-pair{grid-column:span 3}
.card.wide-single{grid-column:2 / span 4}
.guidance-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:10px 12px;border:1px solid rgba(155,123,255,.20);border-radius:12px;background:rgba(12,20,49,.34);color:#cfc5eb;font-weight:850;cursor:pointer;letter-spacing:.15px}
.guidance-toggle:hover{background:rgba(38,35,83,.48);border-color:rgba(184,164,255,.42)}
.guidance-panel{margin-top:10px;padding:14px;border-radius:14px;background:rgba(8,15,39,.28);border:1px solid rgba(155,123,255,.12)}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.card.wide-pair,.card.wide-single{grid-column:auto}}
@media(max-width:620px){.cards{grid-template-columns:1fr}.card,.card.wide-pair,.card.wide-single{grid-column:1}}


/* v0.6.1 corrective glass + four-angle layout */
.welcome-box,.controls,.section-header,.dog-dashboard,.card,.panel,.dog{
  background:linear-gradient(145deg,rgba(32,38,92,.18),rgba(8,15,42,.12));
  border-color:rgba(210,200,255,.36);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  backdrop-filter:blur(16px) saturate(135%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 55px rgba(0,0,0,.18);
}
.card{background:linear-gradient(150deg,rgba(30,36,88,.20),rgba(7,15,42,.13));}
.section-header{background:linear-gradient(145deg,rgba(40,46,104,.20),rgba(9,17,47,.14));}
.quote-bubble,.guidance-panel,.guidance-toggle{background-color:rgba(13,19,48,.18);}
.cards.angles-four{grid-template-columns:repeat(2,minmax(0,1fr));}
.cards.angles-four .angle-card{grid-column:span 1;min-width:0;}
@media(max-width:760px){.cards.angles-four{grid-template-columns:1fr}.cards.angles-four .angle-card{grid-column:auto}}


/* v0.6.2 persistent reading navigation + handler-note controls */
.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.side-nav{display:none;}
.hamburger{display:flex;position:fixed;left:16px;top:16px;z-index:50;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(205,194,255,.34);background:rgba(20,27,64,.68);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);color:#fff;font-size:23px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.drawer-shade{position:fixed;inset:0;z-index:59;background:rgba(2,6,20,.64)}
.drawer{position:fixed;left:0;top:0;bottom:0;z-index:60;width:min(310px,88vw);padding:24px 20px;overflow-y:auto;background:rgba(10,16,43,.90);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);border-right:1px solid rgba(205,194,255,.30);box-shadow:18px 0 50px rgba(0,0,0,.30)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-close{border:0;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer;padding:2px 8px}.side-brand,.side-home{display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer}.side-brand{font-size:20px;font-weight:900;color:#fff;padding:0 0 12px}.side-home{font-size:14px;font-weight:900;color:#cbbaff;padding:0 0 12px;margin-bottom:4px}.menu-group{margin-top:12px}.menu-label{font-size:10px;font-weight:900;color:#aaa2c0;text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}.menu-chips{display:flex;flex-wrap:wrap;gap:6px}.menu-chips .chip{font-size:11px;padding:8px 10px}.menu-chips .nav-chip{background:rgba(21,31,67,.58)}
@media(min-width:1320px){.hamburger{display:none}.side-nav{display:block;position:fixed;left:18px;top:18px;bottom:18px;width:220px;z-index:40;padding:16px;overflow-y:auto;border-radius:22px;background:rgba(13,19,49,.60);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(205,194,255,.28);box-shadow:0 18px 55px rgba(0,0,0,.20)}.reading-page .reading-wrap{margin-left:250px;margin-right:auto;max-width:1120px}}
@media(max-width:900px){.option-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.option-grid{grid-template-columns:1fr}.hamburger{left:10px;top:10px;width:42px;height:42px;font-size:21px}}

/* v0.7 restructured card schema: Summary + Big 3 */
.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px}.summary-card{min-width:0}.summary-placeholder{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-style:dashed}.summary-placeholder h3{font-size:19px;color:#e9e3f8}.summary-placeholder .body{max-width:360px;margin-bottom:0;color:#9f99b1}.placeholder-star{font-size:25px;color:#b99fff;margin-bottom:8px}.big3-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:16px}.big3-card{width:100%;min-height:0}.reading-section[id="section-big3_core_traits"] .section-header{border-color:rgba(224,194,111,.30)}
@media(max-width:760px){.summary-grid{grid-template-columns:1fr}}


/* v0.7.1 summary chapters, Big 3 desktop row, angle chapters, and info callouts */
.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.summary-shell{display:grid;gap:10px;min-width:0}.mini-header{position:relative;z-index:1;padding:15px 17px;border-radius:16px;background:linear-gradient(145deg,rgba(39,45,103,.18),rgba(10,18,48,.12));border:1px solid rgba(205,194,255,.30);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.14)}.mini-header h3{margin:0;color:#fff;font-size:18px}.mini-header p{margin:5px 0 0;color:#bbb4cf;line-height:1.45;font-size:13px}.big3-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.big3-shell{min-width:0}.info-wrap{margin-top:12px}.info-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(190,174,255,.24);background:rgba(25,31,67,.34);color:#d8d0ed;font-weight:800;cursor:pointer}.info-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(132,94,225,.62);color:#fff;font-weight:900}.info-panel{margin-top:8px;padding:14px;border-radius:14px;background:linear-gradient(145deg,rgba(33,39,92,.18),rgba(10,18,47,.12));border:1px solid rgba(205,194,255,.28);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);color:#c3bdd2;line-height:1.5}.cards.angles-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.angle-shell{display:grid;gap:10px;min-width:0}.angle-shell .angle-card{grid-column:auto;width:100%}
@media(max-width:900px){.big3-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.cards.angles-four{grid-template-columns:1fr}}

/* v0.7.2 integrated chapter modules and section guides */
.section-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}
.section-main{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.section-header .info-wrap{grid-column:1;margin-top:12px;max-width:min(720px,100%)}
.section-header .collapse-button{grid-column:2;grid-row:1 / span 2;align-self:start}
.info-button{padding:7px 12px}.info-chevron{margin-left:2px;color:#bda9ff;font-size:16px;font-weight:900}
.info-panel{padding:10px 12px;background:rgba(8,15,39,.28);border-color:rgba(190,174,255,.16)}
.summary-grid,.big3-grid,.cards.angles-four,.development-grid{align-items:stretch}
.integrated-module{display:flex;flex-direction:column;min-width:0;height:100%}
.integrated-module>.mini-header{width:100%;box-sizing:border-box;min-height:92px;display:flex;flex-direction:column;justify-content:center;margin:0 0 6px;border-radius:18px 18px 10px 10px}
.integrated-module>.card{flex:1;width:100%;box-sizing:border-box;border-radius:10px 10px 22px 22px}
.summary-grid,.big3-grid,.cards.angles-four,.development-grid{display:grid;gap:18px;margin-top:16px}
.summary-grid,.cards.angles-four,.development-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.big3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.big3-grid{grid-template-columns:1fr}}
@media(max-width:760px){.summary-grid,.cards.angles-four,.development-grid{grid-template-columns:1fr}.integrated-module>.mini-header{min-height:0}}

/* v0.7.3 structural polish */
.section-heading-copy{min-width:0}.section-heading-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.collapse-button{grid-column:2;grid-row:1 / span 2;align-self:start;border:0;background:transparent;cursor:pointer}.section-header .info-wrap{grid-column:auto;margin-top:12px}.nav-tree{display:grid;gap:5px;margin-top:9px}.nav-branch{min-width:0}.nav-section-link,.nav-child-link{width:100%;border:0;color:inherit;cursor:pointer;text-align:left}.nav-section-link{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:rgba(52,48,96,.34);font-size:13px;font-weight:900;color:#e7e0f5}.nav-section-link:hover{background:rgba(79,66,134,.48)}.nav-children{margin-left:10px;padding-left:9px;border-left:1px solid rgba(183,156,255,.22)}.nav-child-link{display:flex;align-items:center;gap:6px;padding:6px 4px;background:transparent;font-size:11px;line-height:1.35;color:#aaa3bc}.nav-child-link:hover{color:#ded5f2}.branch-mark{color:#776d92}.section-nav .nav-tree{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.section-nav .nav-section-link{font-size:13px}.section-nav .nav-child-link{font-size:12px}.integrated-module>.mini-header{margin-bottom:4px}.big3-grid,.summary-grid,.cards.angles-four,.development-grid{align-items:stretch}.big3-grid>.integrated-module,.summary-grid>.integrated-module,.cards.angles-four>.integrated-module,.development-grid>.integrated-module{height:100%}.big3-grid>.integrated-module>.card,.summary-grid>.integrated-module>.card,.cards.angles-four>.integrated-module>.card,.development-grid>.integrated-module>.card{flex:1}

/* v0.7.4 welcome guide, themed desktop scrollbar, and Core Dog chapters */
@media(min-width:1320px){.side-nav{scrollbar-width:thin;scrollbar-color:rgba(178,145,255,.55) transparent}.side-nav::-webkit-scrollbar{width:8px}.side-nav::-webkit-scrollbar-track{background:transparent}.side-nav::-webkit-scrollbar-thumb{background:rgba(178,145,255,.42);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.side-nav::-webkit-scrollbar-thumb:hover{background:rgba(198,171,255,.68);background-clip:padding-box}.side-nav::-webkit-scrollbar-button{display:none;width:0;height:0}}
.welcome-guide-button{display:flex;width:100%;align-items:center;gap:9px;padding:10px;margin:0 0 6px;border-radius:13px;border:1px solid rgba(190,174,255,.24);background:rgba(91,62,164,.28);color:#eee8ff;text-align:left;cursor:pointer}.welcome-guide-button>b,.welcome-guide-button b{display:block;font-size:13px}.welcome-guide-button small{display:block;margin-top:2px;color:#aaa3bc;font-size:10px}.welcome-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}.welcome-shade{position:absolute;inset:0;border:0;background:rgba(2,6,20,.76);backdrop-filter:blur(5px)}.welcome-sheet{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;padding:30px;border-radius:28px;background:rgba(13,19,49,.94);border:1px solid rgba(205,194,255,.34);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 28px 80px rgba(0,0,0,.46)}.welcome-sheet h2{margin:4px 42px 12px 0;font-size:30px}.welcome-close{position:absolute;right:16px;top:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(74,61,126,.38);color:#fff;font-size:28px;cursor:pointer}.welcome-eyebrow{font-size:11px;font-weight:900;letter-spacing:1.2px;color:#b5a5dc}.welcome-tip{color:#aaa3bc;font-size:13px}.welcome-primary{margin-top:16px;padding:12px 18px;border-radius:999px;border:1px solid #a98cff;background:#7959df;color:#fff;font-weight:900;cursor:pointer}.core-chapter-stack{display:grid;gap:22px;margin-top:16px}.core-chapter>.mini-header{margin-bottom:4px}.core-chapter-cards{margin-top:4px}
@media(max-width:700px){.welcome-overlay{padding:12px}.welcome-sheet{max-height:94vh;padding:22px;border-radius:24px}.welcome-sheet h2{font-size:26px;line-height:1.25}}


/* v0.7.5 desktop layout and typography design-system pass */
html,body,button,input,select,textarea{font-family:'Plus Jakarta Sans','Avenir Next','Segoe UI',sans-serif}
.reading-wrap{padding-top:34px;padding-bottom:56px}
.reading-hero{margin-top:8px;margin-bottom:34px}
.reading-options{margin-bottom:34px;padding:26px}
.reading-options h2{font-size:25px;line-height:1.28;margin-bottom:16px}
.reading-section{margin-bottom:54px}
.section-header{padding:24px 26px}
.section-header h2{font-size:30px;line-height:1.24}
.section-description{font-size:15.5px;line-height:1.55}
.summary-grid,.big3-grid,.cards.angles-four,.development-grid{gap:20px;margin-top:20px}
.cards{gap:20px;margin-top:20px}
.card{padding:26px 25px}
.card h3{font-size:24px;line-height:1.3;margin-bottom:0}
.card .body{font-size:15.5px;line-height:1.62;margin-top:13px;max-width:72ch}
.summary-card h3{font-size:27px;line-height:1.28}
.summary-badge{display:inline-block;margin-bottom:10px;color:#afa1d5;font-size:10px;font-weight:900;letter-spacing:1.1px}
.mini-header{min-height:96px;padding:16px 19px}
.mini-header-heading{display:flex;align-items:center;gap:10px}
.mini-header-icon{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;font-size:19px;line-height:1}
.mini-header h3{font-size:18.5px;line-height:1.3}
.mini-header p{font-size:13.5px;line-height:1.5}
.core-chapter-stack{gap:30px;margin-top:20px}
.quote-row{margin-top:22px;gap:13px}
.quote-bubble{padding:15px 16px}
.quote-bubble p,.dog-quote{font-size:15.5px;line-height:1.45}
.guidance-toggle{margin-top:20px}
.guidance-toggle:not(.open){padding-top:7px;padding-bottom:7px;opacity:.78}
.guidance-panel{padding:16px}
.guidance-panel li,.guidance-panel p{line-height:1.6}
.section-divider{height:76px;display:flex;align-items:center;justify-content:center;gap:14px}
.section-divider span{height:1px;flex:1;max-width:150px;background:rgba(190,174,255,.16)}
.section-divider b{color:rgba(190,174,255,.62);font-size:17px;font-weight:700}
@media(max-width:760px){.section-divider{height:48px}.reading-wrap{padding-top:24px}.reading-section{margin-bottom:38px}}


/* v0.7.6 application chrome, personality, and reversible design previews */
.reading-companion{display:flex;align-items:center;gap:9px;margin:12px 0 2px;padding:9px;border-top:1px solid rgba(183,156,255,.14);border-bottom:1px solid rgba(183,156,255,.14);color:#dcd4ef}.reading-companion>b,.reading-companion b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.reading-companion small{display:block;margin-top:2px;color:#817a98;font-size:9px}.option-tree{margin-left:10px;padding-left:9px;border-left:1px solid rgba(183,156,255,.20)}.option-tree-row{display:flex;width:100%;align-items:center;gap:7px;padding:6px 5px;border:0;border-radius:8px;background:transparent;color:#aaa3bc;text-align:left;font-size:11px;line-height:1.35;cursor:pointer}.option-tree-row:hover{color:#e5dcf6;background:rgba(71,59,124,.22)}.option-tree-row.active{color:#fff;font-weight:800;background:rgba(121,89,223,.32)}.option-tree-row:focus-visible,.nav-section-link:focus-visible,.nav-child-link:focus-visible,.welcome-guide-button:focus-visible{outline:2px solid rgba(190,164,255,.88);outline-offset:2px}.menu-group.design-preview .menu-label{color:#978bab}.side-nav:before{content:'✦';position:absolute;right:12px;top:10px;color:rgba(190,164,255,.35);font-size:10px}.section-divider{height:80px}.dog-thought-divider{min-height:96px;display:grid;place-items:center;align-content:center;gap:7px;padding:24px 0;color:#aaa0c0;text-align:center}.dog-thought-divider .thought-dog{font-size:25px}.dog-thought-divider em{max-width:390px;font-size:13.5px;line-height:1.5}.design-classic{font-family:'Segoe UI',sans-serif}.design-classic .reading-wrap{padding-top:22px;padding-bottom:34px}.design-classic .reading-section{margin-bottom:38px}.design-classic .section-divider{height:54px}.design-classic .card{padding:21px 20px}.design-classic .card .body{font-size:15px;line-height:1.47}.design-classic .section-header{padding:20px 22px}.design-classic .section-header h2{font-size:27px}.design-classic .summary-grid,.design-classic .big3-grid,.design-classic .cards.angles-four,.design-classic .development-grid,.design-classic .cards{gap:16px;margin-top:16px}.design-classic .mini-header{min-height:88px;padding:14px 16px}.transition-dog_thought .reading-section{scroll-margin-top:18px}
@media(max-width:1319px){.design-preview{display:none}}

/* v0.7.7 visual hierarchy, motion, and chrome personality */
.reading-page{position:relative;overflow-x:hidden}
.section-body{margin-top:12px;padding:12px 12px 16px;border:1px solid rgba(190,174,255,.12);border-top:0;background:rgba(7,14,36,.16)}
.section-body>.summary-grid,.section-body>.big3-grid,.section-body>.cards,.section-body>.development-grid,.section-body>.core-chapter-stack{margin-top:6px}
.design-classic .section-body{margin-top:0;padding:0;border:0;background:transparent}
.design-classic .section-header{box-shadow:none;border-color:rgba(190,174,255,.20);background:rgba(19,25,61,.28)}
.design-classic .mini-header{box-shadow:none;border-color:rgba(190,174,255,.16)}
.design-classic .card{box-shadow:none;border-color:rgba(155,123,255,.14)}
.design-classic .quote-bubble{border-left-width:1px;background:rgba(108,75,167,.10)}
.design-classic .guidance-panel,.design-classic .info-panel{border-left-width:1px;background:rgba(8,15,39,.28)}

/* Gentle/Still review boundary. Rendering is intentionally stable; only motion changes. */
.motion-gentle .section-body,
.motion-gentle .info-panel,
.motion-gentle .guidance-panel,
.motion-gentle .welcome-sheet{animation:awReveal .28s ease-out both}
.motion-gentle .thought-dog{animation:awDogBob 2.8s ease-in-out infinite}
.motion-still *, .motion-still *::before, .motion-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes awReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes awDogBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* Cozy chrome: personality lives in the application frame. */
.chrome-cozy .side-nav{border-color:rgba(218,202,255,.38);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.chrome-cozy .welcome-guide-button{background:rgba(103,69,181,.34);border-color:rgba(213,195,255,.34);box-shadow:0 8px 24px rgba(20,8,50,.18)}
.chrome-cozy .reading-companion{padding:9px;border-radius:10px;background:rgba(72,49,128,.16)}
.side-motif{height:16px;margin:-3px 0 8px;text-align:center;color:rgba(213,195,255,.62);font-size:11px;letter-spacing:1.4px}
.hero-constellation{margin-bottom:7px;color:rgba(205,187,255,.64);font-size:12px;letter-spacing:6px}
.hero-tagline{margin:8px 0 0;color:#a9a1ba;font-size:13.5px;line-height:1.5;text-align:center}
.constellation{position:absolute;z-index:0;pointer-events:none;white-space:nowrap;color:rgba(206,190,255,.24);font:12px/18px monospace}
.constellation-one{top:108px;right:72px}
.constellation-two{top:560px;left:42px;color:rgba(185,205,255,.20)}
.chrome-cozy .reading-wrap,.chrome-cozy .hamburger,.chrome-cozy .drawer{position:relative;z-index:1}.chrome-cozy .side-nav{z-index:40}
.chrome-cozy .cozy-divider span{background:rgba(205,188,255,.24)}
.chrome-cozy .cozy-divider b{color:rgba(220,204,255,.72);font-size:13px;letter-spacing:3px}
.dog-thought-divider small{display:block;margin-bottom:1px;color:rgba(204,186,255,.48);font-size:10px;letter-spacing:4px}

/* Minimal chrome removes atmosphere while preserving hierarchy and content. */
.chrome-minimal{background:#0a1120}
.chrome-minimal .side-nav,.chrome-minimal .drawer{background:#0c1226;border-color:rgba(160,171,199,.16);box-shadow:none;backdrop-filter:none}
.chrome-minimal .hamburger{background:rgba(12,18,38,.96);border-color:rgba(160,171,199,.18);backdrop-filter:none}
.chrome-minimal .side-brand{color:#e5e9f3}
.chrome-minimal .woofmap-title{font-size:38px;color:#f2f4f8}
.chrome-minimal .controls{background:rgba(14,20,39,.72);border-color:rgba(160,171,199,.14);box-shadow:none;backdrop-filter:none}
.chrome-minimal .side-motif{display:none}

@media(max-width:760px){
  .section-body{padding:8px 8px 12px}
  .constellation{display:none}
  .chrome-minimal .woofmap-title{font-size:32px}
}

/* v0.7.7b mobile navigation + glass parity hotfix. */
.chrome-cozy .reading-wrap{position:relative;z-index:1}
.chrome-cozy .hamburger{position:fixed;z-index:70}
.chrome-cozy .drawer-shade{position:fixed;z-index:79;pointer-events:auto}
.chrome-cozy .drawer{position:fixed;z-index:80;pointer-events:auto}
.hamburger{position:fixed;z-index:70;touch-action:manipulation}
.drawer-shade{position:fixed;z-index:79;pointer-events:auto;touch-action:manipulation}
.drawer{position:fixed;z-index:80;pointer-events:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.drawer button,.drawer [role="button"]{pointer-events:auto;touch-action:manipulation}
@media(max-width:760px){
  .card{
    background:linear-gradient(150deg,rgba(30,36,88,.24),rgba(7,15,42,.16));
    -webkit-backdrop-filter:blur(18px) saturate(130%);
    backdrop-filter:blur(18px) saturate(130%);
    border-color:rgba(215,202,255,.30);
  }
}

/* v0.8.0 My Dogs MVP */
.secondary-reading-button{background:rgba(92,72,155,.48);border:1px solid rgba(180,153,255,.24)}.pack-reading-status.birth-ready{color:#d7cff2;background:rgba(80,64,137,.48)}
.place-combobox{position:relative}.place-combobox input{padding-right:42px}.place-spinner{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#c9b5ff;animation:place-pulse .8s ease-in-out infinite alternate}.place-results{position:relative;z-index:4;display:grid;margin-top:7px;max-height:205px;overflow:auto;border:1px solid rgba(180,153,255,.3);border-radius:12px;background:#101534;box-shadow:0 14px 28px rgba(4,7,24,.45)}.place-results button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:11px 13px;border:0;border-bottom:1px solid rgba(180,153,255,.12);background:transparent;color:#eee9fb;text-align:left;font:inherit;cursor:pointer}.place-results button:last-child{border-bottom:0}.place-results button:hover,.place-results button:focus-visible{background:rgba(116,84,216,.3);outline:0}.place-results small{margin:0;color:#a990ff;white-space:nowrap}.place-search-message{margin:7px 0 0;color:#d8c8ff;font-size:11px}.geoapify-attribution{display:inline-block;margin-top:7px;color:#a990ff;font-size:10px}.geoapify-attribution:hover{color:#d8c8ff}@keyframes place-pulse{from{opacity:.35;transform:translateY(-50%) scale(.82)}to{opacity:1;transform:translateY(-50%) scale(1.08)}}
.pack-dialog.dogboarding-dialog{width:min(620px,calc(100% - 30px))}
@media(max-width:560px){.pack-dialog.dogboarding-dialog{top:15px;transform:translateX(-50%);max-height:calc(100vh - 30px)}}
.dogboarding-dialog{width:min(620px,calc(100% - 30px));max-height:calc(100vh - 30px);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(180,153,255,.72) rgba(8,13,43,.48);scrollbar-gutter:stable}.dogboarding-dialog::-webkit-scrollbar{width:11px}.dogboarding-dialog::-webkit-scrollbar-track{margin:18px 0;border-radius:999px;background:rgba(8,13,43,.48)}.dogboarding-dialog::-webkit-scrollbar-thumb{min-height:44px;border:3px solid transparent;border-radius:999px;background:linear-gradient(#8f6ff4,#b49aff) padding-box}.dogboarding-dialog::-webkit-scrollbar-thumb:hover{background:linear-gradient(#a68aff,#c6adff) padding-box}.dogboarding-dialog::-webkit-scrollbar-button{display:none;width:0;height:0}.dogboarding-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.dogboarding-top small,.dogboarding-review small{color:#a990ff;font-size:10px;font-weight:900;letter-spacing:1px}.dogboarding-close{border:0;background:transparent;color:#d9d0ee;font-size:28px;cursor:pointer}.dogboarding-progress{height:5px;margin:14px 0 18px;border-radius:99px;background:rgba(155,123,255,.14);overflow:hidden}.dogboarding-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7454d8,#cf8cff);transition:width .2s ease}.dogboarding-help{margin:0 0 20px;color:#b8b1c9;line-height:1.55}.dogboarding-dialog fieldset{border:0;padding:0;margin:19px 0}.dogboarding-dialog legend{margin-bottom:9px;color:#eee9fb;font-size:12px;font-weight:900}.dogboarding-options,.dogboarding-avatars{display:flex;flex-wrap:wrap;gap:9px}.dogboarding-choice,.dogboarding-avatar{border:1px solid rgba(180,153,255,.28);border-radius:12px;background:rgba(11,18,48,.75);color:#d7d0e5;padding:10px 13px;font:inherit;cursor:pointer}.dogboarding-choice.selected,.dogboarding-avatar.selected{border-color:#b49aff;background:rgba(116,84,216,.4);box-shadow:0 0 0 2px rgba(155,123,255,.16)}.dogboarding-avatar{width:54px;height:50px;padding:5px;font-size:26px}.dogboarding-birth-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dogboarding-place{grid-column:1 / -1}.dogboarding-place small{display:block;margin-top:7px;color:#8f89a3;font-size:10px}.dogboarding-notice,.dogboarding-contract-note{padding:15px;border-radius:14px;background:rgba(116,84,216,.14);border:1px solid rgba(180,153,255,.2);color:#cfc6df}.dogboarding-notice p{margin:5px 0 0;line-height:1.5}.dogboarding-review{display:grid;gap:14px}.review-dog,.review-birth{display:flex;align-items:center;gap:15px;padding:16px;border-radius:16px;background:rgba(11,18,48,.65);border:1px solid rgba(180,153,255,.16)}.review-dog>span{font-size:38px}.review-dog h3{margin:3px 0;color:#fff;font-size:22px}.review-dog p,.review-birth p{margin:3px 0;color:#b8b1c9}.review-birth{display:block}.review-birth b{display:block;margin-top:5px}.review-birth em{color:#a990ff;font-size:11px}.dogboarding-contract-note{font-size:12px;line-height:1.5}.dogboarding-choice:focus-visible,.dogboarding-avatar:focus-visible,.dogboarding-close:focus-visible{outline:3px solid #d8c8ff;outline-offset:3px}@media(max-width:560px){.dogboarding-birth-grid{grid-template-columns:1fr}.dogboarding-place{grid-column:auto}.dogboarding-dialog{top:15px;transform:translateX(-50%);max-height:calc(100vh - 30px)}}
.dogboarding-time-intro,.dogboarding-future-note{padding:15px;border:1px solid rgba(180,153,255,.18);border-radius:15px;background:rgba(11,18,48,.52)}.dogboarding-time-intro h3{margin:0 0 8px;color:#f4efff;font-size:16px}.dogboarding-time-intro p,.dogboarding-future-note p{margin:7px 0 0;color:#bbb4ca;font-size:12px;line-height:1.55}.dogboarding-time-choices{display:grid;gap:8px}.dogboarding-time-choice{display:grid;gap:3px;width:100%;padding:11px 13px;border:1px solid rgba(180,153,255,.25);border-radius:13px;background:rgba(11,18,48,.72);color:#ece7f7;text-align:left;cursor:pointer}.dogboarding-time-choice small{color:#9e97ae;font-size:10px;line-height:1.4}.dogboarding-time-choice.selected{border-color:#b49aff;background:rgba(116,84,216,.34);box-shadow:0 0 0 2px rgba(155,123,255,.14)}.dogboarding-time-choice:focus-visible{outline:3px solid #d8c8ff;outline-offset:3px}.dogboarding-time-controls{margin:15px 0;padding:15px;border-radius:14px;background:rgba(116,84,216,.11)}.dogboarding-time-controls>small{display:block;margin-top:7px;color:#9e97ae;font-size:10px}.dogboarding-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pack-dialog select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(180,153,255,.35);border-radius:13px;background:#0b1230;color:#fff;font:inherit;outline:none}.pack-dialog select:focus{border-color:#b49aff;box-shadow:0 0 0 3px rgba(155,123,255,.24)}.pack-dialog select[aria-invalid="true"]{border-color:#ff9bab}.dogboarding-window-summary{margin:12px 0 0;color:#cfc6df;font-size:12px}.dogboarding-future-note{margin:15px 0}.dogboarding-future-note>b{color:#cdbdff;font-size:12px}.dogboarding-mvp-note{margin-top:15px;font-size:12px}@media(max-width:560px){.dogboarding-time-grid{grid-template-columns:1fr}.dogboarding-time-intro,.dogboarding-future-note,.dogboarding-time-controls{padding:13px}}
.review-calculation{padding:16px;border:1px solid rgba(207,140,255,.3);border-radius:16px;background:linear-gradient(135deg,rgba(116,84,216,.2),rgba(11,18,48,.72))}.review-calculation small{color:#cf9cff}.review-calculation b{display:block;margin-top:5px;color:#f5efff}.review-calculation p,.dogboarding-contract-note p{margin:5px 0 0;color:#c5bdd3;font-size:12px;line-height:1.55}.dogboarding-contract-note>b{color:#ded4f4}
.pack-dialog-shade{position:fixed;inset:0;z-index:90;background:rgba(5,8,28,.76);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pack-dialog{position:fixed;z-index:91;left:50%;top:50%;width:min(440px,calc(100% - 30px));transform:translate(-50%,-50%);padding:26px;border:1px solid rgba(187,161,255,.42);border-radius:24px;background:linear-gradient(150deg,#20204f,#0d1435);box-shadow:0 28px 90px rgba(0,0,0,.55)}.pack-dialog-icon{font-size:30px}.pack-dialog h2{margin:8px 0 6px;font-size:28px}.pack-dialog>form>p{margin:0 0 20px;color:#b8b1c9;line-height:1.55}.pack-dialog label{display:block;margin-bottom:7px;color:#eee9fb;font-size:12px;font-weight:900}.pack-dialog input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(180,153,255,.35);border-radius:13px;background:#0b1230;color:#fff;font:inherit;outline:none}.pack-dialog input:focus{border-color:#b49aff;box-shadow:0 0 0 3px rgba(155,123,255,.24)}.pack-dialog input[aria-invalid="true"]{border-color:#ff9bab}.pack-form-error{margin:8px 0 0!important;color:#ffbdc7!important;font-size:12px}.pack-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.pack-dialog-actions .chip{margin:0}.pack-dialog-actions .pack-add-button{padding:11px 15px}.pack-empty-state{border-style:dashed}.pack-account #clerk-user-button{min-width:32px;min-height:32px;display:grid;place-items:center}.pack-add-button:focus-visible,.chip:focus-visible,.pack-brand:focus-visible,.pack-reading-button:focus-visible{outline:3px solid #d8c8ff;outline-offset:3px}@media(max-width:430px){.pack-dialog{padding:21px}.pack-dialog-actions{display:grid;grid-template-columns:1fr}.pack-dialog-actions button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.my-dogs-page{overflow:hidden!important}
.pack-reading-actions{display:grid;gap:8px;margin-top:13px}.pack-reading-actions .pack-reading-button{margin-top:0;text-align:left;gap:12px}.pack-reading-button>span:first-child{display:grid;gap:2px}.pack-reading-button small{color:#ddd3fa;font-size:9px;font-weight:600;line-height:1.35}.multiple-readings .pack-reading-copy{margin-bottom:2px}
.my-dogs-page{padding:24px 28px 44px;overflow:visible}.pack-wrap{width:min(1240px,100%);margin:0 auto;position:relative;z-index:1}.pack-app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:2px 0 28px;border-bottom:1px solid rgba(180,158,255,.14)}.pack-brand{border:0;background:transparent;color:#fff;font:inherit;font-size:23px;font-weight:900;cursor:pointer;padding:8px 0}.pack-account{display:flex;align-items:center;gap:14px;color:#bdb6d1;font-size:13px}.pack-account .chip{margin:0;padding:8px 12px}.pack-hero{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:42px 0 26px}.pack-hero h1{margin:7px 0 8px;font-size:clamp(38px,6vw,62px);line-height:1;color:#fff;letter-spacing:-2px}.pack-hero h1 span{font-size:.72em}.pack-hero p{max-width:690px;margin:0;color:#c8c2d7;font-size:17px;line-height:1.65}.pack-add-button{border:1px solid rgba(205,187,255,.34);border-radius:15px;padding:13px 20px;background:linear-gradient(135deg,#7454d8,#9b7bff);color:#fff;font:inherit;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 14px 30px rgba(73,46,154,.28);transition:transform .18s ease,border-color .18s ease}.pack-add-button:hover{transform:translateY(-2px);border-color:#d8c8ff}.pack-add-button:disabled{opacity:.65;cursor:wait;transform:none}.pack-add-button span{font-size:19px;margin-right:7px}.secondary-pack-button{background:rgba(77,63,133,.35);box-shadow:none;margin:12px auto 0}.pack-message{margin:0 0 18px;padding:13px 16px;border-radius:14px;color:#d9d0ee;background:rgba(67,53,120,.42);border:1px solid rgba(179,153,255,.3)}.pack-error{border-color:rgba(255,155,171,.3)}.pack-summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:28px;margin:0 0 20px;padding:16px 20px;border:1px solid rgba(173,148,255,.17);border-radius:18px;background:rgba(14,20,52,.54);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.pack-summary>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:7px}.pack-summary b{font-size:24px;color:#fff}.pack-summary span{font-size:12px;color:#aaa3bd;text-transform:uppercase;letter-spacing:.6px;font-weight:800}.pack-summary p{justify-self:end;margin:0;color:#aaa4bd;font-size:13px;line-height:1.5}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.pack-dog-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px;border-radius:25px;background:linear-gradient(150deg,rgba(29,31,76,.9),rgba(11,18,47,.93));border:1px solid rgba(159,128,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 55px rgba(0,0,0,.23);overflow:hidden}.pack-dog-card.has-reading{border-color:rgba(170,129,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(139,91,238,.12),0 22px 55px rgba(0,0,0,.25)}.pack-card-stars{position:absolute;right:17px;top:13px;color:#ddc8ff;letter-spacing:4px;font-size:13px;opacity:.78}.pack-dog-head{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center;min-height:96px}.pack-avatar{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;font-size:48px;background:radial-gradient(circle at 35% 28%,rgba(183,157,255,.28),rgba(55,42,111,.4));border:1px solid rgba(157,118,255,.62);box-shadow:inset 0 0 25px rgba(111,76,192,.22)}.pack-dog-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pack-dog-title-row h2{margin:0;color:#fff;font-size:27px;line-height:1}.pack-role{padding:5px 8px;border-radius:999px;background:rgba(112,80,194,.25);border:1px solid rgba(163,132,245,.28);color:#cbbaff;font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:900}.pack-dog-identity p{margin:9px 0 0;color:#c7c0d6;font-size:13px;line-height:1.5}.pack-profile-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:17px 0 15px;margin-top:17px;border-top:1px solid rgba(174,151,245,.14);border-bottom:1px solid rgba(174,151,245,.14)}.pack-profile-facts>div{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center}.pack-profile-facts span{grid-row:1 / span 2;font-size:17px}.pack-profile-facts small{color:#918aa7;font-size:8px;text-transform:uppercase;letter-spacing:.5px;font-weight:800}.pack-profile-facts b{min-width:0;color:#ddd7e8;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.pack-traits{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0}.pack-traits span{padding:6px 9px;border-radius:999px;background:rgba(50,47,96,.62);color:#bfb6d5;font-size:10px;font-weight:700}.pack-reading{margin-top:auto;padding:15px;border-radius:18px;border:1px solid rgba(167,140,255,.2);background:rgba(22,27,66,.72)}.pack-reading-copy{display:grid;grid-template-columns:35px 1fr;gap:10px}.pack-reading-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(116,84,216,.2);font-size:19px}.pack-reading-copy small{display:block;color:#a990ff;font-size:8px;letter-spacing:.7px;font-weight:900}.pack-reading-copy b{display:block;margin-top:3px;color:#fff;font-size:15px}.pack-reading-copy p{margin:5px 0 0;color:#aaa4bd;font-size:11px;line-height:1.45}.pack-reading-button{width:100%;margin-top:13px;padding:11px 13px;border:0;border-radius:12px;background:linear-gradient(135deg,#7454d8,#8f6bea);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.pack-reading-button:hover{filter:brightness(1.08)}.reading-waiting{background:rgba(19,24,58,.46);border-style:dashed}.pack-reading-status{margin-top:13px;padding:10px;border-radius:11px;text-align:center;background:rgba(46,43,83,.5);color:#9992ac;font-size:10px;font-weight:800}.pack-future-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:20px;padding:20px 22px;border-radius:20px;border:1px solid rgba(166,140,255,.2);background:linear-gradient(140deg,rgba(30,31,73,.66),rgba(14,20,50,.72))}.pack-future-card>span{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:rgba(112,80,194,.22);font-size:22px}.pack-future-card h2{margin:0;color:#fff;font-size:17px}.pack-future-card p{margin:5px 0 0;color:#aaa4bd;font-size:12px}.pack-coming-soon{padding:8px 11px;border-radius:999px;color:#bcaaff;background:rgba(94,68,161,.22);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.pack-demo-note{text-align:center;margin:20px auto 0;color:#8f89a3;font-size:11px}.pack-state-card{padding:55px 24px;text-align:center;border-radius:25px;background:rgba(19,25,61,.7);border:1px solid rgba(159,128,255,.25)}.pack-state-icon{font-size:36px}.pack-state-card h2{margin:12px 0 5px}.pack-state-card p{margin:0;color:#aaa4bd}@media(max-width:980px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-dog-card:first-child{grid-column:1 / -1}.pack-summary{grid-template-columns:auto auto}.pack-summary p{grid-column:1 / -1;justify-self:start}}@media(max-width:680px){.my-dogs-page{padding:16px 15px 32px}.pack-app-header{padding-bottom:18px}.pack-account>span{display:none}.pack-hero{align-items:flex-start;padding:30px 0 20px}.pack-hero h1{font-size:42px;letter-spacing:-1px}.pack-hero p{font-size:14px}.pack-add-button{padding:11px 14px}.pack-summary{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.pack-summary p{display:none}.pack-grid{grid-template-columns:1fr}.pack-dog-card:first-child{grid-column:auto}.pack-dog-card{padding:18px}.pack-dog-head{grid-template-columns:72px 1fr}.pack-avatar{width:70px;height:70px;font-size:41px}.pack-profile-facts{grid-template-columns:1fr;gap:10px}.pack-profile-facts>div{grid-template-columns:25px 70px 1fr}.pack-future-card{grid-template-columns:auto 1fr}.pack-coming-soon{grid-column:1 / -1;justify-self:start}}@media(max-width:430px){.pack-hero{display:grid;grid-template-columns:1fr}.pack-add-button{justify-self:start}.pack-dog-title-row h2{font-size:24px}.pack-reading{padding:13px}}