@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#fff8f2;--panel:#ffffff;--ink:#2f2624;--muted:#8b746c;--line:#eadbd2;--accent:#d88b6f;--accent-2:#f3d7c5;--soft:#f9eee8;--shadow:0 20px 60px rgba(77,54,45,.10);--radius:28px;--font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fff0df 0,#fff8f2 36%,#f8eee7 100%);font-family:var(--font-sans);color:var(--ink)}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:260px;padding:28px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--ink);color:#fff}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 16px;border-radius:18px;color:var(--muted);font-weight:650}.sidebar nav a.active,.sidebar nav a:hover{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.profile-mini{margin-top:auto;background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:22px;padding:14px;display:flex;gap:12px;align-items:center}.profile-mini a{font-size:13px;color:var(--muted)}.avatar{width:42px;height:42px;border-radius:50%;background:var(--avatar,#d88b6f);display:grid;place-items:center;color:#fff;font-weight:800}.main{flex:1;padding:34px;max-width:1180px;margin:0 auto;width:100%}.main.centered{display:grid;place-items:center;max-width:none}.hero{background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:36px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:var(--accent-2);opacity:.8}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.14em}.hero h1,.page-title{font-size:clamp(34px,5vw,64px);line-height:.96;margin:12px 0 14px;letter-spacing:-.06em}.sub{color:var(--muted);font-size:17px;max-width:640px;line-height:1.6}.grid{display:grid;gap:20px}.two{grid-template-columns:1.25fr .75fr}.three{grid-template-columns:repeat(3,1fr)}.card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.section{margin-top:22px}.input,.textarea,.select{width:100%;border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px 16px;font:inherit;color:var(--ink);outline:none}.textarea{min-height:120px;resize:vertical;line-height:1.6}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #d88b6f22}.btn{border:0;background:var(--ink);color:#fff;border-radius:18px;padding:14px 18px;font-weight:800;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:var(--soft);color:var(--ink)}.btn.ghost{background:transparent;color:var(--muted)}.btn.full{width:100%}.stack{display:grid;gap:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.movie-results{display:grid;gap:10px;margin-top:10px}.movie-option{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);background:#fff;border-radius:18px;cursor:pointer}.movie-option img,.poster{width:56px;height:78px;object-fit:cover;border-radius:12px;background:var(--soft)}.poster.big{width:120px;height:174px}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--soft);padding:8px 12px;color:#6b5149;font-size:13px;font-weight:750}.emotion-list{display:flex;gap:8px;flex-wrap:wrap}.emotion{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 13px;cursor:pointer;color:var(--muted);font-weight:750}.emotion.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.modal-backdrop{position:fixed;inset:0;background:rgba(47,38,36,.34);display:none;align-items:center;justify-content:center;padding:18px;z-index:20}.modal{background:#fff;border-radius:32px;padding:26px;max-width:560px;width:100%;box-shadow:0 30px 100px rgba(47,38,36,.25)}.modal-backdrop.show{display:flex}.prompt-emoji{font-size:44px}.journal-entry{display:grid;grid-template-columns:74px 1fr;gap:14px}.journal-entry img{width:74px;height:104px;border-radius:16px;object-fit:cover}.memory-card{background:linear-gradient(135deg,#fff,#fff0e5);border:1px solid var(--line);border-radius:30px;padding:24px}.share-card-preview{aspect-ratio:1/1.25;border-radius:34px;background:linear-gradient(160deg,#2f2624,#7c5042);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between;min-height:430px}.share-card-preview .quote{font-size:28px;line-height:1.15;letter-spacing:-.04em}.slider-row{display:grid;grid-template-columns:130px 1fr 42px;gap:12px;align-items:center}.slider-row input{accent-color:var(--accent)}.book-page{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:48px;border-radius:18px}.book-cover{text-align:center;min-height:420px;display:grid;place-items:center;background:linear-gradient(135deg,#fff7ed,#efd4c6);border-radius:24px;margin-bottom:34px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 16px;border-radius:14px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.auth-card{width:min(460px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow)}.small{font-size:13px}.divider{height:1px;background:var(--line);margin:16px 0}@media(max-width:860px){.shell{display:block}.sidebar{height:auto;width:auto;position:relative;padding:18px;gap:16px}.sidebar nav{grid-template-columns:repeat(5,1fr);overflow:auto}.sidebar nav a{white-space:nowrap;text-align:center;font-size:13px}.profile-mini{display:none}.main{padding:18px}.two,.three{grid-template-columns:1fr}.hero{padding:24px}.journal-entry{grid-template-columns:58px 1fr}.journal-entry img{width:58px;height:82px}.slider-row{grid-template-columns:1fr}.book-page{padding:22px}.share-card-preview .quote{font-size:22px}}@media print{body{background:white}.sidebar,.no-print,.btn{display:none!important}.main{padding:0}.book-page{box-shadow:none;border:0;border-radius:0}.shell{display:block}}

/* 2026-07-02 masculine brown refresh + admin */
:root{--bg:#f4eee6;--panel:#fffdf9;--ink:#2b241f;--muted:#76665c;--line:#dacbbb;--accent:#9b6542;--accent-2:#d2b08f;--soft:#eee2d4;--shadow:0 18px 50px rgba(43,36,31,.12);--radius:20px}
body{background:linear-gradient(135deg,#f4eee6 0,#eee2d4 55%,#e5d2bd 100%)}
.hero:after{border-radius:18px;transform:rotate(12deg);background:#d2b08f;opacity:.35}.avatar{border-radius:12px}.brand-mark{border-radius:10px}.sidebar nav a,.card,.hero,.modal,.movie-option,.input,.textarea,.select,.btn,.memory-card,.share-card-preview,.book-cover,.auth-card{border-radius:var(--radius)}.pill,.emotion{border-radius:10px}.memory-card{background:linear-gradient(135deg,#fffdf9,#ead8c3)}.book-cover{background:linear-gradient(135deg,#fffdf9,#d7bea3)}.eyebrow{color:#8a5638}.btn.secondary{background:#ead8c3}.share-card-preview{background:linear-gradient(160deg,#2b241f,#6f4931)}.poster-gradient{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(20,16,13,.88),rgba(93,58,35,.72)),var(--poster);background-size:cover;background-position:center}.poster-gradient:before{content:"";position:absolute;inset:-20px;background:var(--poster);background-size:cover;background-position:center;filter:blur(22px);transform:scale(1.1);opacity:.38}.poster-gradient>*{position:relative;z-index:1}.admin-viewing{margin-bottom:16px;border-style:dashed}.table-wrap{width:100%;overflow:auto}.admin-table{width:100%;border-collapse:collapse;background:#fffdf9}.admin-table th,.admin-table td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:middle}.admin-table th{background:#ead8c3;color:#2b241f}.tiny-poster{width:42px;height:58px;object-fit:cover;border-radius:8px}.cell-input{width:100%;border:0;background:transparent;padding:10px;font:inherit;outline:1px solid transparent}.cell-input:focus{outline:2px solid var(--accent);background:#fff}.code-box{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:220px}.report-btn{border:0;cursor:pointer}.ad-slot{border:1px dashed var(--line);padding:14px;text-align:center;color:var(--muted);background:#fffdf9;border-radius:14px;margin:14px 0}

/* Filmologia+ updates */
.share-card-preview{width:min(100%,432px);aspect-ratio:4/5;min-height:0;margin:auto}.share-card-preview.square{aspect-ratio:1/1}.share-card-preview.story{aspect-ratio:9/16}.share-card-actions{align-items:stretch}.slider-row{grid-template-columns:120px minmax(140px,320px) 46px;max-width:560px}.emotion-slider{width:100%}.slider-help{font-size:12px;color:var(--muted)}.watermark-pro{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-weight:900;font-size:clamp(32px,7vw,74px);letter-spacing:-.05em;color:rgba(43,36,31,.14);transform:rotate(-18deg);pointer-events:none;z-index:5}.template-card{position:relative;overflow:hidden}.template-locked{filter:grayscale(.2);opacity:.72}.template-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.size-chip input{margin-right:8px}.word-chip{cursor:grab}.drop-emotion{min-height:44px;border:1px dashed var(--line);padding:10px;border-radius:14px;background:#fff}.drop-emotion.dragover{outline:3px solid #9b654244}.admin-actions{white-space:nowrap}
@media print{.share-card-preview{width:1080px;max-width:100%;box-shadow:none;border-radius:0}.watermark-pro{display:grid!important}}

/* Social privacy + public journals */
.spoiler{display:inline-block;background:var(--ink);color:transparent;border-radius:6px;padding:0 4px;cursor:pointer;user-select:none}.spoiler.revealed{background:#ead8c3;color:var(--ink);user-select:text}.like-btn.liked,.profile-like-btn.liked{background:var(--ink);color:#fff}.share-toggle{accent-color:var(--accent)}

/* 2026-07-03 social white refresh */
:root{--bg:#ffffff;--panel:#ffffff;--ink:#231f20;--muted:#6f6762;--line:#ece3dc;--accent:#9b6542;--accent-2:#f4dfcc;--soft:#f8f3ef;--shadow:0 10px 32px rgba(35,31,32,.08);--radius:18px}
body{background:#fff;color:var(--ink)}
.hero,.card,.profile-mini,.auth-card,.modal,.memory-card{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.memory-card{background:#fff}.sidebar{background:#fff;border-right:1px solid var(--line)}.sidebar nav a.active,.sidebar nav a:hover{background:#f8f3ef}.brand-mark,.btn{background:#231f20}.btn.secondary,.pill{background:#f8f3ef;color:#51433d}.hero:after{background:#f4dfcc;opacity:.65}.admin-table{background:#fff}.admin-table th{background:#f8f3ef}.movie-option{background:#fff}.book-cover{background:linear-gradient(135deg,#fff,#f4dfcc)}
.feed-list{display:grid;gap:14px;max-width:760px;margin-left:auto;margin-right:auto}.feed-post{border-radius:22px}.feed-author{display:flex;gap:12px;align-items:center;margin-bottom:14px}.feed-author .avatar{width:44px;height:44px;border-radius:50%}.feed-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.feed-body{grid-template-columns:86px 1fr}.feed-body img{width:86px;height:122px;border-radius:16px}.pro-row{background:#fffaf2}.pending-row{outline:2px solid #e0a458}.pro-note{background:#fffaf2}.template-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}
@media(max-width:860px){.sidebar{border-right:0;border-bottom:1px solid var(--line)}.feed-actions{margin-left:0;width:100%}.feed-author{align-items:flex-start;flex-wrap:wrap}.feed-body{grid-template-columns:68px 1fr}.feed-body img{width:68px;height:96px}}
.modal[data-tone]{border-top:7px solid #a8785d}.modal[data-tone="bright"],.modal[data-tone="funny"],.modal[data-tone="energized"],.modal[data-tone="relieved"]{border-top-color:#d59b45}.modal[data-tone="tender"],.modal[data-tone="warm"],.modal[data-tone="romantic"],.modal[data-tone="comforted"],.modal[data-tone="grateful"]{border-top-color:#c98282}.modal[data-tone="shadow"],.modal[data-tone="terrified"],.modal[data-tone="haunted"],.modal[data-tone="unsettled"]{border-top-color:#5a5366}.modal[data-tone="wonder"],.modal[data-tone="awe"],.modal[data-tone="curious"],.modal[data-tone="mind-blown"]{border-top-color:#5d86a8}.modal[data-tone="peaceful"],.modal[data-tone="soft"],.modal[data-tone="reflective"],.modal[data-tone="seen"]{border-top-color:#6e9b87}.modal[data-tone="heartbroken"],.modal[data-tone="melancholy"],.modal[data-tone="lonely"],.modal[data-tone="bittersweet"],.modal[data-tone="homesick"]{border-top-color:#8d7894}.modal[data-tone="charged"],.modal[data-tone="empowered"],.modal[data-tone="protective"]{border-top-color:#b45f4d}


/* 2026-07-03 Filmologia UX + discovery patch */
.discover-dark{background:#151312;color:#f7efe7}.discover-dark .sidebar{background:#171413}.discover-dark .sidebar nav a{color:#c5b5aa}.discover-dark .card,.discover-dark .hero,.discover-dark .discover-panel{background:rgba(30,27,25,.92);border-color:#3b332f;color:#f7efe7}.discover-dark .sub,.discover-dark .muted{color:#cbbcaf}.dark-hero{background:radial-gradient(circle at top left,#403129,#151312 68%);border-color:#4a3931;color:#fff}.discover-card{transition:.18s;min-height:190px}.discover-card:hover{transform:translateY(-2px)}.algorithm-note{max-width:980px}.soft-card{background:var(--soft);box-shadow:none}.emotion{display:inline-flex;align-items:center;gap:6px}.emotion span{font-size:18px}.modal{max-height:92vh;overflow:auto}.modal .emotion-list{max-height:150px;overflow:auto;padding-right:4px}.missing-poster-panel{background:#fff9ed}.missing-poster-row td{background:#fff8e5}.ad-slot{display:grid;gap:6px;justify-items:center}.ad-slot [data-admob-placeholder],.ad-slot strong{font-size:13px}.install-app-btn{position:fixed;right:18px;bottom:18px;border:0;background:var(--ink);color:#fff;border-radius:999px;padding:12px 16px;font-weight:800;box-shadow:var(--shadow);z-index:15}.feed-list{max-width:980px;margin-left:auto;margin-right:auto}.feed-post{width:100%;min-height:210px}.feed-body{grid-template-columns:104px 1fr}.feed-body img{width:104px;height:146px}.feed-author{display:flex;align-items:center;gap:12px;margin-bottom:16px}.feed-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.bar{height:12px;background:var(--soft);border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:999px}.movie-reflection{border-top:1px solid var(--line);padding-top:14px}.movie-about{color:#fff}.movie-about .sub{color:#eadbd2}.movie-about-head{align-items:flex-start}.spoiler{background:#2b241f;color:transparent;border-radius:6px;padding:0 4px;cursor:pointer}.spoiler.revealed{color:#fff}@media(min-width:1000px){.people-wide .main{max-width:1320px}.feed-list{max-width:1100px}.feed-post{padding:30px}.feed-body{grid-template-columns:130px 1fr}.feed-body img{width:130px;height:184px}}@media(max-width:860px){.feed-body{grid-template-columns:68px 1fr}.feed-body img{width:68px;height:96px}.feed-actions{margin-left:0}.movie-about-head{display:grid}.modal .emotion-list{max-height:190px}.install-app-btn{right:14px;bottom:14px}}


/* 2026-07-04 UX cleanup patch */
.discover-hero,.discover-panel{background:rgba(255,255,255,.82)!important;color:var(--ink)!important;border-color:var(--line)!important}.discover-hero .sub,.discover-panel .muted{color:var(--muted)!important}
.simple-slider{grid-template-columns:42px 130px 1fr 42px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 12px}.simple-slider .slider-emoji{font-size:24px;line-height:1}.simple-slider input{height:6px}.simple-slider input::-webkit-slider-thumb{width:20px;height:20px}.discover-card{grid-template-columns:92px 1fr;align-items:flex-start}.discover-card img{width:92px;height:132px}.discover-title{font-size:clamp(22px,2.2vw,32px);line-height:1.05;letter-spacing:-.04em}.emotion-match{display:inline-flex;width:max-content;background:var(--ink);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;margin:8px 0}.discover-meta{font-size:12px;margin:4px 0}.discover-attributes .pill{font-size:12px;padding:6px 9px;background:#fff8f2}.about-link{font-size:12px;color:var(--muted);padding:6px 0}.discover-about{font-size:13px;color:var(--muted);margin-top:8px}.discover-reflection{font-size:14px;line-height:1.45}.emotion.emoji-only{width:46px;height:46px;padding:0;justify-content:center;position:relative;border-radius:14px}.emotion.emoji-only span{font-size:24px}.emotion.emoji-only small{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:4px;background:var(--ink);color:#fff;border-radius:999px;padding:3px 7px;font-size:11px;white-space:nowrap;z-index:2}.modal{max-width:min(720px,calc(100vw - 30px))}.small-modal{max-width:420px}.modal .emotion-list{max-height:none;overflow:visible;gap:14px 8px;padding-bottom:20px}.feed-list{max-width:920px}.feed-post{min-height:0!important;padding:18px!important}.feed-author{margin-bottom:10px!important}.feed-body{grid-template-columns:76px 1fr!important}.feed-body img{width:76px!important;height:108px!important}.feed-body h2{font-size:18px;margin:2px 0 6px}.feed-body p{margin:6px 0;line-height:1.45}.ad-slot{min-height:82px;border:2px dashed #d5c2b7;background:#fffdf9}.ad-slot.native-ad{margin:22px auto;max-width:760px}.pro-upsell{background:linear-gradient(135deg,#fffaf2,#ead8c3);border:1px solid var(--line);border-radius:22px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:860px){.simple-slider{grid-template-columns:36px 1fr 42px}.simple-slider strong{grid-column:2}.simple-slider input{grid-column:1 / 4}.discover-card{grid-template-columns:72px 1fr}.discover-card img{width:72px;height:104px}.feed-body{grid-template-columns:58px 1fr!important}.feed-body img{width:58px!important;height:82px!important}.feed-post{padding:14px!important}.modal{max-width:calc(100vw - 20px);padding:20px}}

/* 2026-07-04 visual redesign: cinematic dark Filmologia theme */
:root{
  --bg:#0b0d0f;
  --panel:#15181b;
  --panel-2:#1b1f23;
  --ink:#f7efe3;
  --muted:#a9a19a;
  --line:#2b3136;
  --accent:#e4b766;
  --accent-2:#7a5a2d;
  --soft:#20252a;
  --shadow:0 22px 70px rgba(0,0,0,.38);
  --radius:18px;
}

/* Reflection editors grow with their content; the modal handles viewport scrolling. */
#journalText,
#followUpText {
    height:auto;
    overflow-y:hidden;
    resize:none;
}

.series-toggle{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.series-toggle.compact{padding:8px 10px;font-size:13px;white-space:nowrap}
.series-toggle input{accent-color:var(--accent)}
.series-episode-fields{border-style:dashed!important}
.series-episode-list{display:grid;gap:8px;margin-top:12px;max-height:360px;overflow:hidden}
.series-episode-entry{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:9px 11px;border:1px solid #eef2f7;border-radius:12px;background:rgba(255,255,255,.72)}
.series-episode-entry strong{font-size:12px;color:#007a76!important}
.series-episode-entry span{font-size:11px;color:#64748b;font-weight:800}
.series-episode-entry p{grid-column:1/-1;margin:2px 0 0!important;font-size:12.5px!important;line-height:1.28!important;max-height:3.9em;overflow:hidden}
.public-full-reflection-page .brochure-movie-copy{overflow:auto!important;padding-right:8px}
.public-full-reflection-page .brochure-movie-copy blockquote{max-height:none!important;overflow:visible!important;font-size:clamp(14px,1.35vw,19px)!important;line-height:1.28!important}
.public-full-reflection-page .brochure-inline-note{max-height:none!important;overflow:visible!important;font-size:12.5px!important;line-height:1.34!important}
*{scrollbar-width:thin;scrollbar-color:#3a3f43 #111417}
body{
  background:
    radial-gradient(circle at 18% 0%,rgba(228,183,102,.14),transparent 32%),
    radial-gradient(circle at 84% 12%,rgba(119,90,48,.16),transparent 30%),
    linear-gradient(135deg,#090b0d 0%,#111417 56%,#0b0d0f 100%) !important;
  color:var(--ink) !important;
  min-height:100vh;
}
a{color:inherit}.shell{background:transparent}.main{max-width:1280px;padding:28px;width:100%}
.sidebar{
  background:rgba(14,16,18,.82)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px);
  box-shadow:18px 0 60px rgba(0,0,0,.18);
}
.brand{color:#ffe5aa;font-weight:900;letter-spacing:-.04em}.brand-mark{
  width:36px;height:36px;border-radius:10px!important;
  background:linear-gradient(135deg,#e9c878,#a97932)!important;color:#121417!important;
  box-shadow:0 10px 26px rgba(228,183,102,.18);
}
.sidebar nav a{
  color:#b9b2aa!important;border:1px solid transparent;border-radius:14px!important;
  transition:.18s ease;background:transparent!important;
}
.sidebar nav a.active,.sidebar nav a:hover{
  color:#ffe6ad!important;background:linear-gradient(135deg,rgba(228,183,102,.16),rgba(255,255,255,.04))!important;
  border-color:rgba(228,183,102,.25);box-shadow:none!important;
}
.profile-mini,.card,.hero,.modal,.auth-card,.memory-card,.template-card,.movie-option,.discover-panel,.discover-hero{
  background:linear-gradient(180deg,rgba(28,32,36,.94),rgba(18,21,24,.96))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:var(--ink)!important;
  box-shadow:var(--shadow)!important;
}
.hero,.card,.modal,.auth-card{border-radius:22px!important}.hero:after{display:none}.eyebrow{color:#e4b766!important}.page-title,.hero h1,h1,h2,h3{color:#fff4dc;letter-spacing:-.045em}.sub,.muted,.small{color:var(--muted)!important}
.input,.textarea,.select,input[type="file"]{
  background:#111417!important;color:#f7efe3!important;border:1px solid #2b3136!important;border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.input::placeholder,.textarea::placeholder{color:#706c68}.input:focus,.textarea:focus,.select:focus{border-color:#d9aa55!important;box-shadow:0 0 0 4px rgba(228,183,102,.12)!important}
.btn{
  background:linear-gradient(135deg,#f3cf7b,#c99542)!important;color:#111417!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;font-weight:900;box-shadow:0 12px 26px rgba(201,149,66,.24);
}
.btn:hover{transform:translateY(-1px)}.btn.secondary,.btn.ghost{background:#1b2025!important;color:#f5dfad!important;border:1px solid #343a40!important;box-shadow:none}.btn.ghost{background:transparent!important;color:#bfb7ae!important}.pill{
  background:rgba(228,183,102,.12)!important;color:#f0c977!important;border:1px solid rgba(228,183,102,.20);border-radius:999px!important;
}
.avatar{background:linear-gradient(135deg,var(--avatar,#7aa7ff),rgba(0,0,0,.15))!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)}
.movie-option:hover,.card:hover{border-color:rgba(228,183,102,.22)!important}.poster,.movie-option img,.journal-entry img,.feed-body img,.tiny-poster{box-shadow:0 12px 30px rgba(0,0,0,.35);background:#0f1114!important}.poster.big{width:154px;height:226px;border-radius:18px}.movie-results{gap:12px}
.emotion,.emotion.emoji-only{
  background:#161a1e!important;color:#f7efe3!important;border:1px solid #30363c!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.emotion.selected,.emotion:hover{background:linear-gradient(135deg,#f3cf7b,#bb8837)!important;color:#111417!important;border-color:#e4b766!important}.emotion.emoji-only small{background:#0f1114!important;color:#f5d890!important;border:1px solid #3c3427}
.modal-backdrop{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(8px);z-index:200}.modal{max-width:min(780px,calc(100vw - 32px));padding:28px!important}.small-modal{max-width:440px}.modal [style*="border"]{border-color:#30363c!important}.divider{background:#30363c!important}
.ad-slot{
  background:linear-gradient(180deg,#191d21,#121519)!important;border:1px dashed rgba(228,183,102,.38)!important;color:#bfb7ae!important;border-radius:16px!important;min-height:76px;
}
.pro-upsell{background:linear-gradient(135deg,rgba(228,183,102,.15),rgba(32,37,42,.88))!important;border:1px solid rgba(228,183,102,.28)!important;color:#f7efe3!important}
.admin-table{background:#15181b!important;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px}.admin-table th{background:#20252a!important;color:#f2d18c!important;border-color:#30363c!important}.admin-table td{background:#15181b!important;color:#ede2d3!important;border-color:#30363c!important}.missing-poster-row td{background:#211d16!important}.table-wrap{border-radius:18px;border:1px solid #30363c;background:#15181b}.cell-input{color:#f7efe3!important}.code-box{background:#0f1214!important}
.discover-dark,.discover-dark .sidebar{background:transparent!important}.discover-card{background:linear-gradient(180deg,#1b1f23,#121519)!important;border:1px solid #2d3338!important;border-radius:18px!important;overflow:hidden;box-shadow:0 16px 46px rgba(0,0,0,.28)!important}.discover-card:hover{transform:translateY(-4px);border-color:rgba(228,183,102,.38)!important}.discover-title{font-size:clamp(25px,2.5vw,36px)!important;color:#fff2d8!important}.emotion-match{background:linear-gradient(135deg,#eec86f,#a6752d)!important;color:#111417!important;box-shadow:0 10px 22px rgba(228,183,102,.22)}.discover-attributes .pill{background:#20252a!important;color:#d3c1a8!important;border-color:#333940!important}.discover-about,.about-link{color:#a9a19a!important}.bar{background:#272d32!important}.bar span{background:linear-gradient(90deg,#7f6132,#f0c977)!important}.movie-about{background:radial-gradient(circle at top left,rgba(228,183,102,.12),transparent 36%),linear-gradient(180deg,#1b1f23,#121519)!important;color:#f7efe3!important}.movie-about .sub{color:#bfb7ae!important}.movie-reflection{border-color:#30363c!important}
.feed-list{max-width:980px}.feed-post{background:linear-gradient(180deg,#1b1f23,#121519)!important;border:1px solid #2d3338!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(0,0,0,.24)!important}.feed-body h2,.feed-body h3{color:#fff2d8!important}.feed-actions .pill{background:#171b1f!important}.spoiler{background:#d4a24d!important;color:transparent!important;border-radius:7px}.spoiler.revealed{background:#2a3035!important;color:#f7efe3!important}.share-card-preview{background:linear-gradient(160deg,#111417,#342412 55%,#8a642e)!important;border:1px solid rgba(228,183,102,.28);box-shadow:var(--shadow)}.book-page{background:#15181b!important;border-color:#30363c!important;color:#f7efe3!important}.book-cover{background:linear-gradient(135deg,#171b1f,#6f4f22)!important;color:#fff4dc!important}.toast{background:#e4b766!important;color:#111417!important}.install-app-btn{background:linear-gradient(135deg,#f3cf7b,#c99542)!important;color:#111417!important}
@media(min-width:1100px){
  body:not(.admin-page) .shell{display:block}.sidebar{width:100%;height:auto;position:sticky;z-index:50;top:0;display:flex;flex-direction:row;align-items:center;padding:14px 28px;gap:28px}.sidebar nav{display:flex;gap:4px;flex:1}.sidebar nav a{padding:10px 14px;font-size:14px}.profile-mini{margin-left:auto;margin-top:0;background:transparent!important;box-shadow:none!important;padding:6px 0;border:0!important}.main{padding:28px 36px}.brand{font-size:22px}.profile-mini strong{display:none}
}
@media(max-width:860px){
  .sidebar{background:rgba(14,16,18,.94)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-right:0!important}.main{padding:16px}.hero,.card,.modal{border-radius:18px!important}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{min-width:max-content;font-size:13px}.three,.two{grid-template-columns:1fr!important}.poster.big{width:112px;height:164px}.modal{padding:20px!important}.discover-title{font-size:22px!important}
}

/* 2026-07-04 visual redesign: light cinematic Filmologia theme */
:root{
  --bg:#f7f1e8;
  --panel:#fffdf8;
  --panel-2:#f3eadc;
  --ink:#231d18;
  --muted:#7c6f63;
  --line:#e3d5c4;
  --accent:#b98235;
  --accent-2:#f0d39b;
  --soft:#f7ead8;
  --shadow:0 18px 55px rgba(63,45,28,.12);
  --radius:18px;
}
*{scrollbar-width:thin;scrollbar-color:#c9a879 #f6ecdc}
body{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,222,165,.55),transparent 34%),
    radial-gradient(circle at 84% 10%,rgba(185,130,53,.14),transparent 32%),
    linear-gradient(135deg,#fffaf2 0%,#f7f0e6 54%,#efe1ce 100%) !important;
  color:var(--ink)!important;
  min-height:100vh;
}
.shell{background:transparent}.main{max-width:1280px;padding:28px;width:100%}
.sidebar{
  background:rgba(255,252,247,.88)!important;
  border-right:1px solid rgba(98,74,47,.12)!important;
  backdrop-filter:blur(18px);
  box-shadow:18px 0 50px rgba(70,47,24,.08);
}
.brand{color:#6f491e;font-weight:900;letter-spacing:-.04em}.brand-mark{
  width:36px;height:36px;border-radius:10px!important;
  background:linear-gradient(135deg,#e6b85f,#8f6128)!important;color:#fffaf2!important;
  box-shadow:0 10px 22px rgba(137,91,38,.18);
}
.sidebar nav a{color:#766a5f!important;border:1px solid transparent;border-radius:14px!important;transition:.18s ease;background:transparent!important}
.sidebar nav a.active,.sidebar nav a:hover{color:#5b3718!important;background:linear-gradient(135deg,rgba(227,181,99,.24),rgba(255,255,255,.72))!important;border-color:rgba(169,111,43,.22);box-shadow:none!important}
.profile-mini,.card,.hero,.modal,.auth-card,.memory-card,.template-card,.movie-option,.discover-panel,.discover-hero{
  background:linear-gradient(180deg,rgba(255,253,248,.96),rgba(249,241,231,.94))!important;
  border:1px solid rgba(117,83,42,.14)!important;
  color:var(--ink)!important;
  box-shadow:var(--shadow)!important;
}
.hero,.card,.modal,.auth-card{border-radius:22px!important}.hero:after{display:none}.eyebrow{color:#a46f2b!important}.page-title,.hero h1,h1,h2,h3{color:#241a12;letter-spacing:-.045em}.sub,.muted,.small{color:var(--muted)!important}
.input,.textarea,.select,input[type="file"]{background:#fffdf8!important;color:#241a12!important;border:1px solid #dfcfba!important;border-radius:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.input::placeholder,.textarea::placeholder{color:#9a8d80}.input:focus,.textarea:focus,.select:focus{border-color:#b98235!important;box-shadow:0 0 0 4px rgba(185,130,53,.15)!important}
.btn{background:linear-gradient(135deg,#e8bd67,#b98235)!important;color:#fffaf2!important;border:1px solid rgba(116,71,24,.12)!important;border-radius:14px!important;font-weight:900;box-shadow:0 12px 24px rgba(185,130,53,.22)}
.btn:hover{transform:translateY(-1px)}.btn.secondary,.btn.ghost{background:#fff4df!important;color:#6a421c!important;border:1px solid #e0caa8!important;box-shadow:none}.btn.ghost{background:transparent!important;color:#7c6f63!important}.pill{background:rgba(185,130,53,.12)!important;color:#8d5f24!important;border:1px solid rgba(185,130,53,.20);border-radius:999px!important}
.avatar{background:linear-gradient(135deg,var(--avatar,#7aa7ff),rgba(0,0,0,.15))!important;color:#fffaf2!important;border:1px solid rgba(116,71,24,.10)}
.movie-option:hover,.card:hover{border-color:rgba(185,130,53,.28)!important}.poster,.movie-option img,.journal-entry img,.feed-body img,.tiny-poster{box-shadow:0 12px 28px rgba(68,43,20,.16);background:#f1e4d4!important}.poster.big{width:154px;height:226px;border-radius:18px}.movie-results{gap:12px}
.emotion,.emotion.emoji-only{background:#fffdf8!important;color:#35291f!important;border:1px solid #dfcfba!important;border-radius:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.emotion.selected,.emotion:hover{background:linear-gradient(135deg,#efc873,#b98235)!important;color:#2b1d0f!important;border-color:#b98235!important}.emotion.emoji-only small{background:#332319!important;color:#ffe2a4!important;border:1px solid #5c4125}
.modal-backdrop{background:rgba(47,34,22,.38)!important;backdrop-filter:blur(8px);z-index:200}.modal{max-width:min(780px,calc(100vw - 32px));padding:28px!important}.small-modal{max-width:440px}.modal [style*="border"]{border-color:#dfcfba!important}.divider{background:#dfcfba!important}
.ad-slot{background:linear-gradient(180deg,#fffaf1,#f6ead9)!important;border:1px dashed rgba(185,130,53,.42)!important;color:#7c6f63!important;border-radius:16px!important;min-height:76px}
.pro-upsell{background:linear-gradient(135deg,rgba(255,229,177,.72),rgba(255,253,248,.92))!important;border:1px solid rgba(185,130,53,.28)!important;color:#241a12!important}
.admin-table{background:#fffdf8!important;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px}.admin-table th{background:#f4e3c9!important;color:#6a421c!important;border-color:#dfcfba!important}.admin-table td{background:#fffdf8!important;color:#2b2118!important;border-color:#dfcfba!important}.missing-poster-row td{background:#fff4e3!important}.table-wrap{border-radius:18px;border:1px solid #dfcfba;background:#fffdf8}.cell-input{color:#2b2118!important}.code-box{background:#fffaf2!important}
.discover-dark,.discover-dark .sidebar{background:transparent!important}.discover-card{background:linear-gradient(180deg,#fffdf8,#f7eddf)!important;border:1px solid #e0d1bd!important;border-radius:18px!important;overflow:hidden;box-shadow:0 16px 42px rgba(78,50,22,.12)!important}.discover-card:hover{transform:translateY(-4px);border-color:rgba(185,130,53,.38)!important}.discover-title{font-size:clamp(25px,2.5vw,36px)!important;color:#2a1e14!important}.emotion-match{background:linear-gradient(135deg,#eec86f,#b98235)!important;color:#241a12!important;box-shadow:0 10px 20px rgba(185,130,53,.18)}.discover-attributes .pill{background:#fff2dc!important;color:#7f5825!important;border-color:#e1c69f!important}.discover-about,.about-link{color:#806f60!important}.bar{background:#eadcc9!important}.bar span{background:linear-gradient(90deg,#b98235,#efc873)!important}.movie-about{background:radial-gradient(circle at top left,rgba(228,183,102,.28),transparent 36%),linear-gradient(180deg,#fffdf8,#f7eddf)!important;color:#241a12!important}.movie-about .sub{color:#75685c!important}.movie-reflection{border-color:#dfcfba!important}
.feed-list{max-width:980px}.feed-post{background:linear-gradient(180deg,#fffdf8,#f7eddf)!important;border:1px solid #e0d1bd!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(78,50,22,.10)!important}.feed-body h2,.feed-body h3{color:#2a1e14!important}.feed-actions .pill{background:#fff6e9!important}.spoiler{background:#b98235!important;color:transparent!important;border-radius:7px}.spoiler.revealed{background:#eadcc9!important;color:#241a12!important}.share-card-preview{background:linear-gradient(160deg,#fff7e8,#e8c98e 55%,#9b6728)!important;border:1px solid rgba(185,130,53,.28);box-shadow:var(--shadow);color:#241a12!important}.book-page{background:#fffdf8!important;border-color:#dfcfba!important;color:#241a12!important}.book-cover{background:linear-gradient(135deg,#fffaf2,#e8c98e)!important;color:#2a1e14!important}.toast{background:#241a12!important;color:#fffaf2!important}.install-app-btn{background:linear-gradient(135deg,#e8bd67,#b98235)!important;color:#fffaf2!important}
@media(min-width:1100px){
  body:not(.admin-page) .shell{display:block}.sidebar{width:100%;height:auto;position:sticky;z-index:50;top:0;display:flex;flex-direction:row;align-items:center;padding:14px 28px;gap:28px}.sidebar nav{display:flex;gap:4px;flex:1}.sidebar nav a{padding:10px 14px;font-size:14px}.profile-mini{margin-left:auto;margin-top:0;background:transparent!important;box-shadow:none!important;padding:6px 0;border:0!important}.main{padding:28px 36px}.brand{font-size:22px}.profile-mini strong{display:none}
}
@media(max-width:860px){
  .sidebar{background:rgba(255,252,247,.96)!important;border-bottom:1px solid rgba(98,74,47,.12)!important;border-right:0!important}.main{padding:16px}.hero,.card,.modal{border-radius:18px!important}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{min-width:max-content;font-size:13px}.three,.two{grid-template-columns:1fr!important}.poster.big{width:112px;height:164px}.modal{padding:20px!important}.discover-title{font-size:22px!important}
}

/* 2026-07-04 light suggestion cards, side ads, print size, digital reelboo */
.content-with-ads{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:18px;align-items:start}.side-ad{position:sticky;top:92px;min-height:360px;margin:0!important;max-width:none!important}.side-ad a{color:#8d5f24;font-weight:800}.discover-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.discover-tile{background:linear-gradient(180deg,#fffdf8,#f6ead9);border:1px solid #e0d1bd;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px rgba(78,50,22,.10);display:block;min-width:0;transition:.18s}.discover-tile:hover{transform:translateY(-3px);border-color:rgba(185,130,53,.44)}.poster-frame{position:relative;aspect-ratio:2/3;background:#eadcc9;overflow:hidden}.poster-frame img{width:100%;height:100%;object-fit:cover;display:block}.poster-frame:after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(transparent,rgba(0,0,0,.62))}.emotion-match{position:absolute;right:6px;top:6px;z-index:2;border-radius:8px!important;padding:5px 7px!important;font-size:13px!important;line-height:1!important;background:linear-gradient(135deg,#eec86f,#b98235)!important;color:#241a12!important;font-weight:900!important;box-shadow:0 8px 18px rgba(0,0,0,.22)!important}.emotion-match small{display:block;font-size:7px;text-transform:lowercase;letter-spacing:.01em}.watched-badge{position:absolute;left:6px;bottom:6px;z-index:2;background:#2f6f4b;color:#fff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800}.tile-body{padding:9px 10px 11px}.tile-body .discover-title{font-size:15px!important;line-height:1.1!important;letter-spacing:-.02em!important;display:block;color:#21160e!important}.discover-meta{font-size:11px!important;color:#8d5f24!important;margin:5px 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-reflection,.discover-about{font-size:11px!important;line-height:1.35!important;color:#6f6257!important;margin:5px 0 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.simple-slider .slider-emoji{font-size:28px}.emotion.emoji-only span{font-size:28px}.ad-slot.native-ad{display:none!important}.digital-reelboo{position:relative;min-height:620px;display:grid;place-items:center;perspective:1600px}.digital-page{display:none;width:min(760px,92vw);min-height:560px;background:linear-gradient(135deg,#fffdf8,#f1dfc3);border:1px solid #dfcfba;border-radius:24px;box-shadow:0 30px 80px rgba(68,43,20,.18);padding:36px;grid-template-columns:240px 1fr;gap:28px;align-items:center;animation:pageFlip .35s ease}.digital-page.active{display:grid}.digital-page img{width:240px;height:350px;object-fit:cover;border-radius:18px;box-shadow:0 20px 44px rgba(68,43,20,.22)}.book-cover-page{text-align:center;place-items:center;grid-template-columns:1fr;background:linear-gradient(135deg,#fffaf2,#e8c98e)}.book-cover-page h1{font-size:clamp(42px,7vw,86px)}.book-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:#241a12;color:#fff;font-size:34px;cursor:pointer;z-index:5}.book-nav.prev{left:12px}.book-nav.next{right:12px}@keyframes pageFlip{from{opacity:.2;transform:rotateY(-10deg) translateY(8px)}to{opacity:1;transform:none}}
.print-size-a5{max-width:148mm}.print-size-us_trade{max-width:6in}.print-size-square_8{max-width:8in}.print-size-a4{max-width:210mm}.print-size-letter{max-width:8.5in}@media print{.print-size-a5{width:148mm}.print-size-us_trade{width:6in}.print-size-square_8{width:8in}.print-size-a4{width:210mm}.print-size-letter{width:8.5in}}
@media(max-width:1100px){.content-with-ads{grid-template-columns:1fr}.side-ad{display:none!important}.discover-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}}@media(max-width:620px){.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-body .discover-title{font-size:14px!important}.digital-page.active{display:block;min-height:auto;padding:22px}.digital-page img{width:100%;height:auto;max-height:360px}.book-nav{top:auto;bottom:-62px}.book-nav.prev{left:calc(50% - 58px)}.book-nav.next{right:calc(50% - 58px)}}


/* 2026-07-04 people feed layout fix: cards left, ads right */
.people-layout.content-with-ads{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 180px!important;
  gap:22px!important;
  align-items:start!important;
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}
.people-layout .feed-list{
  max-width:none!important;
  width:100%!important;
  display:grid!important;
  gap:14px!important;
  margin:0!important;
}
.people-layout .feed-post{
  background:#ffffff!important;
  border:1px solid #eadbc7!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(84,55,25,.08)!important;
  padding:18px 20px!important;
  min-height:0!important;
  color:#21170f!important;
}
.people-layout .feed-author{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
.people-layout .feed-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.people-layout .journal-entry.feed-body{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  margin-left:56px!important;
}
.people-layout .feed-body img{
  width:74px!important;
  height:104px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  box-shadow:0 8px 18px rgba(68,43,20,.14)!important;
}
.people-layout .feed-body h2{
  font-size:18px!important;
  line-height:1.15!important;
  margin:0 0 6px!important;
}
.people-layout .feed-body p{
  font-size:15px!important;
  line-height:1.45!important;
  margin:0 0 10px!important;
  color:#2c2118!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.people-layout .people-side-ad{
  position:sticky!important;
  top:92px!important;
  min-height:360px!important;
  margin:0!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  text-align:center!important;
  background:#fffdf8!important;
  border:1px dashed rgba(185,130,53,.42)!important;
  border-radius:18px!important;
  color:#7c6f63!important;
  padding:18px!important;
}
.people-layout .people-side-ad strong{font-size:13px!important;color:#7b6c5f!important}
.people-layout .people-side-ad span{font-size:14px!important;max-width:120px}
.people-layout .people-side-ad a{color:#8d5f24!important;font-weight:900!important}
@media(max-width:1100px){
  .people-layout.content-with-ads{grid-template-columns:1fr!important;max-width:760px!important}
  .people-layout .people-side-ad{display:none!important}
}
@media(max-width:620px){
  .people-layout .feed-post{padding:14px!important;border-radius:16px!important}
  .people-layout .feed-author{flex-wrap:wrap!important}
  .people-layout .feed-actions{margin-left:56px!important;width:calc(100% - 56px)!important;justify-content:flex-start!important}
  .people-layout .journal-entry.feed-body{margin-left:0!important;grid-template-columns:58px minmax(0,1fr)!important;gap:10px!important}
  .people-layout .feed-body img{width:58px!important;height:82px!important;border-radius:10px!important}
  .people-layout .feed-body h2{font-size:16px!important}
  .people-layout .feed-body p{font-size:14px!important}
}

/* 2026-07-04 book-first flow, reflection wizard, journal alignment */
.book-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px 20px;background:rgba(255,253,248,.88);border:1px solid #e0d1bd;border-radius:22px;box-shadow:0 12px 32px rgba(78,50,22,.08)}
.book-toolbar h1{margin:0;font-size:clamp(28px,4vw,54px)}
.book-icon-actions{display:flex;gap:10px;align-items:center}.icon-action{width:74px;height:64px;border:1px solid #e0d1bd;background:#fffaf2;border-radius:18px;display:grid;place-items:center;gap:2px;font-size:24px;cursor:pointer;color:#5b3a1d;box-shadow:0 10px 24px rgba(78,50,22,.08)}.icon-action small{font-size:11px;font-weight:800}.icon-action:hover{transform:translateY(-2px);border-color:#b98235}
.print-only{display:none}.digital-reelboo.uses-template .digital-page{border-radius:10px;background:#fffefb}.digital-page.turning{transform-origin:left center;animation:pageFlipReal .45s ease}.digital-page:before{content:"";position:absolute;inset:0 50% 0 0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 18%);border-radius:inherit}.digital-page{position:relative;overflow:hidden}.book-cover-page:before{display:none}@keyframes pageFlipReal{0%{opacity:.45;transform:rotateY(-38deg) translateX(-12px)}100%{opacity:1;transform:rotateY(0) translateX(0)}}
.wizard-progress{display:flex;gap:8px;justify-content:center}.wizard-progress span{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#efe3d2;color:#8d755f;font-weight:900}.wizard-progress span.active{background:#b98235;color:#fffaf2}.wizard-step[hidden]{display:none!important}.journal-wizard .textarea{min-height:170px}.wizard-actions{justify-content:space-between}.wizard-actions button[disabled]{opacity:.4;pointer-events:none}.journal-wizard[data-step="1"] .wizard-actions{justify-content:flex-end}
.memory-card .journal-entry,.card .journal-entry{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:start}.memory-card .journal-entry img,.card .journal-entry img{width:110px;height:160px;object-fit:cover;border-radius:16px}.memory-card .journal-entry h2,.card .journal-entry strong{margin-top:2px}.journal-inline-ad{grid-column:1/-1;display:flex!important;align-items:center;justify-content:center;gap:12px;min-height:88px}.grid.two.section{align-items:start}
@media print{.no-print,.book-toolbar,.digital-reelboo{display:none!important}.print-only{display:block!important}.print-entry{page-break-inside:avoid;margin:30px 0}.modal-backdrop{display:none!important}}
@media(max-width:720px){.book-toolbar{align-items:flex-start;flex-direction:column}.book-icon-actions{width:100%;justify-content:flex-end}.memory-card .journal-entry,.card .journal-entry{grid-template-columns:78px minmax(0,1fr);gap:12px}.memory-card .journal-entry img,.card .journal-entry img{width:78px;height:116px}.wizard-actions{gap:8px}.wizard-actions .btn{flex:1}}
.ad-slot.native-ad.journal-inline-ad{display:flex!important}

/* 2026-07-04 Day One-inspired journaling refresh
   Principle: quiet, personal, memory-first UI with soft panels, generous spacing,
   simple navigation, and less dashboard/report feeling. */
:root{
  --bg:#f7f4ef;
  --panel:#fffdf9;
  --ink:#25201d;
  --muted:#7a7169;
  --line:#e8ded2;
  --accent:#3478f6;
  --accent-2:#dbe8ff;
  --soft:#f1ede7;
  --shadow:0 16px 44px rgba(37,32,29,.08);
  --radius:24px;
}
body{
  background:linear-gradient(180deg,#fbfaf7 0%,#f6f2ec 58%,#f2ece4 100%)!important;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
.shell{background:transparent}.main{max-width:1160px;padding:40px 34px}.main.centered{background:radial-gradient(circle at 50% 10%,#e8f0ff 0,#fbfaf7 42%,#f4eee6 100%)}
.sidebar{
  width:248px;
  padding:30px 22px;
  border-right:1px solid rgba(232,222,210,.75);
  background:rgba(255,253,249,.58);
  backdrop-filter:blur(20px);
}
.brand{font-size:21px;letter-spacing:-.035em}.brand-mark{background:linear-gradient(145deg,#3478f6,#7aa7ff);border-radius:14px;box-shadow:0 10px 22px rgba(52,120,246,.22)}
.sidebar nav{gap:5px}.sidebar nav a{border-radius:14px;padding:12px 14px;color:#827a72;font-weight:720}.sidebar nav a.active,.sidebar nav a:hover{background:#fff;color:#1f1a17;box-shadow:0 8px 26px rgba(37,32,29,.07)}
.profile-mini{background:#fff;border-color:var(--line);border-radius:18px;box-shadow:0 8px 26px rgba(37,32,29,.05)}.avatar{border-radius:14px;background:linear-gradient(145deg,var(--avatar,#7aa7ff),#3478f6)}
.hero{
  background:rgba(255,253,249,.84)!important;
  border:1px solid rgba(232,222,210,.95)!important;
  border-radius:34px!important;
  box-shadow:0 22px 70px rgba(37,32,29,.08)!important;
  padding:42px!important;
}
.hero:after{background:linear-gradient(135deg,#dbe8ff,#fff);opacity:.75;border-radius:999px;right:-70px;top:-90px;transform:none}.eyebrow{color:var(--accent)!important;letter-spacing:.16em}.hero h1,.page-title{letter-spacing:-.065em;font-weight:850}.sub{color:var(--muted);font-size:18px;line-height:1.7}.card,.memory-card,.auth-card,.modal,.movie-option,.template-card{background:rgba(255,253,249,.92)!important;border:1px solid var(--line)!important;border-radius:26px!important;box-shadow:var(--shadow)!important}.memory-card{background:linear-gradient(145deg,#fffdf9,#f7f1ea)!important}.card.soft-card{background:#f8f5f0!important}.input,.textarea,.select{background:#fff!important;border-color:#e5dbcf!important;border-radius:16px!important}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(52,120,246,.13)!important}.btn{background:#25201d;border-radius:16px}.btn.secondary{background:#e8f0ff!important;color:#1e4fae!important}.btn.ghost{color:var(--muted)}.pill{background:#f0f4ff!important;color:#315fbb!important;border:1px solid #dbe8ff;border-radius:999px}.emotion{border-radius:999px}.emotion.selected{background:#3478f6!important;border-color:#3478f6!important}.journal-entry{align-items:start}.journal-entry img{border-radius:18px;box-shadow:0 10px 24px rgba(37,32,29,.12)}.journal-entry strong,.feed-post h2,.memory-card h2{letter-spacing:-.025em}.feed-post,.people-layout .feed-post{border-radius:24px!important;background:#fffdf9!important;box-shadow:0 14px 34px rgba(37,32,29,.07)!important}.ad-slot{background:#f8f5f0!important;border-color:#e8ded2!important;color:#8b8178!important}.auth-card{width:min(520px,calc(100vw - 32px));padding:38px}.auth-card .brand{margin-bottom:24px}.auth-card .page-title{font-size:clamp(42px,8vw,72px);line-height:.94}.auth-card:before{content:"Private movie journal";display:inline-flex;margin-bottom:14px;color:#3478f6;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.16em}.movie-results{gap:12px}.movie-option{transition:transform .16s ease,box-shadow .16s ease}.movie-option:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(37,32,29,.08)!important}.book-toolbar{background:rgba(255,253,249,.88);border:1px solid var(--line);border-radius:30px;padding:26px 28px;box-shadow:var(--shadow)}.digital-reelboo{background:linear-gradient(90deg,#e9dfd4 0,#fffdf9 8%,#fffdf9 92%,#e9dfd4 100%);border-radius:30px;padding:28px;box-shadow:0 30px 90px rgba(37,32,29,.13)}.digital-page{background:#fffdf9!important;border:1px solid #eadfd3!important;border-radius:24px!important;box-shadow:inset 18px 0 32px rgba(37,32,29,.035),0 24px 70px rgba(37,32,29,.11)!important}.book-cover-page{background:linear-gradient(145deg,#fffdf9,#eaf2ff)!important}.book-nav{background:#3478f6!important;box-shadow:0 14px 30px rgba(52,120,246,.25)}.share-card-preview{background:linear-gradient(160deg,#1e2633,#3478f6)!important}.wizard-progress span.active{background:#3478f6!important}.modal-backdrop{background:rgba(37,32,29,.28);backdrop-filter:blur(6px)}
.dayone-home-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.dayone-home-strip .mini-principle{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 10px 28px rgba(37,32,29,.055)}.mini-principle strong{display:block;margin-bottom:4px}.mini-principle span{color:var(--muted);font-size:13px;line-height:1.45}
@media(max-width:860px){.sidebar{width:auto;border-right:0;border-bottom:1px solid var(--line);background:rgba(255,253,249,.76)}.main{padding:20px}.hero{padding:28px!important}.dayone-home-strip{grid-template-columns:1fr}.sidebar nav{grid-template-columns:repeat(6,max-content)}}
@media print{body{background:#fff!important}.digital-reelboo,.digital-page{box-shadow:none!important}}


/* Issuu-style brochure flipbook viewer */
.issuu-viewer{--page-w:min(520px,82vw);--page-h:calc(var(--page-w)*1.414);position:relative;margin:18px auto 36px;padding:18px;border-radius:28px;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.9),rgba(236,229,219,.92) 38%,rgba(208,196,180,.9));box-shadow:0 32px 90px rgba(37,32,29,.16);overflow:hidden}.issuu-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;color:#6f6257}.issuu-title{display:flex;flex-direction:column}.issuu-title strong{color:#25201d;font-size:15px}.issuu-count{font-size:12px;font-weight:800;background:#fff;border:1px solid #e8ded2;border-radius:999px;padding:7px 10px}.issuu-stage{position:relative;min-height:var(--page-h);display:grid;place-items:center;perspective:2200px}.issuu-stage:before{content:"";position:absolute;width:calc(var(--page-w) + 44px);height:calc(var(--page-h) + 28px);border-radius:18px;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 8%,rgba(255,255,255,.45) 50%,transparent 92%,rgba(0,0,0,.12));box-shadow:0 22px 60px rgba(37,32,29,.22)}.issuu-viewer .digital-page,.issuu-viewer .rb-page{display:none!important;position:relative;width:var(--page-w)!important;min-height:var(--page-h)!important;height:var(--page-h);box-sizing:border-box;background:#fffdf9!important;border:1px solid #eee4da!important;border-radius:8px!important;box-shadow:inset 20px 0 36px rgba(37,32,29,.055),0 20px 52px rgba(37,32,29,.2)!important;overflow:hidden;padding:34px!important;transform-origin:left center}.issuu-viewer .digital-page.active,.issuu-viewer .rb-page.active{display:grid!important;animation:issuuPageIn .46s ease}.issuu-viewer .digital-page.turning,.issuu-viewer .rb-page.turning{animation:issuuFlip .52s cubic-bezier(.2,.7,.2,1)}.issuu-viewer .journal-entry{grid-template-columns:42% 1fr!important;gap:24px!important;align-items:center!important}.issuu-viewer .journal-entry img{width:100%!important;height:auto!important;max-height:calc(var(--page-h) - 88px);object-fit:cover;border-radius:8px!important}.issuu-viewer .book-cover-page{place-items:center;text-align:center;background:linear-gradient(145deg,#fffdf9,#eaf2ff)!important}.issuu-viewer .book-cover-page h1{font-size:clamp(34px,6vw,64px);line-height:.95}.issuu-viewer .book-nav{top:50%;z-index:12;background:rgba(37,32,29,.84)!important;backdrop-filter:blur(8px)}.issuu-viewer .book-nav.prev{left:18px}.issuu-viewer .book-nav.next{right:18px}.issuu-thumbs{display:flex;gap:7px;overflow:auto;padding:14px 2px 2px;justify-content:center}.issuu-thumbs button{min-width:30px;height:36px;border:1px solid #ded3c8;background:#fffdf9;border-radius:6px;font-size:12px;font-weight:800;color:#8b8178;cursor:pointer}.issuu-thumbs button.active{background:#25201d;color:#fff;border-color:#25201d}.brochure-page-kicker{letter-spacing:.18em;text-transform:uppercase;color:#3478f6;font-size:11px;font-weight:900}.brochure-page-title{font-size:clamp(30px,5vw,58px);line-height:.92;letter-spacing:-.06em}.digital-template-book .reelboo-pack{display:block}.issuu-viewer .reelboo-pack{display:contents}.issuu-viewer .rb-page{font-family:inherit}.issuu-viewer .rb-page h1,.issuu-viewer .rb-page h2{letter-spacing:-.055em}.issuu-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.issuu-actions .icon-action{padding:9px 10px;border-radius:999px;background:#fff;border:1px solid #e8ded2;color:#25201d}.issuu-actions .icon-action small{display:none}@keyframes issuuFlip{0%{opacity:.35;transform:rotateY(-42deg) translateX(-18px);filter:brightness(.96)}100%{opacity:1;transform:rotateY(0) translateX(0);filter:none}}@keyframes issuuPageIn{from{opacity:.25;transform:translateX(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:720px){.issuu-viewer{--page-w:min(390px,88vw);padding:12px}.issuu-viewer .digital-page,.issuu-viewer .rb-page{padding:22px!important}.issuu-viewer .journal-entry{display:block!important}.issuu-viewer .journal-entry img{max-height:44vh;margin-bottom:18px}.issuu-viewer .book-nav{top:auto;bottom:56px}.issuu-viewer .book-nav.prev{left:calc(50% - 58px)}.issuu-viewer .book-nav.next{right:calc(50% - 58px)}.issuu-thumbs{padding-bottom:64px}}@media print{.issuu-viewer{box-shadow:none;background:#fff;padding:0}.issuu-topbar,.issuu-thumbs{display:none!important}.issuu-viewer .digital-page,.issuu-viewer .rb-page{display:block!important;page-break-after:always;box-shadow:none!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;min-height:0!important}}

/* 2026-07-04 final polish: Day One hero + Issuu white A5 landscape brochure */
:root{
  --bg:#f5f6f8!important;
  --panel:#ffffff!important;
  --ink:#07090d!important;
  --muted:#5f6774!important;
  --line:#e4e8ef!important;
  --accent:#000000!important;
  --accent-2:#2de7df!important;
  --soft:#f1f3f7!important;
  --shadow:0 18px 48px rgba(15,23,42,.08)!important;
  --radius:18px!important;
}
body{background:#f5f6f8!important;color:var(--ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.sidebar,.card,.modal,.memory-card,.auth-card{background:#fff!important;border-color:var(--line)!important}.brand-mark,.btn{background:#05070b!important;color:#fff!important}.eyebrow{color:#00d7cf!important}.pill,.btn.secondary{background:#f1f3f7!important;color:#111827!important}.btn.ghost{color:#4b5563!important}.input,.textarea,.select{background:#fff!important;border-color:#dce2ea!important;color:#111827!important}.input:focus,.textarea:focus,.select:focus{border-color:#05070b!important;box-shadow:0 0 0 4px rgba(0,0,0,.08)!important}.hero{background:linear-gradient(90deg,rgba(5,9,18,.96) 0%,rgba(5,9,18,.83) 34%,rgba(5,9,18,.28) 72%,rgba(5,9,18,.08) 100%),url('../img/reelboo-hero-bg.jpg') center/cover no-repeat!important;border:0!important;border-radius:18px!important;min-height:360px!important;display:grid!important;align-content:center!important;color:#fff!important;padding:56px!important;box-shadow:0 20px 50px rgba(15,23,42,.16)!important}.hero:after{display:none!important}.hero h1{max-width:480px!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.55)!important;font-weight:900!important;letter-spacing:-.055em!important}.hero .sub{color:#fff!important;max-width:560px!important;text-shadow:0 2px 10px rgba(0,0,0,.65)!important}.hero .input{max-width:430px!important;background:rgba(10,18,34,.74)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}.hero .input::placeholder{color:rgba(255,255,255,.78)!important}.hero .btn{max-width:430px!important;background:linear-gradient(135deg,#25d5d2,#6554ff)!important;color:#fff!important}.hero .muted{color:rgba(255,255,255,.72)!important}.dayone-home-strip{display:none!important}.book-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.book-side-panel{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.book-side-panel h1{font-size:24px;line-height:1.1;margin:8px 0 10px;letter-spacing:-.04em;color:#05070b}.book-icon-actions.stacked{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.icon-action{background:#fff!important;border:1px solid #dfe5ee!important;color:#111827!important;border-radius:12px!important;min-height:44px!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important}.issuu-viewer{background:#fff!important;border:1px solid #e4e8ef!important;border-radius:18px!important;box-shadow:0 20px 50px rgba(15,23,42,.10)!important;padding:18px!important;color:#0f172a!important}.issuu-topbar{background:#fff!important;color:#0f172a!important;border-bottom:1px solid #edf0f5!important;margin:-18px -18px 18px!important;padding:14px 18px!important;border-radius:18px 18px 0 0!important}.issuu-title strong{color:#0f172a!important}.issuu-stage{background:#f7f8fb!important;border-radius:16px!important;min-height:590px!important;display:grid!important;place-items:center!important;box-shadow:inset 0 0 0 1px #eef2f7!important}.digital-reelboo,.issuu-stage{perspective:1800px!important}.digital-page,.rb-page{background:#fff!important;color:#0f172a!important;border:1px solid #dde3ec!important;box-shadow:0 30px 75px rgba(15,23,42,.16), 14px 0 20px rgba(15,23,42,.05)!important}.brochure-spread{width:min(1060px,92vw)!important;aspect-ratio:210/148!important;min-height:0!important;height:auto!important;padding:38px!important;border-radius:14px!important;grid-template-columns:1fr 1.25fr!important;gap:34px!important;align-items:center!important;position:relative!important;overflow:hidden!important}.brochure-spread:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#d5dbe6,transparent);box-shadow:0 0 22px rgba(15,23,42,.18)}.brochure-cover{background:linear-gradient(135deg,#fff,#f3f5f8)!important}.brochure-cover h1,.brochure-intro h2,.brochure-ending h2,.spread-heading h2{font-size:clamp(34px,4vw,58px)!important;line-height:.96!important;letter-spacing:-.055em!important;margin:10px 0!important;color:#05070b!important}.brochure-cover p,.brochure-intro p,.spread-heading p{font-size:16px!important;line-height:1.55!important;color:#475569!important}.brochure-page-kicker{color:#00a9a5!important;text-transform:uppercase!important;font-size:11px!important;font-weight:900!important;letter-spacing:.16em!important}.brochure-cover-collage{display:grid;grid-template-columns:1fr 1fr;gap:14px;transform:rotate(-2deg)}.brochure-cover-collage img{width:100%!important;height:170px!important;object-fit:cover!important;border-radius:8px!important;box-shadow:0 18px 36px rgba(15,23,42,.18)!important;background:#eef2f7}.brochure-cover-collage img:first-child{grid-column:1/3;height:230px!important}.brochure-stats{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:24px;border-radius:16px;background:#f8fafc;border:1px solid #e4e8ef}.brochure-stats strong{font-size:46px;color:#05070b;line-height:1}.brochure-stats span{align-self:center;color:#64748b}.brochure-grid-spread{grid-template-columns:.75fr 1.25fr!important}.brochure-poster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.brochure-poster-grid figure{margin:0;position:relative;overflow:hidden;border-radius:12px;background:#eef2f7;box-shadow:0 12px 28px rgba(15,23,42,.14)}.brochure-poster-grid img{width:100%!important;height:200px!important;object-fit:cover!important;display:block!important;border-radius:0!important}.brochure-poster-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;display:grid;gap:2px}.brochure-poster-grid figcaption strong{font-size:14px}.brochure-poster-grid figcaption span{font-size:11px;color:rgba(255,255,255,.75)}.brochure-ending{display:grid!important;place-items:center!important;text-align:center!important;background:linear-gradient(135deg,#05070b,#161b24)!important;color:#fff!important}.brochure-ending h2,.brochure-ending p{color:#fff!important}.book-nav{background:#fff!important;color:#111827!important;border:1px solid #dfe5ee!important;box-shadow:0 12px 28px rgba(15,23,42,.16)!important}.issuu-thumbs{background:#fff!important;border-top:1px solid #edf0f5!important;padding-top:14px!important}.issuu-thumbs button{background:#f8fafc!important;color:#111827!important;border:1px solid #dfe5ee!important;border-radius:10px!important}.issuu-thumbs button.active{background:#05070b!important;color:#fff!important;border-color:#05070b!important}.print-size-a5_landscape .rb-page,.print-size-a5_landscape .digital-page{--paper-w:210mm;--paper-h:148mm}.reelboo-pack{--paper-w:210mm!important;--paper-h:148mm!important}.reelboo-pack .rb-page{width:var(--paper-w)!important;min-height:var(--paper-h)!important;background:#fff!important;color:#0f172a!important}.reelboo-pack .rb-page:not(:first-child){display:grid;grid-template-columns:1fr 1fr;gap:14mm;align-items:center}.reelboo-pack .rb-page img{max-height:110mm!important;object-fit:cover!important}.book-cover,.print-entry{background:#fff!important;color:#0f172a!important}@media(max-width:980px){.book-shell{grid-template-columns:1fr}.book-side-panel{position:relative;top:auto}.brochure-spread{width:100%!important;padding:24px!important;grid-template-columns:1fr!important}.brochure-spread:before{display:none}.issuu-stage{min-height:460px!important}.hero{padding:32px!important;min-height:420px!important;background:linear-gradient(180deg,rgba(5,9,18,.94),rgba(5,9,18,.58)),url('../img/reelboo-hero-bg.jpg') center/cover no-repeat!important}}@media print{@page{size:A5 landscape;margin:0}.book-shell,.issuu-viewer.no-print,.no-print{display:none!important}.print-only{display:block!important}.reelboo-pack .rb-page,.rb-page{box-shadow:none!important;margin:0!important;border:0!important;width:210mm!important;min-height:148mm!important;page-break-after:always!important}}


/* 2026-07-05 desktop/layout fixes requested by Ian */
@media (min-width: 1100px){
  body.logged-in:not(.admin-page) .shell{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;align-items:start!important}
  body:not(.admin-page) .sidebar{width:220px!important;height:100vh!important;position:sticky!important;top:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;padding:22px 16px!important;border-right:1px solid rgba(98,74,47,.12)!important;box-shadow:14px 0 42px rgba(70,47,24,.06)!important;overflow:auto!important}
  body:not(.admin-page) .sidebar nav{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:visible!important;flex:0 0 auto!important}
  body:not(.admin-page) .sidebar nav a{display:flex!important;align-items:center!important;min-height:42px!important;white-space:normal!important;text-align:left!important;font-size:14px!important;padding:10px 12px!important;line-height:1.15!important}
  body:not(.admin-page) .profile-mini{display:flex!important;margin-top:auto!important;margin-left:0!important;width:100%!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(117,83,42,.14)!important;padding:12px!important}
  body:not(.admin-page) .profile-mini strong{display:block!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.logged-in:not(.admin-page) .main{max-width:min(1440px,calc(100vw - 220px))!important;padding:32px 42px!important;margin:0 auto!important}
}
@media (min-width: 1280px){body.logged-in:not(.admin-page) .main{padding-inline:54px!important}.hero,.card{padding:28px!important}}
.quick-feeling-box{background:#fffaf2;border:1px solid #dfcfba;border-radius:16px;padding:14px;display:grid;gap:10px}.compact-emotions{max-height:132px;overflow:auto}.compact-emotions .emotion{padding:8px 10px!important}.compact-emotions .emotion small{display:inline!important;margin-left:4px!important;font-size:11px!important;background:transparent!important;border:0!important;color:inherit!important}
.discover-main-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(520px,1.15fr);gap:28px;align-items:start}.discover-copy h1{font-size:clamp(36px,4vw,64px);line-height:.95;margin:12px 0}.discover-panel{background:#fffdf8!important;border:1px solid #e0d1bd!important;border-radius:18px!important;padding:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}.discover-slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.discover-slider-grid .slider-row{grid-template-columns:30px 94px minmax(120px,1fr) 34px!important;max-width:none!important;gap:8px;font-size:13px}.discover-slider-grid .slider-emoji{font-size:18px}.discover-slider-grid input[type=range]{width:100%}
.emotion-match{background:#111!important;color:#fff!important;border:2px solid #f0c94b!important}.emotion-match small{color:#fff!important;opacity:.9}.discover-tile .emotion-match,.poster-frame .emotion-match{background:#111!important;color:#fff!important;border:2px solid #f0c94b!important;border-radius:999px!important}
@media(min-width:1100px){.people-wide .main{max-width:min(1320px,calc(100vw - 220px))!important}}
.people-layout{display:grid!important;grid-template-columns:minmax(0,900px) 300px!important;gap:22px!important;align-items:start!important;justify-content:center!important}.people-layout .feed-list{max-width:none!important;width:100%!important}.people-layout .feed-post,.feed-post{background:#fff!important;border-color:#e5e7eb!important;color:#111827!important;width:100%!important}.people-layout .people-side-ad{width:100%!important;margin:0!important;position:sticky;top:22px}.feed-post p,.feed-post h2,.feed-post h3,.feed-post strong{color:#111827!important}.feed-post .muted{color:#6b7280!important}.feed-body{grid-template-columns:86px minmax(0,1fr)!important}.feed-body img{width:86px!important;height:124px!important}.feed-author{gap:12px}.feed-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.book-shell{grid-template-columns:240px minmax(0,1fr)!important;gap:26px!important}.issuu-viewer{width:100%!important}.issuu-stage{min-height:min(78vh,760px)!important;padding:20px!important}.brochure-spread{width:min(1180px,100%)!important;max-height:calc(100vh - 210px);aspect-ratio:210/148!important}.brochure-movie-page{grid-template-columns:.9fr 1.1fr!important;align-items:stretch!important;gap:30px!important;padding:32px!important}.brochure-movie-poster{display:grid;align-content:start;gap:12px;min-width:0}.brochure-movie-poster img{width:100%!important;height:100%!important;max-height:420px!important;object-fit:cover!important;border-radius:14px!important;box-shadow:0 18px 38px rgba(15,23,42,.18)!important}.brochure-emotions{display:flex;flex-wrap:wrap;gap:7px}.brochure-emotions span{background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.brochure-movie-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.brochure-movie-copy h2{font-size:clamp(30px,4vw,54px)!important;line-height:.95!important;margin:8px 0!important;color:#05070b!important}.brochure-date{color:#64748b!important;font-size:13px!important;margin:0 0 12px!important}.brochure-movie-copy blockquote{font-size:clamp(19px,2.2vw,30px);line-height:1.18;margin:8px 0 16px;padding-left:18px;border-left:4px solid #111;color:#111;font-weight:850;letter-spacing:-.03em}.brochure-movie-copy p{font-size:15px!important;line-height:1.45!important;color:#334155!important;margin:7px 0!important;overflow-wrap:anywhere}.print-entry{break-inside:avoid;page-break-inside:avoid;display:grid!important;grid-template-columns:42% 1fr!important;gap:10mm!important;align-items:center!important;min-height:148mm!important;padding:14mm!important}.print-entry p{overflow-wrap:anywhere}.print-entry img{width:100%!important;max-height:120mm!important;object-fit:cover!important}
@media(max-width:1100px){.discover-main-card,.people-layout,.book-shell{grid-template-columns:1fr!important}.discover-slider-grid{grid-template-columns:1fr}.people-layout .people-side-ad{position:relative}.brochure-movie-page{grid-template-columns:1fr!important}.brochure-spread{max-height:none}.issuu-stage{min-height:520px!important}}

/* 2026-07-05 follow-up fixes: cleaner match badge, dark discover hero, better ad placement, size-aware brochure */
.discover-main-card{
  background:radial-gradient(circle at 20% 10%,rgba(238,200,111,.16),transparent 38%),linear-gradient(180deg,#171b20,#0d1014)!important;
  border:1px solid #2b3138!important;
  color:#fff!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}
.discover-main-card .discover-copy h1,.discover-main-card .eyebrow{color:#fff4df!important}.discover-main-card .sub{color:#c7c1ba!important}.discover-main-card .discover-panel{background:#12161b!important;border-color:#303842!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}.discover-main-card .simple-slider{background:#1c2229!important;border-color:#303842!important;color:#fff!important}.discover-main-card .muted,.discover-main-card .slider-value{color:#b6b0aa!important}
.emotion-match,.discover-tile .emotion-match,.poster-frame .emotion-match{background:#0b0b0b!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(0,0,0,.28)!important}.emotion-match small{color:#fff!important;opacity:.86!important}.discover-results-wrap{max-width:1180px;margin-inline:auto}.horizontal-ad{min-height:92px!important;margin:24px auto 0!important;max-width:900px!important;display:grid!important;place-items:center!important;text-align:center!important;border-radius:20px!important;background:#fff!important;border:1px dashed #cfd6df!important;color:#111827!important}.content-with-ads{display:block!important}.side-ad{display:none!important}
.book-template-picker{display:grid;gap:8px;margin:14px 0 16px}.book-template-picker .select{width:100%}.issuu-viewer.print-size-a5_landscape{--paper-ratio:210/148}.issuu-viewer.print-size-a5{--paper-ratio:148/210}.issuu-viewer.print-size-a4{--paper-ratio:210/297}.issuu-viewer.print-size-letter{--paper-ratio:8.5/11}.issuu-viewer.print-size-square_8{--paper-ratio:1/1}.issuu-viewer.print-size-us_trade{--paper-ratio:6/9}.issuu-viewer .brochure-spread{aspect-ratio:var(--paper-ratio,210/148)!important;width:min(1160px,100%)!important;min-height:auto!important;height:auto!important;max-height:calc(100vh - 220px)!important;overflow:hidden!important}.print-size-a5 .brochure-spread,.print-size-a4 .brochure-spread,.print-size-letter .brochure-spread,.print-size-us_trade .brochure-spread{width:min(680px,100%)!important}.print-size-square_8 .brochure-spread{width:min(760px,100%)!important}.brochure-movie-copy p,.brochure-note-column p{overflow-wrap:anywhere;hyphens:auto}.brochure-night{background:linear-gradient(135deg,#05070b,#1c2430)!important;color:#fff!important}.brochure-night h2,.brochure-night p,.brochure-night blockquote{color:#fff!important}.brochure-night .brochure-date,.brochure-night .muted{color:#cbd5e1!important}.brochure-sage{background:linear-gradient(135deg,#eef4ed,#d8e6d4)!important}.brochure-paper{background:linear-gradient(135deg,#fff8ea,#ead8b7)!important}.brochure-cream{background:linear-gradient(135deg,#ffffff,#eef2f7)!important}.brochure-watch-photo{margin:0;position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(15,23,42,.08)}.brochure-watch-photo img{height:118px!important;max-height:118px!important;width:100%!important;object-fit:cover!important;border-radius:0!important}.brochure-watch-photo figcaption{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.brochure-notes-page{grid-template-columns:1.05fr .95fr!important;align-items:stretch!important}.brochure-note-column{display:flex;flex-direction:column;justify-content:center}.brochure-note-column h2{font-size:clamp(28px,4vw,52px)!important;margin:8px 0 12px!important}.brochure-photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.brochure-photo-strip img{width:100%!important;height:190px!important;object-fit:cover!important;border-radius:16px!important;box-shadow:0 12px 26px rgba(15,23,42,.16)!important}.brochure-big-quote{display:grid;place-items:center;min-height:360px;border-radius:22px;background:rgba(255,255,255,.36);padding:30px;font-size:clamp(22px,3vw,44px);line-height:1.05;font-weight:900;text-align:center}.print-images{display:grid;grid-template-columns:1fr;gap:8px}.print-images img{width:100%;border-radius:14px;object-fit:cover}.print-watch-photo{max-height:36mm!important}.print-size-a5_landscape .print-entry{min-height:148mm!important}.print-size-a5 .print-entry{min-height:210mm!important}.print-size-a4 .print-entry{min-height:297mm!important}.print-size-letter .print-entry{min-height:11in!important}.print-size-square_8 .print-entry{min-height:8in!important}.print-size-us_trade .print-entry{min-height:9in!important}
@media(max-width:1100px){.issuu-viewer .brochure-spread{max-height:none!important}.brochure-notes-page{grid-template-columns:1fr!important}.brochure-photo-strip img{height:140px!important}}

/* 2026-07-05 book print parity + readability */
.book-print-source .digital-page,.book-print-source .rb-page{overflow:hidden!important;overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important}
.brochure-spread,.brochure-movie-copy,.brochure-note-column,.brochure-big-quote{color:#0f172a!important}
.brochure-spread p,.brochure-spread h1,.brochure-spread h2,.brochure-spread h3,.brochure-spread blockquote,.brochure-spread strong{overflow-wrap:anywhere!important;hyphens:auto!important}
.brochure-spread p,.brochure-note-column p{font-size:14px!important;line-height:1.42!important;color:#1f2937!important}
.brochure-movie-copy blockquote{max-height:7.6em!important;overflow:hidden!important;color:#0b1220!important;background:rgba(255,255,255,.72)!important;border-left-color:#05070b!important;padding:10px 12px 10px 18px!important;border-radius:0 12px 12px 0!important}
.brochure-night .brochure-movie-copy blockquote{background:rgba(255,255,255,.12)!important;color:#fff!important;border-left-color:#fff!important}.brochure-night p,.brochure-night h2,.brochure-night blockquote,.brochure-night strong{color:#fff!important}.brochure-night .brochure-page-kicker{color:#67f3eb!important}.brochure-night .brochure-date,.brochure-night .muted{color:#e2e8f0!important}
.brochure-paper .brochure-page-kicker,.brochure-sage .brochure-page-kicker,.brochure-cream .brochure-page-kicker{color:#006c68!important}.brochure-paper .muted,.brochure-sage .muted,.brochure-cream .muted{color:#475569!important}
.brochure-note-column{justify-content:flex-start!important;gap:8px!important}.brochure-note-column p{max-height:12.8em!important;overflow:hidden!important;background:rgba(255,255,255,.62)!important;border-radius:14px!important;padding:14px!important}.brochure-big-quote{font-size:clamp(18px,2.35vw,34px)!important;line-height:1.12!important;overflow:hidden!important}
@media print{
  @page{size:A5 landscape;margin:0}
  body{background:#fff!important}
  .sidebar,.book-side-panel,.issuu-topbar,.issuu-thumbs,.book-nav,.print-only,.modal-backdrop,.ad-slot,.no-print{display:none!important}
  .shell,.main,.book-shell,.issuu-viewer,.issuu-stage{display:block!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important;min-height:0!important}
  .issuu-viewer.book-print-source{display:block!important}
  .issuu-viewer.book-print-source .digital-page,.issuu-viewer.book-print-source .rb-page{display:grid!important;position:relative!important;visibility:visible!important;opacity:1!important;transform:none!important;width:210mm!important;height:148mm!important;min-height:148mm!important;max-height:148mm!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important}
  .issuu-viewer.book-print-source .digital-page:not(.brochure-ending),.issuu-viewer.book-print-source .rb-page{grid-template-columns:1fr 1.15fr!important}
  .issuu-viewer.book-print-source .brochure-spread{padding:12mm!important;gap:10mm!important;aspect-ratio:auto!important;overflow:hidden!important}
  .issuu-viewer.book-print-source .brochure-spread:before{display:none!important}
  .issuu-viewer.book-print-source .brochure-cover-collage img{height:38mm!important}.issuu-viewer.book-print-source .brochure-cover-collage img:first-child{height:56mm!important}
  .issuu-viewer.book-print-source .brochure-movie-poster img{max-height:94mm!important}.issuu-viewer.book-print-source .brochure-watch-photo img{height:28mm!important;max-height:28mm!important}
  .issuu-viewer.book-print-source .brochure-movie-copy h2,.issuu-viewer.book-print-source .brochure-note-column h2{font-size:26pt!important;line-height:1!important}
  .issuu-viewer.book-print-source .brochure-movie-copy blockquote{font-size:15pt!important;line-height:1.18!important;max-height:48mm!important}
  .issuu-viewer.book-print-source .brochure-spread p,.issuu-viewer.book-print-source .brochure-note-column p{font-size:10.5pt!important;line-height:1.34!important;max-height:84mm!important}
  .issuu-viewer.book-print-source .brochure-photo-strip img{height:40mm!important}.issuu-viewer.book-print-source .brochure-big-quote{min-height:84mm!important;font-size:20pt!important}
}

/* 2026-07-05 notes continuation fix */
.brochure-notes-page{grid-template-columns:1.2fr .8fr!important}
.brochure-notes-page.many-notes .brochure-note-column p{font-size:12.5px!important;line-height:1.35!important}
.brochure-note-column p{max-height:none!important;overflow:visible!important}
.brochure-memory-card{min-height:320px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(241,245,249,.92));border:1px solid rgba(15,23,42,.08);display:grid;align-content:center;gap:12px;padding:28px;text-align:left;color:#0f172a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.brochure-memory-card span{color:#007a76!important;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.16em}.brochure-memory-card strong{font-size:clamp(26px,3vw,46px);line-height:1;color:#0b1220!important;overflow-wrap:anywhere}.brochure-memory-card small{font-size:13px;color:#64748b!important;font-weight:800}
.brochure-night .brochure-memory-card{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22);color:#fff!important}.brochure-night .brochure-memory-card strong{color:#fff!important}.brochure-night .brochure-memory-card small{color:#dbeafe!important}.brochure-night .brochure-memory-card span{color:#67f3eb!important}
@media print{
  .issuu-viewer.book-print-source .brochure-notes-page{grid-template-columns:1.28fr .72fr!important}
  .issuu-viewer.book-print-source .brochure-notes-page.many-notes .brochure-note-column p{font-size:9.2pt!important;line-height:1.28!important}
  .issuu-viewer.book-print-source .brochure-note-column p{max-height:none!important;overflow:visible!important}
  .issuu-viewer.book-print-source .brochure-memory-card{min-height:76mm!important;padding:9mm!important}
  .issuu-viewer.book-print-source .brochure-memory-card strong{font-size:22pt!important}
}

/* 2026-07-05 readable brochure pages + personal photo priority */
.brochure-movie-page,.brochure-notes-page{background:linear-gradient(135deg,#fffdf8,#f7fafc)!important;color:#0b1220!important}
.brochure-movie-page h2,.brochure-notes-page h2,.brochure-movie-page p,.brochure-notes-page p,.brochure-movie-page blockquote,.brochure-notes-page strong{color:#0b1220!important;text-shadow:none!important}
.brochure-movie-page .muted,.brochure-notes-page .muted,.brochure-date{color:#475569!important}
.brochure-movie-copy{justify-content:flex-start!important;padding-top:22px}.brochure-movie-copy h2{font-size:clamp(24px,3.2vw,42px)!important;line-height:1!important}.brochure-movie-copy blockquote{font-size:clamp(16px,1.7vw,23px)!important;line-height:1.2!important;max-height:6.2em!important}
.featured-watch-photo{order:-1;box-shadow:0 16px 34px rgba(15,23,42,.18)!important}.featured-watch-photo img{height:172px!important;max-height:172px!important}
.brochure-personal-photo{margin:0;position:relative;overflow:hidden;border-radius:16px;background:#eef2f7;border:1px solid #dbe3ef;box-shadow:0 12px 26px rgba(15,23,42,.14)}.brochure-personal-photo img{display:block;width:100%!important;height:170px!important;object-fit:cover!important;border-radius:0!important}.brochure-personal-photo figcaption{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(0,0,0,.76);color:#fff;border-radius:10px;padding:6px 8px;font-size:11px;font-weight:750;line-height:1.2}
.brochure-related-grid{display:grid;grid-template-columns:1fr;gap:10px;align-content:center;width:100%}.brochure-related-grid article{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px solid #dfe6ef;border-radius:14px;background:#fff;color:#0b1220;box-shadow:0 8px 18px rgba(15,23,42,.06)}.brochure-related-grid img{width:62px!important;height:82px!important;object-fit:cover!important;border-radius:10px!important;box-shadow:none!important}.brochure-related-grid span{font-size:9px;color:#007a76;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.brochure-related-grid strong{display:block;color:#0b1220!important;font-size:15px;line-height:1.05;overflow-wrap:anywhere}.brochure-related-grid small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-top:4px}
.brochure-note-column p{font-size:13px!important;line-height:1.34!important;color:#0f172a!important;background:#fff!important;border:1px solid #eef2f7!important}.brochure-notes-page.many-notes .brochure-note-column p{font-size:11.5px!important;line-height:1.3!important}.brochure-note-column h2{font-size:clamp(24px,3.2vw,40px)!important;line-height:1!important;color:#0b1220!important}
.brochure-movie-copy .brochure-inline-note{font-size:13px!important;line-height:1.34!important;background:rgba(255,255,255,.74)!important;border:1px solid #eef2f7!important;border-radius:12px!important;padding:10px 12px!important;margin:6px 0!important;color:#172033!important}
.brochure-movie-copy blockquote.long-note{font-size:clamp(14px,1.35vw,18px)!important;line-height:1.22!important;max-height:10.8em!important}
@media print{.issuu-viewer.book-print-source .brochure-movie-page,.issuu-viewer.book-print-source .brochure-notes-page{background:#fffdf8!important;color:#0b1220!important}.issuu-viewer.book-print-source .brochure-movie-copy h2,.issuu-viewer.book-print-source .brochure-note-column h2{font-size:22pt!important}.issuu-viewer.book-print-source .brochure-movie-copy blockquote{font-size:13pt!important;max-height:38mm!important}.issuu-viewer.book-print-source .brochure-note-column p{font-size:9pt!important;line-height:1.28!important}.issuu-viewer.book-print-source .brochure-notes-page.many-notes .brochure-note-column p{font-size:8.2pt!important}.issuu-viewer.book-print-source .brochure-related-grid article{grid-template-columns:18mm minmax(0,1fr);padding:2.5mm}.issuu-viewer.book-print-source .brochure-related-grid img{width:18mm!important;height:24mm!important}.issuu-viewer.book-print-source .brochure-personal-photo img{height:38mm!important}.issuu-viewer.book-print-source .featured-watch-photo img{height:34mm!important}}

/* 2026-07-05 share-card template isolation + responsive preview */
.share-card-preview{position:relative!important;overflow:hidden!important}
.share-card-preview.custom-template{padding:0!important;display:block!important;justify-content:initial!important;align-items:initial!important;background:#0b111d!important}
.share-card-preview.custom-template:before{display:none!important}
.share-card-preview.custom-template > style{display:none!important}
.share-card-preview.custom-template > .share-card{position:absolute;left:0;top:0;transform-origin:top left}
.share-card-preview .watermark-pro{inset:auto 16px 16px auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:42%!important;min-width:0!important;padding:9px 12px!important;border-radius:999px!important;z-index:20!important;background:rgba(255,255,255,.82)!important;color:#05070b!important;text-shadow:none!important;border:1px solid rgba(5,7,11,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;font-size:12px!important;line-height:1.1!important;letter-spacing:.04em!important;transform:none!important;text-transform:uppercase!important}
.share-card-preview .watermark-pro small{display:none!important}
.template-card > .watermark-pro,.issuu-viewer .watermark-pro{inset:auto 18px 18px auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:220px!important;min-width:0!important;padding:10px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.82)!important;color:#05070b!important;text-shadow:none!important;border:1px solid rgba(5,7,11,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important;font-size:13px!important;line-height:1.12!important;letter-spacing:.04em!important;transform:none!important;text-transform:uppercase!important}
.template-card > .watermark-pro small,.issuu-viewer .watermark-pro small{display:none!important}
.book-year-cards{display:grid;gap:8px;margin:14px 0}.book-year-card{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff8ea;color:var(--ink);box-shadow:none}.book-year-card.active{background:#2f2624;color:#fff;border-color:#2f2624}.book-year-card span{font-size:12px;color:inherit;opacity:.78}.issuu-viewer .brochure-spread,.book-print-source .digital-page{background-color:#fff8ea!important}
.share-card-preview.default-template{padding:0!important;display:block!important;background:linear-gradient(180deg,rgba(3,7,18,.2),rgba(3,7,18,.9)),var(--poster) center/cover no-repeat!important;color:#fff!important}
.share-card-preview.default-template:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,18,.18),rgba(3,7,18,.86)),linear-gradient(90deg,rgba(3,7,18,.72),rgba(3,7,18,.08),rgba(3,7,18,.62));z-index:0}
.default-share-content{position:relative;z-index:1;min-height:100%;padding:38px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}
.default-share-content .eyebrow{width:max-content;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18);border-radius:999px!important;padding:8px 12px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.12em!important}
.default-share-content .share-title{margin:14px 0 0!important;color:#fff!important;font-size:clamp(34px,5vw,58px)!important;line-height:.94!important;letter-spacing:-.05em!important;text-transform:uppercase;text-shadow:0 8px 24px rgba(0,0,0,.72)}
.default-share-content .quote{margin:0!important;padding:18px 0 18px 18px!important;border-left:5px solid #f4c76b!important;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12))!important}
.default-share-content .quote p{margin:0!important;color:#fff!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;font-size:clamp(28px,3.8vw,44px)!important;line-height:1.16!important;font-weight:850!important;text-shadow:0 5px 18px rgba(0,0,0,.78)}
.default-share-content .share-footer{display:flex;justify-content:space-between;gap:14px;color:#e5e7eb!important;font-size:clamp(14px,1.7vw,22px)!important;font-weight:850!important;text-shadow:0 3px 14px rgba(0,0,0,.72)}
.share-card-preview.square .default-share-content{padding:34px}.share-card-preview.square .default-share-content .share-title{font-size:clamp(30px,4.2vw,48px)!important}.share-card-preview.story .default-share-content{padding:38px 32px}.share-card-preview.story .default-share-content .share-title{font-size:clamp(34px,5vw,62px)!important}.share-card-preview.story .default-share-content .quote p{font-size:clamp(26px,3.6vw,42px)!important}

/* Readability overrides for share card preview and brochure dark pages */
.share-card-preview.default-template {
    color: #ffffff !important;
}
.share-card-preview.default-template h2,
.share-card-preview.default-template .quote,
.share-card-preview.default-template div,
.share-card-preview.default-template p,
.share-card-preview.default-template span {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6) !important;
}
.share-card-preview.default-template .eyebrow {
    color: #ffd8a8 !important; /* warm light accent eyebrow */
}

/* Force brochure-night book pages to have white readable text and correct background contrast */
.brochure-night.brochure-movie-page h2,
.brochure-night.brochure-notes-page h2,
.brochure-night.brochure-movie-page p,
.brochure-night.brochure-notes-page p,
.brochure-night.brochure-movie-page blockquote,
.brochure-night.brochure-notes-page strong {
    color: #ffffff !important;
    text-shadow: none !important;
}
.brochure-night.brochure-movie-page .brochure-date,
.brochure-night.brochure-notes-page .muted,
.brochure-night.brochure-movie-page .muted {
    color: #94a3b8 !important; /* light slate gray for metadata on dark background */
}
.brochure-night.brochure-movie-page .brochure-inline-note,
.brochure-night.brochure-notes-page .brochure-note-column p {
    color: #f1f5f9 !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}
.brochure-night.brochure-movie-page blockquote {
    background: rgba(255,255,255,0.06) !important;
    border-left: 4px solid #3478f6 !important;
    padding-left: 12px !important;
}

/* Ensure dark text is used on light brochure/book pages */
.brochure-cream h1, .brochure-cream h2, .brochure-cream h3, .brochure-cream p, .brochure-cream blockquote, .brochure-cream strong,
.brochure-sage h1, .brochure-sage h2, .brochure-sage h3, .brochure-sage p, .brochure-sage blockquote, .brochure-sage strong,
.brochure-paper h1, .brochure-paper h2, .brochure-paper h3, .brochure-paper p, .brochure-paper blockquote, .brochure-paper strong,
.brochure-movie-page:not(.brochure-night) h1,
.brochure-movie-page:not(.brochure-night) h2,
.brochure-movie-page:not(.brochure-night) h3,
.brochure-movie-page:not(.brochure-night) p,
.brochure-movie-page:not(.brochure-night) blockquote,
.brochure-movie-page:not(.brochure-night) strong,
.brochure-notes-page:not(.brochure-night) h1,
.brochure-notes-page:not(.brochure-night) h2,
.brochure-notes-page:not(.brochure-night) h3,
.brochure-notes-page:not(.brochure-night) p,
.brochure-notes-page:not(.brochure-night) blockquote,
.brochure-notes-page:not(.brochure-night) strong,
.brochure-intro h1, .brochure-intro h2, .brochure-intro h3, .brochure-intro p, .brochure-intro strong,
.brochure-cover h1, .brochure-cover h2, .brochure-cover p, .brochure-cover strong,
.issuu-viewer h1, .issuu-viewer h2, .issuu-viewer h3, .issuu-viewer p, .issuu-viewer blockquote, .issuu-viewer strong {
    color: #0b1220 !important;
}

/* Ensure links inside digital brochure pages inherit correct color */
.brochure-movie-page a, .brochure-notes-page a {
    color: inherit !important;
}

/* Specific elements inside brochure-night must remain white */
.brochure-night h1, .brochure-night h2, .brochure-night h3, .brochure-night p, .brochure-night blockquote, .brochure-night strong, .brochure-night span {
    color: #ffffff !important;
}

/* Force book page/cover titles to black color */
.book-cover h1, .book-cover .page-title, .book-cover-page h1, .issuu-viewer .book-cover-page h1, .issuu-viewer .rb-page h1, .rb-page h1 {
    color: #000000 !important;
}

/* Force correct backgrounds for themed pages inside the viewer */
.digital-page.brochure-night, .rb-page.brochure-night,
.issuu-viewer .digital-page.brochure-night, .issuu-viewer .rb-page.brochure-night {
    background: linear-gradient(135deg,#05070b,#1c2430) !important;
}

.digital-page.brochure-sage, .rb-page.brochure-sage,
.issuu-viewer .digital-page.brochure-sage, .issuu-viewer .rb-page.brochure-sage {
    background: linear-gradient(135deg,#eef4ed,#d8e6d4) !important;
}

.digital-page.brochure-paper, .rb-page.brochure-paper,
.issuu-viewer .digital-page.brochure-paper, .issuu-viewer .rb-page.brochure-paper {
    background: linear-gradient(135deg,#fff8ea,#ead8b7) !important;
}

.digital-page.brochure-cream, .rb-page.brochure-cream,
.issuu-viewer .digital-page.brochure-cream, .issuu-viewer .rb-page.brochure-cream {
    background: linear-gradient(135deg,#ffffff,#eef2f7) !important;
}

/* Brand logo text coloring (black) */
.brand, .brand span {
    color: #05070b !important;
}

/* Black-washed movie poster share card styling */
.share-card-preview.default-template.poster-gradient {
    background: linear-gradient(90deg, #090a0f 0%, #090a0f 38%, rgba(9,10,15,0.85) 60%, rgba(9,10,15,0.15) 100%), var(--poster) center/cover no-repeat !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 20px 48px rgba(0,0,0,0.5) !important;
    position: relative !important;
}
.share-card-preview.default-template.poster-gradient h2 {
    color: #ffffff !important;
    text-shadow: 0 1px 6px rgba(0,0,0,0.8) !important;
    font-size: clamp(36px,5.2vw,58px) !important;
    line-height: .98 !important;
    margin-top: 4px !important;
}
.share-card-preview.default-template.poster-gradient .eyebrow {
    color: #e8bd67 !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}
.share-card-preview.default-template.poster-gradient .quote p {
    color: #ffffff !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif !important;
    font-size: clamp(27px,3.5vw,42px) !important;
    line-height: 1.16 !important;
    font-weight: 850 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* Default share card: cinematic memory layout */
.share-card-preview.default-template.poster-gradient{
    background:#050608!important;
    border:0!important;
    border-radius:28px!important;
    box-shadow:0 22px 55px rgba(0,0,0,.38)!important;
}
.share-card-preview.default-template.poster-gradient:before{
    content:""!important;
    position:absolute!important;
    inset:-18px!important;
    display:block!important;
    background:var(--poster) center/cover no-repeat!important;
    filter:blur(10px) saturate(1.06) contrast(1.02) brightness(.7)!important;
    transform:scale(1.08)!important;
    opacity:.82!important;
    z-index:0!important;
}
.share-card-preview.default-template.poster-gradient:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:
        linear-gradient(90deg,#050608 0%,rgba(5,6,8,.98) 23%,rgba(5,6,8,.72) 48%,rgba(5,6,8,.2) 76%,rgba(5,6,8,.5) 100%),
        linear-gradient(180deg,rgba(5,6,8,.72) 0%,rgba(5,6,8,.18) 34%,rgba(5,6,8,.34) 58%,rgba(5,6,8,.92) 100%)!important;
    z-index:0!important;
}
.share-card-preview.default-template.poster-gradient .default-share-content{
    position:relative!important;
    z-index:1!important;
    min-height:100%!important;
    padding:38px 34px 22px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;
}
.share-card-preview.default-template.poster-gradient .eyebrow{
    display:inline-flex!important;
    width:max-content!important;
    padding:5px 12px!important;
    border:1px solid #d9a91c!important;
    border-radius:999px!important;
    background:rgba(0,0,0,.12)!important;
    color:#f2c43b!important;
    font-size:11px!important;
    line-height:1.05!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    text-shadow:none!important;
}
.share-card-preview.default-template.poster-gradient .share-title{
    max-width:82%!important;
    margin:18px 0 0!important;
    color:#fff!important;
    font-size:clamp(34px,5.1vw,56px)!important;
    line-height:.96!important;
    font-weight:300!important;
    letter-spacing:.01em!important;
    text-transform:uppercase!important;
    text-shadow:0 5px 22px rgba(0,0,0,.82)!important;
}
.share-card-preview.default-template.poster-gradient .quote{
    width:min(76%,680px)!important;
    margin:0 0 8px!important;
    padding:6px 0 6px 22px!important;
    border-left:2px solid #f0bd2d!important;
    background:transparent!important;
    box-shadow:none!important;
}
.share-card-preview.default-template.poster-gradient .quote p{
    color:#fff!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;
    text-shadow:0 5px 20px rgba(0,0,0,.72)!important;
}
.share-card-preview.default-template.poster-gradient .quote .quote-lead{
    margin:0 0 18px!important;
    font-size:clamp(30px,4.6vw,54px)!important;
    line-height:1.12!important;
    font-weight:750!important;
    letter-spacing:-.025em!important;
}
.share-card-preview.default-template.poster-gradient .quote .quote-rest{
    margin:0!important;
    font-size:clamp(17px,2.3vw,29px)!important;
    line-height:1.32!important;
    font-weight:400!important;
    letter-spacing:-.01em!important;
    color:rgba(255,255,255,.92)!important;
}
.share-card-preview.default-template.poster-gradient .share-footer{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:20px!important;
    color:rgba(255,255,255,.9)!important;
    font-size:clamp(15px,2vw,27px)!important;
    line-height:1!important;
    font-weight:400!important;
    text-shadow:0 4px 16px rgba(0,0,0,.78)!important;
}

/* Brightness correction for default share-card previews */
.share-card-preview.default-template.poster-gradient:before{
    filter:blur(6px) saturate(1.24) contrast(1.06) brightness(1.42)!important;
    opacity:1!important;
}
.share-card-preview.default-template.poster-gradient:after{
    background:
        linear-gradient(90deg,rgba(5,6,8,.72) 0%,rgba(5,6,8,.5) 27%,rgba(5,6,8,.22) 54%,rgba(5,6,8,0) 80%,rgba(5,6,8,.16) 100%),
        linear-gradient(180deg,rgba(5,6,8,.18) 0%,rgba(5,6,8,0) 36%,rgba(5,6,8,.1) 64%,rgba(5,6,8,.46) 100%)!important;
}
.share-card-preview.default-template.poster-gradient .quote .quote-lead{
    font-size:clamp(32px,4.9vw,58px)!important;
}
.share-card-preview.default-template.poster-gradient .quote .quote-rest{
    color:rgba(255,255,255,.96)!important;
}
.issuu-viewer .brochure-spread,.book-print-source .digital-page{
    background:
      radial-gradient(circle at 50% 45%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 58%,rgba(255,248,234,.9) 100%)!important;
}

/* Make digital brochure viewer responsive to mobile screens */
@media (max-width: 980px) {
    .issuu-stage {
        min-height: auto !important;
        height: auto !important;
        padding: 12px !important;
    }
    .issuu-viewer .digital-page,
    .issuu-viewer .rb-page,
    .issuu-viewer .brochure-spread {
        aspect-ratio: auto !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        gap: 20px !important;
        padding: 24px !important;
    }
    .issuu-viewer .digital-page.active,
    .issuu-viewer .rb-page.active,
    .issuu-viewer .brochure-spread.active {
        display: flex !important;
        flex-direction: column !important;
    }
    .brochure-movie-poster,
    .brochure-movie-copy {
        width: 100% !important;
        min-width: 0 !important;
    }
    .brochure-movie-poster img {
        max-height: 300px !important;
    }
    .brochure-notes-page {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    .brochure-photo-strip {
        grid-template-columns: 1fr 1fr !important;
        width: 100% !important;
    }
}

/* Remove margins, padding, and light background on logged-out views (login and register) */
body.logged-out.auth-page,
body.logged-out.auth-page .shell,
body.logged-out.auth-page .main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    background: transparent !important;
    min-height: 100vh !important;
}
body.logged-out.auth-page {
    background:
        linear-gradient(90deg, rgba(5,9,18,.98) 0%, rgba(5,9,18,.9) 42%, rgba(5,9,18,.55) 66%, rgba(5,9,18,.18) 100%),
        radial-gradient(circle at 88% 14%, rgba(232,189,103,.34), transparent 30%),
        url('../img/reelboo-hero-bg.jpg') center/cover no-repeat fixed !important;
}

.account-notice {
    margin: 0;
    padding: 12px 14px;
    border-radius: 14px;
    font-weight: 800;
    line-height: 1.4;
}
.account-notice.success {
    background: #eaf7ef;
    border: 1px solid #bee8cf;
    color: #17633a;
}
.account-notice.warning {
    background: #fff7e6;
    border: 1px solid #f1d49a;
    color: #7a4d00;
}
.account-notice.error {
    background: #fdecec;
    border: 1px solid #f2b8b8;
    color: #8a1f1f;
}

/* Public guest pages must render as normal app pages, not as the full-screen auth landing. */
body.public-page {
    background:#f5f6f8!important;
}
body.public-page .shell {
    display:flex!important;
    align-items:flex-start!important;
    min-height:100vh!important;
    background:#f5f6f8!important;
}
body.public-page .main {
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:1280px!important;
    min-height:0!important;
    margin:0!important;
    padding:28px 36px!important;
    background:#f5f6f8!important;
}
body.public-page .hero,
body.public-page .card,
body.public-page .memory-card,
body.public-page .discover-main-card,
body.public-page .issuu-viewer {
    visibility:visible!important;
    opacity:1!important;
}
body.public-page.page-home .hero {
    margin-top:0!important;
}
body.public-page .public-sidebar {
    flex:0 0 220px!important;
    min-height:100vh!important;
    height:100vh!important;
    align-self:stretch!important;
    position:sticky!important;
    top:0!important;
}

/* Full-bleed auth pages and aligned public Movie Book demo. */
html,
body {
    overflow-x: hidden;
}
body.auth-page .shell,
body.auth-page .main.centered {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
}
body.auth-page .reelboo-landing,
body.auth-page .register-page-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
body.public-page.page-digital_book .main {
    max-width: none !important;
    padding: 28px 32px !important;
}
body.public-page.page-home .main,
body.public-page.page-login .main {
    max-width: none !important;
    padding: 28px 32px !important;
}
body.public-page.page-home .hero,
body.public-page.page-home .grid.two,
body.public-page.page-login .public-auth-layout {
    width: 100% !important;
    max-width: none !important;
}
body.public-page.page-home .hero {
    min-height: auto !important;
    align-content: start !important;
}
body.public-page.page-home .hero > .section.stack {
    width: min(560px, 100%) !important;
    margin-top: 24px !important;
}
body.public-page.page-home .grid.two {
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .65fr) !important;
}
body.public-page.page-login {
    background:#f5f6f8!important;
}
.public-auth-layout {
    min-height: calc(100vh - 56px);
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(360px,460px);
    gap:28px;
    align-items:stretch;
}
.public-auth-copy {
    border-radius:18px;
    padding:56px;
    display:grid;
    align-content:center;
    background:
        linear-gradient(90deg,rgba(5,9,18,.96) 0%,rgba(5,9,18,.82) 45%,rgba(5,9,18,.34) 100%),
        url('../img/reelboo-hero-bg.jpg') center/cover no-repeat;
    color:#fff;
    box-shadow:0 20px 50px rgba(15,23,42,.16);
}
.public-auth-copy h1 {
    max-width:620px;
    margin:12px 0 14px;
    color:#fff!important;
    font-size:clamp(42px,5vw,78px);
    line-height:.92;
    letter-spacing:-.065em;
}
.public-auth-copy .sub {
    max-width:620px;
    color:#fff!important;
    text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.auth-proof-grid {
    margin-top:30px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.auth-proof-grid div {
    padding:16px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:rgba(255,255,255,.07);
}
.auth-proof-grid strong {
    display:block;
    margin-bottom:5px;
    color:#fff;
}
.auth-proof-grid span {
    color:rgba(255,255,255,.76);
    font-size:13px;
    line-height:1.42;
}
.public-auth-card {
    display:grid;
    align-content:center;
    padding:34px!important;
}
.public-auth-card h2 {
    margin:0 0 6px;
    font-size:34px;
    letter-spacing:-.04em;
}
.auth-brand {
    margin-bottom:24px;
    padding:15px;
}
.auth-brand img {
    height:38px;
    width:auto;
    max-width:190px;
    object-fit:contain;
    filter:brightness(0);
}
body.public-page.page-discover .main,
body.public-page.page-people .main {
    max-width: none !important;
    padding: 28px 32px !important;
}
body.public-page.page-discover .discover-main-card,
body.public-page.page-discover .discover-results-wrap,
body.public-page.page-discover .algorithm-note {
    width: 100% !important;
    max-width: none !important;
}
body.public-page.page-discover .discover-results-wrap {
    margin-inline: 0 !important;
}
body.public-page.page-discover .discover-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}
.public-demo-book {
    width: 100%;
    grid-template-columns: 250px minmax(0, 1fr);
}
.public-demo-book .issuu-viewer {
    width: 100%;
    min-width: 0;
}
.public-demo-book .issuu-stage {
    min-height: min(72vh, 720px) !important;
}
@media (max-width: 980px) {
    .public-demo-book {
        grid-template-columns: 1fr;
    }
    body.public-page.page-digital_book .main,
    body.public-page.page-home .main,
    body.public-page.page-login .main,
    body.public-page.page-discover .main,
    body.public-page.page-people .main {
        padding: 18px !important;
    }
    body.public-page .public-sidebar {
        min-height:auto!important;
        height:auto!important;
        position:relative!important;
    }
    body.public-page.page-home .grid.two,
    .public-auth-layout,
    .auth-proof-grid {
        grid-template-columns:1fr!important;
    }
    .public-auth-copy {
        padding:32px!important;
        min-height:420px;
    }
}

/* Mobile responsive safety layer for public browsing and app pages. */
@media (max-width: 760px) {
    html,
    body {
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }

    .shell,
    body.public-page .shell,
    body.logged-in:not(.admin-page) .shell {
        display:block!important;
        min-height:100vh!important;
        width:100%!important;
        max-width:100%!important;
    }

    .sidebar,
    body.public-page .public-sidebar,
    body:not(.admin-page) .sidebar {
        position:sticky!important;
        top:0!important;
        z-index:80!important;
        width:100%!important;
        min-height:0!important;
        height:auto!important;
        max-height:none!important;
        padding:12px 12px 10px!important;
        gap:10px!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        border-right:0!important;
        border-bottom:1px solid rgba(15,23,42,.08)!important;
        box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
        overflow:visible!important;
    }

    .sidebar .brand {
        height:42px!important;
        overflow:hidden!important;
    }

    .sidebar .brand img {
        height:42px!important;
        max-width:130px!important;
        object-fit:contain!important;
    }

    .sidebar nav,
    body:not(.admin-page) .sidebar nav {
        display:flex!important;
        grid-template-columns:none!important;
        gap:8px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        padding-bottom:4px!important;
        scrollbar-width:none!important;
    }

    .sidebar nav::-webkit-scrollbar {
        display:none!important;
    }

    .sidebar nav a,
    body:not(.admin-page) .sidebar nav a {
        flex:0 0 auto!important;
        min-height:38px!important;
        min-width:max-content!important;
        padding:9px 12px!important;
        white-space:nowrap!important;
        text-align:center!important;
        font-size:13px!important;
        line-height:1.1!important;
        border-radius:999px!important;
    }

    .profile-mini,
    .public-sidebar .ad-slot,
    .sidebar .ad-slot,
    .people-side-ad,
    .side-ad {
        display:none!important;
    }

    .main,
    body.public-page .main,
    body.logged-in:not(.admin-page) .main,
    body.public-page.page-home .main,
    body.public-page.page-login .main,
    body.public-page.page-discover .main,
    body.public-page.page-people .main,
    body.public-page.page-digital_book .main {
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
        padding:14px!important;
    }

    .hero,
    body.public-page .hero,
    body.public-page.page-home .hero,
    .discover-main-card,
    .card,
    .memory-card,
    .public-auth-copy,
    .public-auth-card,
    .issuu-viewer,
    .book-side-panel {
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        border-radius:16px!important;
    }

    .hero,
    body.public-page.page-home .hero {
        min-height:auto!important;
        padding:24px!important;
        align-content:start!important;
    }

    .hero h1,
    .public-auth-copy h1,
    .discover-copy h1 {
        max-width:100%!important;
        font-size:clamp(34px,11vw,48px)!important;
        line-height:.96!important;
    }

    .sub,
    .hero .sub,
    .public-auth-copy .sub {
        max-width:100%!important;
        font-size:16px!important;
        line-height:1.55!important;
    }

    .grid,
    .grid.two,
    .grid.three,
    .two,
    .three,
    .discover-main-card,
    .discover-slider-grid,
    .people-layout,
    .book-shell,
    .public-demo-book,
    .public-auth-layout,
    .auth-proof-grid {
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:100%!important;
        gap:14px!important;
    }

    .row {
        gap:8px!important;
    }

    .row .btn,
    .wizard-actions .btn,
    .public-auth-card .btn,
    #guestSaveModal .btn {
        width:100%!important;
    }

    .input,
    .textarea,
    .select,
    .btn {
        min-height:46px!important;
        font-size:16px!important;
    }

    .discover-slider-grid .slider-row,
    .simple-slider,
    .slider-row {
        display:grid!important;
        grid-template-columns:32px minmax(0,1fr) 38px!important;
        gap:8px!important;
        padding:10px!important;
    }

    .discover-slider-grid .slider-row strong,
    .simple-slider strong {
        grid-column:2!important;
        min-width:0!important;
    }

    .discover-slider-grid .slider-row input,
    .simple-slider input,
    .slider-row input {
        grid-column:1 / -1!important;
        width:100%!important;
    }

    .discover-grid,
    body.public-page.page-discover .discover-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
    }

    .tile-body {
        padding:8px!important;
    }

    .tile-body .discover-title {
        font-size:14px!important;
    }

    .feed-author {
        display:grid!important;
        grid-template-columns:42px minmax(0,1fr)!important;
        gap:10px!important;
        align-items:start!important;
    }

    .feed-actions {
        grid-column:1 / -1!important;
        margin-left:0!important;
        width:100%!important;
        justify-content:flex-start!important;
    }

    .journal-entry,
    .journal-entry.feed-body,
    .feed-body,
    .people-layout .journal-entry.feed-body {
        grid-template-columns:64px minmax(0,1fr)!important;
        gap:10px!important;
    }

    .journal-entry img,
    .feed-body img,
    .people-layout .feed-body img {
        width:64px!important;
        height:92px!important;
        border-radius:10px!important;
    }

    .issuu-viewer {
        padding:12px!important;
    }

    .issuu-topbar {
        margin:-12px -12px 12px!important;
        padding:12px!important;
        display:grid!important;
        gap:8px!important;
    }

    .issuu-stage,
    .public-demo-book .issuu-stage {
        min-height:auto!important;
        padding:10px!important;
        display:block!important;
    }

    .issuu-viewer .digital-page,
    .issuu-viewer .rb-page,
    .issuu-viewer .brochure-spread,
    .brochure-spread {
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        min-height:auto!important;
        max-height:none!important;
        aspect-ratio:auto!important;
        padding:18px!important;
        display:none!important;
        grid-template-columns:1fr!important;
        gap:16px!important;
        overflow:visible!important;
    }

    .issuu-viewer .digital-page.active,
    .issuu-viewer .rb-page.active,
    .issuu-viewer .brochure-spread.active {
        display:grid!important;
    }

    .brochure-spread:before {
        display:none!important;
    }

    .brochure-cover-collage {
        transform:none!important;
        grid-template-columns:1fr 1fr!important;
    }

    .brochure-cover-collage img,
    .brochure-cover-collage img:first-child {
        height:130px!important;
    }

    .brochure-movie-poster img {
        width:100%!important;
        height:auto!important;
        max-height:320px!important;
    }

    .brochure-movie-copy h2,
    .brochure-cover h1,
    .brochure-intro h2,
    .brochure-ending h2 {
        font-size:clamp(28px,9vw,42px)!important;
    }

    .brochure-movie-copy blockquote {
        max-height:none!important;
        font-size:19px!important;
        line-height:1.24!important;
    }

    .book-nav {
        top:auto!important;
        bottom:10px!important;
        transform:none!important;
        width:42px!important;
        height:42px!important;
        font-size:28px!important;
    }

    .book-nav.prev {
        left:12px!important;
    }

    .book-nav.next {
        right:12px!important;
    }

    .modal-backdrop {
        align-items:flex-start!important;
        padding:12px!important;
        overflow:auto!important;
    }

    .modal {
        width:100%!important;
        max-width:100%!important;
        max-height:none!important;
        padding:18px!important;
        border-radius:18px!important;
    }

    .share-card-preview {
        width:100%!important;
        max-width:360px!important;
        min-height:0!important;
        margin-inline:auto!important;
    }
}

/* Every Movie Book experience leads with the reader on phones and tablets. */
@media (max-width: 1100px) {
    .book-shell,
    .public-demo-book {
        display:flex!important;
        flex-direction:column!important;
    }
    .book-shell > .issuu-viewer,
    .public-demo-book > .issuu-viewer {
        order:-100!important;
        margin-top:0!important;
    }
    .book-shell > .book-side-panel,
    .public-demo-book > .book-side-panel {
        order:100!important;
        position:relative!important;
        top:auto!important;
    }
}

@media (max-width: 420px) {
    .main,
    body.public-page .main {
        padding:10px!important;
    }

    .hero,
    body.public-page.page-home .hero,
    .public-auth-copy {
        padding:18px!important;
    }

    .discover-grid,
    body.public-page.page-discover .discover-grid {
        grid-template-columns:1fr 1fr!important;
    }

    .journal-entry,
    .journal-entry.feed-body,
    .feed-body,
    .people-layout .journal-entry.feed-body {
        grid-template-columns:56px minmax(0,1fr)!important;
    }

    .journal-entry img,
    .feed-body img,
    .people-layout .feed-body img {
        width:56px!important;
        height:80px!important;
    }
}

/* Stable share-card scale with a clearly visible cinematic poster blur. */
.share-card-preview.default-template.poster-gradient:before {
    background-image:var(--poster)!important;
    background-position:center!important;
    background-size:cover!important;
    filter:blur(14px) saturate(1.16) contrast(1.04) brightness(.82)!important;
    transform:scale(1.14)!important;
    opacity:1!important;
}
.share-card-preview.default-template.poster-gradient .share-title {
    font-size:48px!important;
    line-height:.96!important;
    font-weight:750!important;
}
.share-card-preview.default-template.poster-gradient .quote .quote-lead {
    font-size:42px!important;
    line-height:1.1!important;
}
.share-card-preview.default-template.poster-gradient .quote .quote-rest {
    font-size:23px!important;
    line-height:1.28!important;
}
.share-card-preview.default-template.poster-gradient .share-footer {
    font-size:18px!important;
}
@media (max-width: 520px) {
    .share-card-preview.default-template.poster-gradient .default-share-content {
        padding:28px 24px 18px!important;
    }
    .share-card-preview.default-template.poster-gradient .share-title {
        font-size:38px!important;
    }
    .share-card-preview.default-template.poster-gradient .quote .quote-lead {
        font-size:32px!important;
    }
    .share-card-preview.default-template.poster-gradient .quote .quote-rest {
        font-size:19px!important;
    }
}

/* Mobile books lead the page and retain a consistent physical-page presence. */
@media (max-width: 760px) {
    .book-shell,
    .public-demo-book {
        display:flex!important;
        flex-direction:column!important;
    }
    .book-shell > .issuu-viewer,
    .public-demo-book > .issuu-viewer {
        order:-1!important;
    }
    .book-shell > .book-side-panel,
    .public-demo-book > .book-side-panel {
        order:1!important;
    }
    .issuu-viewer .issuu-stage,
    .public-demo-book .issuu-stage {
        min-height:clamp(540px,72vh,680px)!important;
        display:grid!important;
        place-items:center!important;
    }
    .issuu-viewer .digital-page,
    .issuu-viewer .rb-page,
    .issuu-viewer .brochure-spread {
        min-height:clamp(500px,68vh,640px)!important;
        height:auto!important;
        align-content:center!important;
        overflow:auto!important;
    }
}

/* Desktop app shell: the navigation stays put and only page content scrolls. */
@media (min-width: 761px) {
    html,
    body {
        height:100%!important;
        overflow:hidden!important;
    }
    body .shell,
    body.public-page .shell,
    body.logged-in .shell {
        display:grid!important;
        grid-template-columns:220px minmax(0,1fr)!important;
        align-items:stretch!important;
        width:100%!important;
        height:100vh!important;
        min-height:0!important;
        overflow:hidden!important;
    }
    body .sidebar,
    body .public-sidebar,
    body:not(.admin-page) .sidebar {
        position:relative!important;
        inset:auto!important;
        grid-column:1!important;
        width:220px!important;
        height:100vh!important;
        min-height:0!important;
        max-height:100vh!important;
        overflow-y:auto!important;
        z-index:20!important;
    }
    body .main,
    body.public-page .main,
    body.logged-in .main,
    body.page-people .main {
        position:relative!important;
        grid-column:2!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:100vh!important;
        margin:0!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch;
    }
    body.auth-page .shell {
        grid-template-columns:minmax(0,1fr)!important;
    }
    body.auth-page .main {
        grid-column:1!important;
    }
}

/* Discover follows the same cinematic movie-journal hero language as Home. */
body.page-discover .discover-main-card {
    width:min(1280px,100%)!important;
    max-width:1280px!important;
    margin:0 auto!important;
    padding:32px!important;
    display:grid!important;
    grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr)!important;
    gap:32px!important;
    align-items:center!important;
    background:
        linear-gradient(90deg,rgba(5,9,18,.97) 0%,rgba(5,9,18,.9) 38%,rgba(5,9,18,.72) 100%),
        url('../img/reelboo-hero-bg.jpg') center/cover no-repeat!important;
    color:#fff!important;
    border:0!important;
    border-radius:18px!important;
    box-shadow:0 20px 50px rgba(15,23,42,.09)!important;
}
body.page-discover .discover-main-card .discover-copy {
    align-self:center!important;
    padding:6px 8px!important;
}
body.page-discover .discover-main-card .eyebrow {
    color:#00a9a5!important;
}
body.page-discover .discover-main-card h1 {
    margin:14px 0 18px!important;
    color:#fff!important;
    font-size:clamp(46px,4.6vw,72px)!important;
    line-height:.94!important;
    text-shadow:0 4px 20px rgba(0,0,0,.58)!important;
}
body.page-discover .discover-main-card .sub {
    max-width:540px!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.65!important;
    text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
body.page-discover .discover-main-card .discover-panel {
    padding:20px!important;
    background:rgba(7,12,22,.82)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:16px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.2)!important;
    backdrop-filter:blur(12px)!important;
}
body.page-discover .discover-main-card .simple-slider {
    min-height:44px!important;
    padding:9px 12px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:12px!important;
    color:#fff!important;
}
body.page-discover .discover-main-card .simple-slider strong,
body.page-discover .discover-main-card .slider-value {
    color:#fff!important;
}
body.page-discover .discover-main-card .simple-slider input {
    accent-color:#05070b!important;
}
body.page-discover .discover-main-card .btn {
    background:linear-gradient(135deg,#25d5d2,#6554ff)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(15,23,42,.14)!important;
}
@media (max-width: 980px) {
    body.page-discover .discover-main-card {
        grid-template-columns:1fr!important;
        gap:20px!important;
        padding:22px!important;
    }
    body.page-discover .discover-main-card .discover-copy {
        padding:0!important;
    }
    body.page-discover .discover-main-card h1 {
        font-size:clamp(38px,11vw,58px)!important;
    }
    body.page-discover .discover-main-card .discover-panel {
        padding:14px!important;
    }
}

/* 2026-07-08 updated guest/value layout styles */
.landing-create-desc {
    line-height: 1.6!important;
}
.sample-journal-link-wrap {
    margin-top: -4px;
    margin-bottom: 8px;
}
.sample-journal-link {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--accent);
    text-decoration: none;
    transition: color 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}
.sample-journal-link:hover {
    color: var(--ink);
    transform: translateX(3px);
}
.guest-draft-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 240px;
}
.guest-draft-title {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}
.guest-draft-subtitle {
    font-size: 13px;
    line-height: 1.45;
    color: inherit;
    opacity: 0.8;
}
#guestDraftNotice button {
    white-space: nowrap;
    margin-left: auto;
}
@media (max-width: 600px) {
    #guestDraftNotice {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }
    #guestDraftNotice button {
        margin-left: 0;
        width: 100%;
    }
}

/* Sticky sidebar on mobile devices */
@media (max-width: 860px) {
    .sidebar {
        position: sticky !important;
        top: 0 !important;
        z-index: 100 !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }
}

/* Plain legal/document pages */
body.page-about .main,
body.page-privacy .main,
body.page-terms .main{
  max-width:960px!important;
}
.legal-page{
  background:#fffdf9;
  border:1px solid rgba(35,31,32,.10);
  padding:clamp(28px,5vw,64px);
  color:#241a12;
  line-height:1.72;
}
.legal-page a{
  color:#285eb8;
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-hero{
  border-bottom:1px solid #e6ded4;
  padding-bottom:28px;
  margin-bottom:22px;
}
.legal-hero h1{
  color:#241a12!important;
  font-size:clamp(36px,5vw,68px);
  line-height:1;
  margin:10px 0 14px;
}
.legal-hero p{
  max-width:760px;
  color:#5f554c;
  font-size:18px;
}
.legal-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:18px;
  color:#6d6258;
  font-size:14px;
}
.legal-toc{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  border-bottom:1px solid #e6ded4;
  padding:0 0 22px;
  margin-bottom:8px;
}
.legal-toc a{
  color:#3f332b;
  font-weight:800;
  text-decoration:none;
}
.legal-section{
  padding:28px 0;
  border-bottom:1px solid #e6ded4;
}
.legal-section:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.legal-section h2{
  color:#241a12!important;
  font-size:clamp(24px,3vw,36px);
  margin:0 0 12px;
  letter-spacing:-.025em;
}
.legal-section h3{
  color:#2e251f!important;
  font-size:18px;
  margin:24px 0 8px;
  letter-spacing:0;
}
.legal-section p,
.legal-section li{
  max-width:780px;
}
.legal-section ul{
  margin:10px 0 0;
  padding-left:22px;
}
.legal-contact-list{
  display:grid;
  gap:12px;
  margin:0;
}
.legal-contact-list div{
  display:grid;
  grid-template-columns:minmax(160px,220px) 1fr;
  gap:12px;
  border-bottom:1px solid #eee7df;
  padding-bottom:12px;
}
.legal-contact-list dt{
  font-weight:850;
  color:#2e251f;
}
.legal-contact-list dd{
  margin:0;
}
@media(max-width:700px){
  .legal-page{padding:24px 18px}
  .legal-contact-list div{grid-template-columns:1fr;gap:2px}
}

/* 2026-07-13 typography and legal-page width refinement */
body{
  font-size:15px;
}
.hero h1,
.page-title{
  font-size:clamp(32px,4vw,54px)!important;
  line-height:1.02!important;
}
h1{
  font-size:clamp(30px,3.4vw,48px);
}
h2{
  font-size:clamp(22px,2.2vw,30px);
}
h3{
  font-size:18px;
}
.sub,
.hero .sub{
  font-size:16px!important;
  line-height:1.6!important;
}
.card{
  font-size:14.5px;
}
.sidebar nav a{
  font-size:13.5px!important;
}
body.page-about .main,
body.page-privacy .main,
body.page-terms .main{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:22px 28px!important;
}
.legal-page{
  width:100%;
  max-width:none;
  min-height:calc(100vh - 44px);
  padding:clamp(28px,4vw,54px) clamp(30px,5vw,72px);
  box-shadow:none;
}
.legal-hero h1{
  font-size:clamp(34px,4vw,52px)!important;
  max-width:980px;
}
.legal-hero p{
  font-size:16px;
  max-width:860px;
}
.legal-section h2{
  font-size:clamp(22px,2.2vw,32px)!important;
}
.legal-section h3{
  font-size:17px!important;
}
.legal-section p,
.legal-section li{
  font-size:15px;
  line-height:1.68;
  max-width:900px;
}
@media(max-width:700px){
  body.page-about .main,
  body.page-privacy .main,
  body.page-terms .main{
    padding:14px!important;
  }
  .legal-page{
    min-height:auto;
    padding:24px 18px;
  }
}

/* 2026-07-13: align Discover hero typography with the People hero. */
body.page-discover .discover-main-card{
  padding:56px!important;
  grid-template-columns:minmax(0,480px) minmax(520px,1fr)!important;
  align-items:center!important;
}
body.page-discover .discover-main-card .discover-copy{
  padding:0!important;
}
body.page-discover .discover-main-card h1{
  max-width:480px!important;
  font-size:clamp(34px,5vw,64px)!important;
  line-height:.96!important;
  margin:12px 0 14px!important;
  letter-spacing:-.055em!important;
}
body.page-discover .discover-main-card .sub{
  max-width:560px!important;
  font-size:16px!important;
  line-height:1.6!important;
}
@media(max-width:980px){
  body.page-discover .discover-main-card{
    padding:32px!important;
    grid-template-columns:1fr!important;
  }
}
@media(max-width:700px){
  body.page-discover .discover-main-card{
    padding:24px!important;
  }
}

/* 2026-07-13: tighten the home hero search action spacing. */
body.page-home .hero > .section.stack{
  gap:8px!important;
  margin-top:18px!important;
}
body.page-home .hero #movieResults:empty,
body.page-home .hero #selectedMovie:empty{
  display:none!important;
}
body.page-home .hero #startJournalBtn{
  margin-top:8px!important;
}
body.page-home .hero #selectFilmNote{
  margin-top:4px!important;
}

/* 2026-07-13: keep the full site on Geist, including legacy template rules. */
body,
body *{
  font-family:var(--font-sans)!important;
}

#journalText,
#followUpText{
  overflow:hidden!important;
  resize:none!important;
}

.theme-toggle{
  border:1px solid var(--line);
  background:#fff;
  color:#111827;
  border-radius:14px;
  padding:10px 12px;
  font-weight:800;
  cursor:pointer;
  text-align:center;
}

html.dark-mode body{
  background:#05070b!important;
  color:#f8fafc!important;
}
html.dark-mode .sidebar,
html.dark-mode .card,
html.dark-mode .modal,
html.dark-mode .memory-card,
html.dark-mode .auth-card,
html.dark-mode .public-auth-card,
html.dark-mode .book-side-panel,
html.dark-mode .issuu-viewer{
  background:#0f172a!important;
  border-color:#263244!important;
  color:#f8fafc!important;
}
html.dark-mode .main,
html.dark-mode body.public-page .main{
  background:#05070b!important;
}
html.dark-mode .muted,
html.dark-mode .small,
html.dark-mode .sub{
  color:#cbd5e1!important;
}
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode strong{
  color:#f8fafc!important;
}
html.dark-mode .input,
html.dark-mode .textarea,
html.dark-mode .select,
html.dark-mode .simple-slider,
html.dark-mode .movie-option{
  background:#111827!important;
  border-color:#334155!important;
  color:#f8fafc!important;
}
html.dark-mode .pill,
html.dark-mode .btn.secondary,
html.dark-mode .theme-toggle{
  background:#1e293b!important;
  border-color:#334155!important;
  color:#f8fafc!important;
}
html.dark-mode .admin-table,
html.dark-mode .admin-table td{
  background:#0f172a!important;
  color:#f8fafc!important;
  border-color:#334155!important;
}
html.dark-mode .admin-table th{
  background:#1e293b!important;
  color:#f8fafc!important;
}
html.dark-mode .legal-page,
html.dark-mode .legal-section{
  background:#05070b!important;
  color:#f8fafc!important;
}

.sample-share-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
}
.sample-share-card-grid .share-card-preview{
  width:100%;
  max-width:320px;
}

/* Dark-mode polish: logo swap, readable sidebar state, and non-white surfaces. */
.brand-logo{
  height:32px;
  width:auto;
  max-width:165px;
  display:block;
  object-fit:contain;
}
.brand-logo-dark{
  display:none;
}
html.dark-mode .brand-logo-light{
  display:none;
}
html.dark-mode .brand-logo-dark{
  display:block;
}
.profile-mini > div:last-child{
  display:grid;
  gap:4px;
  min-width:0;
}
.profile-theme-toggle{
  margin-top:4px;
  padding:7px 10px!important;
  min-height:0;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1.1;
  justify-content:flex-start;
}
html.dark-mode{
  --bg:#05070b;
  --panel:#0f172a;
  --panel-2:#111827;
  --ink:#f8fafc;
  --muted:#cbd5e1;
  --line:#263244;
  --accent:#25d5d2;
  --soft:#172033;
  --shadow:0 20px 60px rgba(0,0,0,.32);
}
html.dark-mode body,
html.dark-mode .shell,
html.dark-mode .main,
html.dark-mode body.public-page .main,
html.dark-mode body.logged-in .main,
html.dark-mode body[class*="page-admin"] .main,
html.dark-mode body.page-account .main{
  background:#05070b!important;
  color:#f8fafc!important;
}
html.dark-mode .sidebar{
  background:#0f172a!important;
  border-color:#263244!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
html.dark-mode .sidebar nav a{
  color:#cbd5e1!important;
  background:transparent!important;
  border:1px solid transparent!important;
  text-shadow:none!important;
}
html.dark-mode .sidebar nav a.active,
html.dark-mode .sidebar nav a:hover{
  color:#ffffff!important;
  background:linear-gradient(135deg,#172033,#243149)!important;
  border-color:#3d4d68!important;
  box-shadow:none!important;
}
html.dark-mode .profile-mini,
html.dark-mode .card,
html.dark-mode .hero,
html.dark-mode .modal,
html.dark-mode .auth-card,
html.dark-mode .memory-card,
html.dark-mode .template-card,
html.dark-mode .movie-option,
html.dark-mode .discover-panel,
html.dark-mode .discover-hero,
html.dark-mode .book-side-panel,
html.dark-mode .issuu-viewer,
html.dark-mode .feed-post,
html.dark-mode .people-layout .feed-post,
html.dark-mode .legal-page,
html.dark-mode .legal-section{
  background:#0f172a!important;
  border-color:#263244!important;
  color:#f8fafc!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important;
}
html.dark-mode .card.soft-card,
html.dark-mode .soft-card,
html.dark-mode .missing-poster-panel,
html.dark-mode .missing-poster-row td,
html.dark-mode .admin-table,
html.dark-mode .admin-table td,
html.dark-mode .table-wrap,
html.dark-mode .pro-upsell,
html.dark-mode .ad-slot{
  background:#111827!important;
  border-color:#263244!important;
  color:#f8fafc!important;
}
html.dark-mode .admin-table th{
  background:#172033!important;
  color:#e5edf8!important;
  border-color:#263244!important;
}
html.dark-mode .input,
html.dark-mode .textarea,
html.dark-mode .select,
html.dark-mode input[type="file"],
html.dark-mode .cell-input,
html.dark-mode .code-box,
html.dark-mode .simple-slider{
  background:#0b1220!important;
  border-color:#334155!important;
  color:#f8fafc!important;
}
html.dark-mode .input::placeholder,
html.dark-mode .textarea::placeholder{
  color:#94a3b8!important;
}
html.dark-mode .muted,
html.dark-mode .small,
html.dark-mode .sub,
html.dark-mode .profile-mini a{
  color:#cbd5e1!important;
}
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode strong,
html.dark-mode .page-title{
  color:#f8fafc!important;
}
html.dark-mode .pill,
html.dark-mode .btn.secondary,
html.dark-mode .theme-toggle{
  background:#172033!important;
  border-color:#334155!important;
  color:#f8fafc!important;
}
html.dark-mode .theme-toggle:hover{
  background:#22304a!important;
}
html.dark-mode .brand{
  padding-left:8px!important;
}