/* Shared shell and service cards. Existing routes, data and form structure stay intact. */
:root{--gs-paper:#fbf3e6;--gs-card:#fffaf1;--gs-ink:#503747;--gs-muted:#6c5864;--gs-purple:#65415c;--gs-gold:#b18b54;--gs-edge:#dfccb0}
body{background:#ece3df;color:var(--gs-ink)}
body #main{width:100%;max-width:448px!important}
body:not([data-page=home]) #main{padding:18px 18px 116px;background:var(--gs-paper)}
body .site-header{max-width:448px!important;background:#fbf6ef;border-bottom:1px solid #e5d8c5;height:80px;min-height:80px;padding:9px 18px;gap:16px}
body .site-header>a:first-child{width:180px;max-width:calc(100% - 60px);min-width:0;flex:0 1 180px}
body .site-header img{width:180px;max-width:100%;height:60px;object-fit:contain;object-position:center}
body .site-header .header-library{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;margin-left:auto;border:1px solid #dfcfb8;border-radius:12px;background:#fffaf1;color:#69475c;text-decoration:none}
.header-library svg{width:23px;height:23px;display:block}
body .site-header .mode-badge{display:none} /* The visible trial banner retains the same status. */
body .bottom-nav{width:min(100%,448px)!important;max-width:448px!important;background:#fff9ef;border-color:#e5d4be;box-shadow:0 -5px 22px #4c304411}
body .bottom-nav a:not([aria-current=page]){color:#70606f}
body .bottom-nav a[aria-current=page]{color:#563451;font-weight:700}
.rh-trial-banner{font-size:14px;line-height:1.6}
body[data-page=profile] .uxr23-profile{color:var(--gs-ink)}
body[data-page=profile] .uxr23-intro h1{color:#503747}
body[data-page=profile] .uxr23-intro h1 em{color:#936b3c}
body[data-page=profile] .uxr23-paper{background:#fffdf8;border-color:#e2d3bc;box-shadow:0 6px 22px #62445408}
body[data-page=profile] .uxr23-secondary{background:linear-gradient(145deg,#fffdf8,#faf1e3)}
body[data-page=profile] :is(.uxr23-intro p,.uxr23-section-title p,.uxr23-help,.uxr23-lunar-help,.uxr23-unknown small,.uxr23-clock label>span,.uxr23-expert summary small,.uxr23-policy small,.uxr23-boundary small){color:#6c5864}
body[data-page=profile] :is(.uxr23-calendar,.uxr23-unknown,.uxr23-time-example){background:#f5ecdf;border-color:#e1d0b9;color:#665044}
body[data-page=profile] :is(.uxr23-ampm button,.uxr23-gender button,.uxr23-boundary button){background:#fffdf8;border-color:#ddcfbb;color:#665364}
body[data-page=profile] :is(.uxr23-calendar,.uxr23-ampm,.uxr23-gender) button[aria-pressed=true]{background:#f1e7ef;border-color:#ad8b9f;color:#58384f;box-shadow:0 0 0 2px #ede0e8}
body[data-page=profile] .uxr23-profile :is(input,select){border-color:#d8c9b4;background:#fffdf8;color:#503747;accent-color:#704962}
body[data-page=profile] .uxr23-profile :is(input,select)::placeholder{color:#7c6c76}
body[data-page=profile] .uxr23-submit{background:linear-gradient(110deg,#76506b,#5c3853);border-color:#77556c;color:#fff8ec;box-shadow:0 7px 18px #603c551c}
body[data-page=profile] .uxr23-result{background:#faf2e4;border-color:#cdb58e;color:#503747}
body[data-page=profile] .uxr23-profile :is(input,select,button,summary):focus-visible{outline-color:#8b647d}
body[data-page=profile] #main .back-link{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:#755069!important}
body[data-page=profile] :is(.uxr23-step,.uxr23-label,.uxr23-section-title h2){color:#59414f!important}
body[data-page=profile] :is(.uxr23-intro>span,.uxr23-section-title>span){color:#805d34!important}
body[data-page=profile] :is(.uxr23-date label>span,.uxr23-clock label>span,.uxr23-tip,.uxr23-current,.uxr23-current small,.uxr23-clock>b){color:#725766!important}
body[data-page=profile] .uxr23-section-title>span{border-color:#e0cbaa;background:#f7ecd8}
body[data-page=profile] .uxr23-history>div{min-width:0;flex:1}
body[data-page=profile] .uxr23-history :is(strong,p){overflow-wrap:anywhere;word-break:keep-all}
.vc-panel{margin:20px 0;padding:18px;border:1px solid var(--gs-edge);border-radius:18px;background:var(--gs-card);color:var(--gs-ink);box-shadow:0 4px 16px #68434f05;font:400 15px/1.85 'Malgun Gothic',sans-serif;overflow-wrap:break-word;word-break:keep-all}
.vc-panel summary,.vc-paragraph-tools summary{position:relative;list-style:none;cursor:pointer;box-sizing:border-box;min-height:48px;padding:12px 24px 12px 0;color:var(--gs-ink);line-height:1.65;text-align:left}
.vc-panel summary::-webkit-details-marker,.vc-paragraph-tools summary::-webkit-details-marker{display:none}
.vc-panel summary:after,.vc-paragraph-tools summary:after{content:"";position:absolute;right:4px;top:22px;width:7px;height:7px;border-right:1.5px solid #876d7b;border-bottom:1.5px solid #876d7b;transform:rotate(45deg);transition:transform .16s ease}
.vc-panel details[open]>summary:after,.vc-panel[open]>summary:after,.vc-paragraph-tools details[open]>summary:after{transform:rotate(225deg)}
.vc-panel>summary{display:flex;align-items:center;gap:12px;padding-top:2px;padding-bottom:2px;min-height:52px;font-weight:500}
.vc-panel[open]>summary{margin-bottom:17px}
.gs-summary-icon{display:grid;place-items:center;width:30px;height:36px;flex:none;color:#9b7648}
.gs-summary-icon svg{display:block;width:26px;height:26px}
.gs-summary-text{display:grid;gap:3px;min-width:0;flex:1}
.gs-panel-heading{font:700 18px/1.5 Story,'Malgun Gothic',serif;letter-spacing:-.3px;color:#583b50}
.gs-panel-subtitle{display:block;font-size:14px;font-weight:400;line-height:1.65;color:var(--gs-muted)}
.gs-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;padding:1px 7px;margin-left:5px;border:1px solid #dfcdb4;border-radius:20px;background:#f6ebda;color:#715335;font:500 14px/1.6 'Malgun Gothic',sans-serif;vertical-align:middle}
.vc-panel p{font-size:15px;line-height:1.85;margin:12px 0;color:#5a4653}
.vc-panel .vc-muted{font-size:14px!important;line-height:1.8;color:#6c5864}
.vc-panel .gs-footnote{padding-top:14px;margin-top:18px;border-top:1px solid #eadbc5;font-size:14px;line-height:1.85;color:#705e68}
.vc-product{padding:0;margin:0;border-top:1px solid #e8d8c0}
.vc-product>summary{display:flex;align-items:center;gap:10px;padding:17px 24px 17px 0;font-size:16px;font-weight:650}
.gs-product-icon{display:inline-flex;width:20px;height:24px;align-items:center;flex:none;color:#8b6a8e}.gs-product-icon svg{width:19px;height:22px}
.vc-product:nth-of-type(2) .gs-product-icon{color:#a25870}.vc-product:nth-of-type(3) .gs-product-icon{color:#526c82}.vc-product:nth-of-type(4) .gs-product-icon{color:#997637}.vc-product:nth-of-type(5) .gs-product-icon{color:#57745c}
.vc-product ul{margin:12px 0 16px;padding-left:20px}.vc-product li{margin:7px 0;font-size:15px;line-height:1.85}
.vc-product>details{margin:12px 0;background:#f8f0e3;border:1px solid #eadbc7;border-radius:11px;padding:0 13px}
.vc-product>details>summary{font-size:14px;font-weight:600;min-height:48px}
.vc-product>details[open]{padding-bottom:14px}.vc-product ol{padding-left:23px;margin:10px 0}
.vc-label{font-size:14px;line-height:1.5;padding:5px 8px;background:#efe4d3;border:0;border-radius:5px;color:#715333}
.vc-sample{border-left:2px solid #c5a16b;padding-left:13px;margin:18px 0!important;font-size:15px!important;line-height:1.95!important}
.vc-panel h3{font-size:17px}.vc-panel h4{font-size:15px}
.vc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.vc-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid #ceb997;border-radius:10px;background:#fffaf1;color:#65445a;font:500 14px/1.6 'Malgun Gothic',sans-serif;box-shadow:none;transform:none;white-space:normal}
.vc-button:hover{background:#f4e9da;border-color:#b8976b;box-shadow:none;transform:none}
.vc-button:focus-visible,.vc-panel summary:focus-visible,.vc-paragraph-tools summary:focus-visible{outline:2px solid #80536d;outline-offset:3px}
.vc-button svg{width:17px;height:17px;flex:none}.vc-button-primary{background:linear-gradient(110deg,#77526d,#633e59);color:#fff8ec;border-color:#815d73}.vc-button-primary:hover{background:#5d3853;color:#fff8ec}
.vc-button-quiet{border-color:transparent;background:transparent;color:#775d6b;padding-left:2px;padding-right:7px}.vc-button-quiet:hover{background:#f3e8dc;border-color:transparent}
.vc-button:disabled{background:#eee7dd;color:#70636c;border-color:#ddd0be}
.vc-status{font-size:14px;line-height:1.75;margin-top:10px;min-height:0;color:#68465c}.vc-status:empty{display:none}
#vc-reflection{background:linear-gradient(135deg,#fffaf0,#f7eddc);margin:22px 0}
#vc-reflection .vc-question{font:600 20px/1.75 Story,'Malgun Gothic',serif!important;letter-spacing:-.3px;color:#57394e;margin:17px 0!important}
#vc-reflection .vc-actions{flex-direction:row;justify-content:space-between}
#vc-trust>details{border-top:1px solid #e8d8c1;margin:0;padding:0}
#vc-trust>details>summary{font-size:15px;font-weight:600;padding-block:16px}
#vc-trust>details[open]{padding-bottom:8px}
#vc-trust>details p{margin:0 0 15px;font-size:15px;line-height:1.9}
.gs-store-info{padding:0!important;border:0!important;background:transparent!important;margin:4px 0 15px!important}
.gs-store-info>summary{padding:6px 22px 6px 0;min-height:44px;font-size:14px;font-weight:500;color:#755669}
.gs-store-info>summary:after{top:16px}.gs-store-info p{font-size:14px;line-height:1.85;background:#f4ebdf;padding:12px;border-radius:8px}
.vc-saved-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:18px 0;border-top:1px solid #e5d4bb}
.vc-saved-item small{grid-column:1/-1;display:block;font-size:14px;line-height:1.7;color:#79616d}
.vc-saved-item blockquote{grid-column:1;margin:0;padding:0 0 0 12px;border-left:2px solid #c2a16d;font-size:16px;line-height:1.85;color:#543b4c}
.vc-saved-item button{grid-column:2;align-self:center;min-width:44px;padding:8px;border-color:transparent;background:transparent;color:#7c626c;font-weight:400}
.vc-saved-item button:hover{background:#f2e7da;border-color:transparent}
.gs-empty-saved{text-align:center;padding:16px 8px 8px;color:#6c5864!important}
.vc-paragraph-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 24px}
.vc-paragraph-tools>details{margin:0;padding:0 11px;border:1px solid #dfcdb3;border-radius:10px;background:#fffaf2;min-width:0}
.vc-paragraph-tools>details[open]{grid-column:1/-1;padding-bottom:12px}
.vc-paragraph-tools summary{font-size:14px;font-weight:500;min-height:46px;padding-right:18px}
.vc-sentence-list{padding:0!important}.vc-sentence-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;margin:0;border-top:1px solid #e8d8c0}
.vc-sentence-text{font-size:15px;line-height:1.85;margin:0}.vc-sentence-list .vc-button{padding:8px;min-width:44px;font-size:14px}
.vc-paragraph-tools .vc-muted{font-size:14px!important;line-height:1.8;color:#705b68}
.vc-term{margin:14px 0}.vc-term dt{font-size:15px;font-weight:650;color:#5d3c52}.vc-term dd{font-size:15px;line-height:1.85;margin:5px 0 0;color:#604e59}
.vc-evidence-note{font-size:15px;line-height:1.85;border-color:#ddc9ae;background:#fff8e9;color:#644c5b}
.vc-panel summary:after,.vc-paragraph-tools summary:after{width:16px;height:16px;top:calc(50% - 8px);right:1px;border:0;rotate:0deg;transform:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23876d7b' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.vc-panel details[open]>summary:after,.vc-panel[open]>summary:after,.vc-paragraph-tools details[open]>summary:after{transform:rotate(180deg)}
.gs-local-notice{font-size:14px!important;line-height:1.8;color:#6f5967!important;background:#f2eade;border-color:#e4d3ba;padding:13px 15px;border-radius:12px}
.vc-panel summary:after,.vc-paragraph-tools summary:after{content:none!important}
.gs-chevron{position:absolute;right:0;top:50%;width:16px;height:16px;transform:translateY(-50%);color:#876d7b;pointer-events:none}
.vc-panel[open]>summary>.gs-chevron,.vc-panel details[open]>summary>.gs-chevron,.vc-paragraph-tools details[open]>summary>.gs-chevron{transform:translateY(-50%) rotate(180deg)}
@media(max-width:350px){.vc-panel{padding:16px 14px}.gs-panel-heading{font-size:17px}.gs-summary-icon{width:24px}.gs-summary-icon svg{width:23px}.vc-panel>summary{gap:10px}.vc-sentence-list li{grid-template-columns:1fr}.vc-sentence-list .vc-button{justify-self:start}.vc-actions{gap:8px}.vc-button{padding-inline:11px}.vc-saved-item{gap:8px}}
@media(prefers-reduced-motion:reduce){.vc-panel summary:after,.vc-paragraph-tools summary:after{transition:none}}
.gs-toc-note{font-size:14px!important;line-height:1.85!important;color:#705b66!important;padding-bottom:10px;border-bottom:1px solid #e6d6bf}
.gs-chart-unassigned>.page-intro{margin-bottom:18px}.gs-chart-unassigned .page-intro h1{color:#54384c;font-family:Story,'Malgun Gothic',serif}
.gs-chart-welcome{padding:23px 21px 19px;border:1px solid #d9c2a1;border-radius:20px;background:radial-gradient(circle at 92% 2%,#f2dfb644,transparent 44%),linear-gradient(145deg,#fffcf5,#f8efdf);box-shadow:0 6px 22px #68455209;color:#583b4e}
.gs-chart-eyebrow{display:flex;align-items:center;gap:8px;color:#82613b;font-size:14px;line-height:1.7}.gs-chart-eyebrow>span{display:grid;place-items:center;width:23px;height:23px}.gs-chart-eyebrow svg{width:20px;height:20px}
#gs-chart-title{font:700 23px/1.55 Story,'Malgun Gothic',serif;letter-spacing:-.4px;margin:11px 0 13px;color:#57384e}
.gs-chart-copy p{font-size:15px;line-height:1.85;margin:0 0 20px;color:#6c5362;word-break:keep-all;overflow-wrap:break-word}
.gs-pillar-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 10px}.gs-pillar-preview>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;min-height:70px;border:1px solid #ddc6a2;border-radius:10px 10px 5px 5px;background:linear-gradient(150deg,#fffaf0,#f2e5ce);box-shadow:inset 0 3px #e8d2ac55}.gs-pillar-preview span{font:600 18px/1.5 Story,'Malgun Gothic',serif;color:#725336}.gs-pillar-preview i{width:19px;height:1px;background:#c9a66e}
.gs-chart-caption{font-size:14px!important;line-height:1.75;color:#75606b;margin:0 0 20px!important;text-align:center;word-break:keep-all}
.gs-chart-action{margin:0 0 20px}
body #main .gs-chart-start{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:56px;padding:12px 15px;border:1px solid #9e7a66;border-radius:12px;background:linear-gradient(110deg,#78526c,#5e3a54);color:#fff6e8;font:600 15px/1.7 'Malgun Gothic',sans-serif;box-shadow:0 6px 15px #68445420;text-decoration:none;transform:none}
.gs-chart-start>span:last-child{font-size:22px;color:#efd7ab;flex:none}.gs-chart-start:hover{box-shadow:0 7px 18px #6844542a}
.gs-chart-time{text-align:center;font-size:14px!important;line-height:1.8!important;color:#715968;margin:14px 0 18px!important}
.gs-chart-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;list-style:none;padding:15px 0 0;margin:0;border-top:1px solid #e4d2b8}.gs-chart-steps li{position:relative;text-align:center;font-size:14px;line-height:1.75;color:#725735}.gs-chart-steps li+li:before{content:'›';position:absolute;left:-7px;top:0;color:#b79565}
body #rh-home[data-state=unassigned] .rh-cast .rh-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:14px 17px;border:1px solid #ad8764;border-radius:12px;background:linear-gradient(110deg,#79516c,#5d3753);box-shadow:0 7px 20px #65424d26;color:#fff4e1;text-decoration:none}
body #rh-home[data-state=unassigned] .rh-cast .rh-secondary .rh-control-label{font-size:15px;line-height:1.7;font-weight:600;color:#fff4e1}
body #rh-home[data-state=unassigned] .rh-cast .rh-secondary .rh-control-arrow{color:#f2d8a4}
body #rh-home[data-state=unassigned] .rh-cast .rh-secondary:hover{background:#5d3753;box-shadow:0 8px 22px #65424d30}
.gs-chart-start:focus-visible,body #rh-home[data-state=unassigned] .rh-cast .rh-secondary:focus-visible{outline:3px solid #ad8655;outline-offset:4px}
@media(max-width:350px){.gs-chart-welcome{padding:20px 16px 18px}#gs-chart-title{font-size:21px}.gs-pillar-preview{gap:7px}.gs-chart-start{font-size:14px}.gs-chart-steps{gap:7px}.gs-chart-steps li{font-size:14px}body #rh-home[data-state=unassigned] .rh-cast .rh-secondary{padding:13px 14px}}

/* Only the unassigned, empty shelf. Assigned shelves and owned books retain their layout. */
body[data-page=library] #main .gs-library-unassigned{position:relative;isolation:isolate;overflow:hidden;padding:27px 24px 28px;border:1px solid #d9c1a0;border-radius:21px;background:radial-gradient(ellipse at 50% 14%,#fffdf6 0,#fbf2e3 52%,#f5e8d5 100%);box-shadow:inset 0 0 0 5px #fffaf04d,0 8px 24px #67414e09;color:#56394d}
.gs-library-unassigned:before{content:'';position:absolute;inset:10px;border:1px solid #e5d2b57a;border-radius:13px;pointer-events:none;z-index:-1}
body[data-page=library] #main .gs-library-unassigned>.cat{width:150px;height:150px;object-fit:contain;display:block;margin:0 auto 16px}
body[data-page=library] #main .gs-library-unassigned>h2{font:700 21px/1.6 Story,'Malgun Gothic',serif;color:#54374b;letter-spacing:-.35px;word-break:keep-all;margin:0 0 12px}
body[data-page=library] #main .gs-library-unassigned>p{font-size:15px;line-height:1.85;color:#705867;word-break:keep-all;margin:0 auto 22px;max-width:280px}
body[data-page=library] #main .gs-library-start{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:56px;padding:13px 17px;border:1px solid #aa8265;border-radius:12px;background:linear-gradient(110deg,#79516c,#5d3753);box-shadow:0 5px 14px #65424d20;color:#fff6e8;font:600 15px/1.7 'Malgun Gothic',sans-serif;text-decoration:none;transform:none}
.gs-library-arrow{font-size:21px;line-height:1;color:#f2d8a4;flex:none}
body[data-page=library] #main .gs-library-start:hover{background:#5d3753;box-shadow:0 7px 17px #65424d28}
body[data-page=library] #main .gs-library-start:focus-visible{outline:3px solid #ad8655;outline-offset:4px}
@media(max-width:350px){body[data-page=library] #main .gs-library-unassigned{padding:23px 20px 24px}body[data-page=library] #main .gs-library-unassigned>h2{font-size:20px}body[data-page=library] #main .gs-library-start{padding:13px 14px}}

body[data-page=library] #main .uxr21-lib-subtitle{margin:25px 0 14px;line-height:1.6}
