/* Nums reuse the site's palette and reading scale in both themes. */
.nums-balance{margin:20px 0;font:400 48px/1.2 var(--font-serif);color:var(--ink)}.nums-terms{margin:16px 0;font-size:17px;line-height:1.6;color:var(--muted)}.nums-history{margin:28px 0}.nums-history article{padding:20px 0;border-bottom:1px solid var(--line)}.nums-history h2{font-size:22px}.nums-history p{margin-top:8px;font-size:17px;line-height:1.6}.nums-history+button{margin-bottom:24px}#answer-feedback{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}#answer-feedback fieldset label{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-right:16px;font-size:17px}#answer-feedback select{margin-bottom:20px;color:var(--ink);background:var(--paper)}
/* Design tokens (README «Оформление»). Theme: data-theme="light" or "dark" is a stored choice drawn by the server; without it
   («Как в системе») prefers-color-scheme decides. The dark values are written twice: for the attribute and for the system. */
:root{color-scheme:light;--bg:#f6f0e7;--paper:#fffaf3;--ink:#2a2140;--muted:#52485e;--line:#e6dccd;--field-line:#948675;--accent:#7a2140;--accent-hover:#5f1831;--accent-ink:#fffaf3;--link:#2e4a9a;--soft:#f5e8e4;--sage:#e9eee3;--sage-ink:#3d5843;--hero-text:#fffaf1;--hero-muted:#f3d9df;--hero-bg:#7a2140;--hero-border:transparent;--hero-line:#ffffff26;--white:#fff;--love-heading:#7a2140;--error:#a23e50;--danger:#95374a;--shadow:none;--gold:#7a2140;--gold-ink:#7a2140;--card-border:#e6dccd;--card-shadow:none;--tone-1:#e4bd9b;--tone-1-ink:#432913;--tone-1-deep:#905624;--tone-2:#c7c0e3;--tone-2-ink:#322467;--tone-2-deep:#684fc9;--tone-3:#d9bae1;--tone-3-ink:#491c55;--tone-3-deep:#9a34b4;--tone-4:#a5ceb3;--tone-4-ink:#173622;--tone-4-deep:#2b7143;--tone-5:#9eccd7;--tone-5-ink:#13343c;--tone-5-deep:#226c7d;--tone-6:#e2bf85;--tone-6-ink:#3c2c11;--tone-6-deep:#825d20;--tone-7:#b8c4e1;--tone-7-ink:#1d2e57;--tone-7-deep:#375fbd;--tone-8:#a0ceba;--tone-8-ink:#163527;--tone-8-deep:#287050;--tone-9:#e0bace;--tone-9-ink:#511d39;--tone-9-deep:#ad3575;--texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .28 0 0 0 0 .2 .28 0 0 0 -.11'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");--radius:8px;--radius-s:6px;--radius-pill:999px;--nav-height:57px;--font-serif:"PT Serif",Georgia,"Times New Roman",serif;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;--icon-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
:root[data-theme=dark]{color-scheme:dark;--bg:#1d1a17;--paper:#27231f;--ink:#f2ebdd;--muted:#c9c0b2;--line:#3e3832;--field-line:#8a8070;--accent:#e9a9b7;--accent-hover:#f3c3cd;--accent-ink:#2a1418;--link:#a9bdf2;--soft:#332b27;--sage:#253029;--sage-ink:#cfe3d3;--hero-muted:#f3d9df;--hero-bg:#4a1d2a;--hero-border:#ffffff14;--love-heading:#e9a9b7;--error:#f2a0b2;--danger:#a8475f;--shadow:none;--gold:#e9a9b7;--gold-ink:#e9a9b7;--card-border:#3e3832;--card-shadow:none;--tone-1:#4b3420;--tone-1-ink:#f2ebdd;--tone-1-deep:#d69359;--tone-2:#2d2744;--tone-2-ink:#f2ebdd;--tone-2-deep:#9786d5;--tone-3:#3e2745;--tone-3-ink:#f2ebdd;--tone-3-deep:#c27dd4;--tone-4:#2a4132;--tone-4-ink:#f2ebdd;--tone-4-deep:#59b879;--tone-5:#263f45;--tone-5-ink:#f2ebdd;--tone-5-deep:#50b1c8;--tone-6:#4d3b1e;--tone-6-ink:#f2ebdd;--tone-6-deep:#d2a04b;--tone-7:#273045;--tone-7-ink:#f2ebdd;--tone-7-deep:#7d97d4;--tone-8:#2a4237;--tone-8-ink:#f2ebdd;--tone-8-deep:#55ba8d;--tone-9:#442736;--tone-9-ink:#f2ebdd;--tone-9-deep:#d17ca9;--texture:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#1d1a17;--paper:#27231f;--ink:#f2ebdd;--muted:#c9c0b2;--line:#3e3832;--field-line:#8a8070;--accent:#e9a9b7;--accent-hover:#f3c3cd;--accent-ink:#2a1418;--link:#a9bdf2;--soft:#332b27;--sage:#253029;--sage-ink:#cfe3d3;--hero-muted:#f3d9df;--hero-bg:#4a1d2a;--hero-border:#ffffff14;--love-heading:#e9a9b7;--error:#f2a0b2;--danger:#a8475f;--shadow:none;--gold:#e9a9b7;--gold-ink:#e9a9b7;--card-border:#3e3832;--card-shadow:none;--tone-1:#4b3420;--tone-1-ink:#f2ebdd;--tone-1-deep:#d69359;--tone-2:#2d2744;--tone-2-ink:#f2ebdd;--tone-2-deep:#9786d5;--tone-3:#3e2745;--tone-3-ink:#f2ebdd;--tone-3-deep:#c27dd4;--tone-4:#2a4132;--tone-4-ink:#f2ebdd;--tone-4-deep:#59b879;--tone-5:#263f45;--tone-5-ink:#f2ebdd;--tone-5-deep:#50b1c8;--tone-6:#4d3b1e;--tone-6-ink:#f2ebdd;--tone-6-deep:#d2a04b;--tone-7:#273045;--tone-7-ink:#f2ebdd;--tone-7-deep:#7d97d4;--tone-8:#2a4237;--tone-8-ink:#f2ebdd;--tone-8-deep:#55ba8d;--tone-9:#442736;--tone-9-ink:#f2ebdd;--tone-9-deep:#d17ca9;--texture:none}}
/* The colour of the number (README «Оформление»): a sheet in the tone of the number, its ink and the deep tone of the digit. */
[data-tone="1"]{--tone:var(--tone-1);--tone-ink:var(--tone-1-ink);--tone-deep:var(--tone-1-deep);--wall:#b4472f;--table:#d9a23f;--mark:#fbf4ee}[data-tone="2"]{--tone:var(--tone-2);--tone-ink:var(--tone-2-ink);--tone-deep:var(--tone-2-deep);--wall:#3e5fa6;--table:#c76a42;--mark:#fbf4ee}[data-tone="3"]{--tone:var(--tone-3);--tone-ink:var(--tone-3-ink);--tone-deep:var(--tone-3-deep);--wall:#7559a0;--table:#e4a57d;--mark:#fbf4ee}[data-tone="4"]{--tone:var(--tone-4);--tone-ink:var(--tone-4-ink);--tone-deep:var(--tone-4-deep);--wall:#6b7a3c;--table:#d7b98a;--mark:#fbf4ee}[data-tone="5"]{--tone:var(--tone-5);--tone-ink:var(--tone-5-ink);--tone-deep:var(--tone-5-deep);--wall:#2b7f88;--table:#ddbe8e;--mark:#fbf4ee}[data-tone="6"]{--tone:var(--tone-6);--tone-ink:var(--tone-6-ink);--tone-deep:var(--tone-6-deep);--wall:#c8902e;--table:#bf5b37;--mark:#3c2c11}[data-tone="7"]{--tone:var(--tone-7);--tone-ink:var(--tone-7-ink);--tone-deep:var(--tone-7-deep);--wall:#4d6687;--table:#c99d6b;--mark:#fbf4ee}[data-tone="8"]{--tone:var(--tone-8);--tone-ink:var(--tone-8-ink);--tone-deep:var(--tone-8-deep);--wall:#2e6a50;--table:#d7b98a;--mark:#fbf4ee}[data-tone="9"]{--tone:var(--tone-9);--tone-ink:var(--tone-9-ink);--tone-deep:var(--tone-9-deep);--wall:#a8566f;--table:#dccbb8;--mark:#fbf4ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button,input,textarea,select,a{touch-action:manipulation}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible,h1:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1:focus:not(:focus-visible),[tabindex="-1"]:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-serif);font-weight:400}h1{font-size:28px;line-height:1.13;overflow-wrap:anywhere}h2{font-size:22px;line-height:1.22;overflow-wrap:anywhere}h3{font-size:18px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}a{color:var(--accent)}svg{display:block;flex-shrink:0}button svg{pointer-events:none}button span{pointer-events:none}input,textarea{font-size:16px}textarea{resize:vertical}button{border:0}::selection{background:var(--soft)}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--paper);padding:12px 18px;border-radius:var(--radius-s)}.skip-link:focus{top:10px}.workspace{padding-bottom:calc(var(--nav-height) + 12px + max(8px,env(safe-area-inset-bottom)))}.site-header{height:82px;width:min(100% - 40px,900px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.wordmark{background:none;padding:0;min-height:44px;color:var(--ink);font-size:28px;font-weight:700;text-align:left}.wordmark span{color:var(--accent)}.header-caption{display:none;font-size:16px;color:var(--muted)}.profile-avatar{background:var(--soft);color:var(--accent);width:44px;height:44px;border-radius:50%;font-weight:600;flex-shrink:0}.main{width:min(100% - 40px,900px);margin:30px auto 0;min-height:460px;outline:none}.site-footer{width:min(100% - 40px,900px);margin:34px auto 0;padding:22px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:16px;max-width:900px}.main[aria-busy=true]~.site-footer{visibility:hidden}.page-heading{margin-bottom:28px;max-width:680px}.eyebrow{display:block;font-family:var(--font-serif);font-size:18px;font-style:italic;font-weight:400;color:var(--muted);margin-bottom:8px}.page-subtitle{margin-top:14px;color:var(--muted);max-width:620px}.greeting{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-size:16px;color:var(--muted)}.greeting-name{color:var(--ink);font-weight:500;overflow-wrap:anywhere}.cycle-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:16px;color:var(--muted);margin-top:12px}.cycle-meta span{padding:5px 10px;border:1px solid var(--line);border-radius:var(--radius-pill)}.cycle-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--accent);font-size:16px;font-weight:600}.cycle-chip:after{content:"";width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--icon-plus) center/contain no-repeat;mask:var(--icon-plus) center/contain no-repeat}.cycle-chip[aria-expanded=true]{background:var(--soft);border-color:var(--accent)}.cycle-chip[aria-expanded=true]:after{-webkit-mask-image:var(--icon-minus);mask-image:var(--icon-minus)}.cycle-panel{max-width:650px;margin:12px 0 4px;padding:19px;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--card-shadow)}.cycle-panel h3{font-family:var(--font-serif);font-size:22px;line-height:1.25;font-weight:700}.cycle-panel>p,.rhythm-panel>p{margin-top:8px;overflow-wrap:anywhere}.tiny-mark{color:var(--accent)}.action-panel{background:var(--sage);color:var(--sage-ink);padding:23px;border-radius:var(--radius);margin:22px 0}.action-panel .eyebrow{color:var(--sage-ink);margin-bottom:9px}.action-panel p{font-size:18px;line-height:1.55;overflow-wrap:anywhere}.action-panel .text-button{margin-top:12px;color:var(--sage-ink)}.affirmation{padding:9px 0 11px;margin:22px 0 24px;border:0}.affirmation .eyebrow{margin-bottom:10px}.affirmation blockquote{font-family:var(--font-serif);font-size:22px;line-height:1.45;margin:0;color:var(--ink);max-width:690px}.affirmation blockquote:before{content:"«";color:var(--accent)}.affirmation blockquote:after{content:"»";color:var(--accent)}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-line h2{font-size:22px}.reflection{border-top:1px solid var(--line);padding-top:26px;margin-top:28px}.reflection-question{color:var(--muted);font-size:16px;margin-bottom:15px}.reflection textarea{min-height:108px;background:var(--paper)}.field-label{display:block;font-size:16px;font-weight:600;margin:17px 0 7px}.field{width:100%;min-height:50px;padding:12px 14px;color:var(--ink);background:var(--paper);border:1px solid var(--field-line);border-radius:var(--radius-s);outline-offset:2px}.field::placeholder{color:var(--muted);opacity:1}.field:focus{border-color:var(--accent)}.field-hint{color:var(--muted);font-size:16px;margin-top:7px}.field-row{display:flex;align-items:flex-start;gap:10px}.field-row>*{flex:1;min-width:0}.field-row .field-label{margin-top:0}.birth-fields{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:10px}.birth-fields .field{padding-inline:12px}.form-error{min-height:0;color:var(--error);font-size:16px;margin-top:10px}.form-error:not(:empty){margin-bottom:12px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;max-width:100%;border-radius:var(--radius-s);background:var(--accent);color:var(--accent-ink);padding:12px 20px;text-align:center;font-size:16px;font-weight:600;line-height:1.4;transition:background .16s,transform .16s;overflow-wrap:anywhere}.button:hover{background:var(--accent-hover)}.button:active{transform:translateY(1px)}.button svg{width:18px;height:18px}.button-wide{width:100%}.button-soft{background:var(--soft);color:var(--accent)}.button-soft:hover{background:var(--line)}.button-danger{background:var(--danger);color:white}.button-danger:hover{background:var(--danger);filter:brightness(.92)}.text-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;max-width:100%;background:none;color:var(--link);padding:7px 0;font-size:16px;text-align:left;line-height:1.45;overflow-wrap:anywhere}.text-button svg{width:17px;height:17px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.back-button{margin:-9px 0 18px;color:var(--muted);font-size:16px}.link-row{display:flex;align-items:center;gap:14px;width:100%;min-height:70px;background:none;text-align:left;border-bottom:1px solid var(--line);padding:14px 0;color:var(--ink)}.link-row .link-symbol{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:var(--soft);color:var(--accent);border-radius:50%}.link-copy{flex:1;min-width:0}.link-copy strong{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}.link-copy small{display:block;color:var(--muted);font-size:16px;margin-top:3px;overflow-wrap:anywhere}.link-row>svg{width:17px;height:17px;color:var(--muted)}.link-row:hover .link-copy strong{color:var(--accent)}.save-row{display:flex;align-items:center;gap:10px;margin:17px 0 22px;flex-wrap:wrap}.save-button.is-saved{color:var(--sage-ink);background:var(--sage);border-color:transparent}.subtle-copy{font-size:16px;color:var(--muted)}.method{margin:22px 0;color:var(--muted);font-size:16px;line-height:1.65}
/* Help (README «Оформление»): an underlined question under what it explains; it opens two or three sentences in place. */
.help{margin-top:12px}.help>summary{display:inline-flex;align-items:center;min-height:48px;cursor:pointer;list-style:none;color:var(--link);font-size:16px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.help>summary::-webkit-details-marker{display:none}.help-body{padding:14px 16px;border-radius:var(--radius-s);background:var(--soft);color:var(--ink);font-size:16px;line-height:1.5;max-width:62ch}.help-body p+p{margin-top:8px}.help-sum{font-family:var(--font-serif);font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}[data-tone] .help>summary{color:var(--tone-ink)}
/* «Мой день» (README «Оформление»): the sheet of the day — the painted scene of its number on top (wall and table from the
   number, ChatGPT's gouache object, the big digit), the theme and the one phrase below; one step that stamps it, one thought. */
.day-sheet{max-width:760px;margin:0 0 14px;border-radius:var(--radius);background:var(--tone);color:var(--tone-ink);overflow:hidden}.day-scene{position:relative;isolation:isolate;height:216px;overflow:hidden;background:var(--wall-texture,none) 0 0/256px auto,var(--wall);background-blend-mode:soft-light}.day-scene:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:58px;background:var(--table-texture,none) 0 0/256px auto,var(--table);background-blend-mode:soft-light}.day-scene-digit{position:absolute;left:18px;top:8px;font-family:var(--font-serif);font-size:160px;font-weight:700;line-height:1;color:var(--mark)}.day-scene-art{position:absolute;right:-24px;bottom:20px;width:min(300px,78%);height:auto}.day-stamp{position:absolute;right:14px;top:14px;transform:rotate(-8deg);padding:6px 12px 7px;border:2px solid var(--mark);border-radius:var(--radius-s);color:var(--mark);font-size:16px;line-height:1.25;text-align:center}.day-stamp b{display:block;font-size:18px}.day-sheet-body{padding:18px 20px 16px}.day-sheet-title{font-family:var(--font-serif);font-size:28px;line-height:1.15;font-weight:700;color:var(--tone-ink);margin-top:4px}.day-sheet-phrase{margin-top:10px;font-family:var(--font-serif);font-size:22px;line-height:1.4;font-style:italic}.day-sheet-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.day-sheet-actions .button{flex:1 1 0;max-width:320px;padding-inline:14px;white-space:nowrap;background:transparent;color:var(--tone-ink);border:1.5px solid var(--tone-ink)}.day-step,.day-thought{max-width:760px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}.day-step h2,.day-thought h2{font-family:var(--font-serif);font-size:22px;line-height:1.2}.day-step p{margin-top:10px;font-size:18px;line-height:1.6}.day-thought .reflection{margin:0;padding:0;border:0}.step-mark{display:inline-flex;align-items:center;gap:14px;min-height:56px;margin-top:14px;padding:0;border:0;background:none;color:var(--ink);font-size:17px;font-weight:600}.step-mark-ring{width:56px;height:56px;display:grid;place-items:center;flex:none;border:2px dashed var(--field-line);border-radius:50%;color:var(--field-line)}.step-mark-ring svg{width:26px;height:26px}.step-mark.is-done .step-mark-ring{border:0;background:var(--accent);color:var(--accent-ink)}
/* «Вместе»: the pair summary on the sheet of the other person's number, under a scene with both digits and the picture
   of the pair standing on the table between them (README «Сцена дня»). */
/* The sheets of a number and of an answer (sceneSheet()): a long number sits lower and smaller, by a smaller object. */
.day-sheet .day-scene-digit.is-3{font-size:92px}.day-sheet .day-scene-digit.is-5{font-size:64px}.day-sheet .day-scene-digit.is-8{font-size:48px}.day-sheet .day-scene-digit.is-12{font-size:36px}.day-sheet .is-long .day-scene-digit{top:auto;bottom:68px}.day-sheet .is-long .day-scene-art{right:-8px;width:min(190px,50%)}
/* Two digits (11, 22, 33, or 77 as typed) keep the full size on a phone: the object beside them is smaller and the edge of
   the scene cuts it; under 360px the digits come down to 92px. */
@media(max-width:599px){.day-sheet .is-two .day-scene-art{right:-40px;width:min(210px,55%)}}
@media(max-width:359px){.day-sheet .day-scene-digit.is-2{top:auto;bottom:68px;font-size:92px}}
.scene-sheet-text{margin-top:10px;font-size:18px;line-height:1.6}
/* «Числа вокруг» (thingPicture()): the number as met in life is painted on its thing — a lotto barrel, a cloakroom tag or
   a tram ticket — in dark brown, the same in both themes; the digit of its meaning stays on the wall (two digits at 92px
   on a phone), and a thing whose number is that digit stands alone in the middle. The search page shows all three. */
.number-thing{position:absolute;right:-10px;bottom:6px;width:min(250px,68%);height:auto}
.number-thing text{font-family:var(--font-serif);font-weight:700;fill:#3b2414;text-anchor:middle}
.has-thing.is-alone .number-thing{right:auto;left:50%;transform:translateX(-50%)}
.day-sheet .number-thing.is-tag{width:min(290px,80%)}
@media(max-width:599px){.day-sheet .has-thing .day-scene-digit.is-2{top:8px;bottom:auto;font-size:92px}}
@media(max-width:359px){.number-thing.is-ticket{right:-22px}}
@media(min-width:600px){.number-thing{right:24px;width:min(300px,48%)}.day-sheet .number-thing.is-tag{width:min(310px,50%)}}
.numbers-scene{max-width:560px;margin:18px 0 24px;border-radius:var(--radius)}
.numbers-scene .number-thing{right:auto}
.numbers-scene .is-barrel{left:-6%;width:40%}
.numbers-scene .is-ticket{left:26%;bottom:4px;width:56%}
.numbers-scene .is-tag{left:69%;width:44%}
.pair-summary-hero{border-radius:var(--radius);background:var(--tone);color:var(--tone-ink);overflow:hidden}.pair-scene{display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 70px}.pair-scene-side{position:relative;display:flex;flex-direction:column;align-items:center;max-width:34%;color:var(--mark);text-align:center}.pair-scene-side small{font-family:var(--font-serif);font-style:italic;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.pair-scene-side b{font-family:var(--font-serif);font-size:92px;font-weight:700;line-height:1}.pair-scene-art{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:min(230px,44%);height:auto}.pair-summary-hero .topic-button[aria-pressed=true]{background:var(--tone-ink);color:var(--tone);border-color:var(--tone-ink)}.pair-summary-body{padding:20px 20px 18px}.pair-summary-body>.eyebrow{margin-bottom:10px}.pair-summary-body>h1{font-size:28px;line-height:1.15}
/* «Моё» (README «Моё»): the owner's line, the path on the sheet of its number, then a contents page — the name of each
   keepsake and its count on a dotted leader, as in a book, instead of rows of icons. */
.mine-owner{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:8px;font-size:18px;color:var(--ink)}.mine-path{display:flex;align-items:center;gap:20px;max-width:560px;margin:24px 0 0;padding:18px 22px;border-radius:var(--radius);background:var(--tone);color:var(--tone-ink)}.mine-path-number{flex:none;min-width:.6em;font-family:var(--font-serif);font-size:92px;font-weight:700;line-height:1;color:var(--tone-deep);text-align:center}.mine-path h2{margin-top:4px;font-size:22px;line-height:1.25;color:var(--tone-ink)}.mine-contents{max-width:560px;margin-top:22px}.mine-contents ul{margin:0;padding:0;list-style:none}.mine-contents button{display:flex;align-items:baseline;gap:12px;width:100%;min-height:56px;padding:12px 0;border:0;background:none;color:var(--ink);font-family:var(--font-serif);font-size:22px;line-height:1.3;text-align:left}.mine-leader{flex:1;min-width:24px;border-bottom:2px dotted var(--field-line)}.mine-count{font-variant-numeric:tabular-nums}.mine-count svg{width:20px;height:20px;color:var(--muted);vertical-align:-3px}.mine-contents button:hover>span:first-child{color:var(--accent)}.mine-epigraph{max-width:560px;margin-top:24px;font-family:var(--font-serif);font-style:italic;font-size:18px;line-height:1.6;color:var(--muted)}[data-tone] .help-body{background:color-mix(in srgb,var(--tone) 60%,var(--paper));color:var(--tone-ink)}@media(prefers-reduced-motion:no-preference){.help[open]>.help-body{animation:help-open .15s ease-out}}@keyframes help-open{from{opacity:0;transform:translateY(-4px)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.method summary{cursor:pointer;min-height:44px;color:var(--accent);display:flex;align-items:center;gap:8px;padding-block:8px;list-style:none}.method summary::-webkit-details-marker{display:none}.method summary:before{content:"";width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--icon-plus) center/contain no-repeat;mask:var(--icon-plus) center/contain no-repeat}.method[open] summary:before{-webkit-mask-image:var(--icon-minus);mask-image:var(--icon-minus)}.method p{white-space:pre-line;overflow-wrap:anywhere;margin-top:7px}.welcome-layout{max-width:620px;margin:15px auto}.welcome-ornament{height:118px;margin:15px 0 28px;display:flex;align-items:center;justify-content:flex-start;position:relative}.welcome-ornament span{font-family:var(--font-serif);font-size:64px;color:var(--accent);font-weight:400;line-height:1;letter-spacing:-.02em;display:grid;place-items:center;width:106px;height:106px;border:1px solid var(--line);border-radius:50%;background:var(--bg);position:relative}.welcome-ornament span+span{margin-left:-15px}.welcome-ornament span:nth-child(2){font-size:48px;color:var(--sage-ink);background:var(--sage);border-color:var(--sage);z-index:1}.welcome-ornament span:nth-child(3){background:var(--soft);color:var(--accent);border-color:var(--soft)}.welcome-layout h1{font-size:36px}.welcome-form{margin-top:28px;max-width:470px}.welcome-form>.field-label{margin-top:24px}.welcome-copy{padding-top:28px;margin-top:28px;border-top:1px solid var(--line);color:var(--muted);font-size:16px}.welcome-copy strong{color:var(--ink);font-weight:500}.topic-picker{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 26px}.topic-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--field-line);border-radius:var(--radius-pill);padding:9px 13px;background:transparent;color:var(--muted);font-size:16px;font-weight:500}.topic-button[aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)}.question-form{max-width:720px}.question-form textarea{min-height:126px}.sample-questions{display:flex;flex-direction:column;gap:1px;margin:13px 0 20px;border-top:1px solid var(--line)}.sample-question{min-height:48px;background:none;border-bottom:1px solid var(--line);text-align:left;padding:12px 0;color:var(--ink);font-family:var(--font-serif);font-size:18px;line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:12px}.sample-question svg{flex:none;width:18px;height:18px;color:var(--accent)}.sample-question:hover{color:var(--accent)}.question-quote{font-family:var(--font-serif);font-size:22px;line-height:1.4;overflow-wrap:anywhere;margin:19px 0 24px;padding-left:18px;border-left:2px solid var(--accent)}.answer-note{font-size:16px;line-height:1.55;color:var(--muted);margin:18px 0}.compatibility-link{margin-top:30px;padding:20px 0 0;border-top:1px solid var(--line)}.compatibility-link p{font-size:16px;color:var(--muted);margin:7px 0}.number-search{max-width:620px}.number-search .field{font-size:22px;min-height:64px}.number-chips{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0}.number-chip{min-height:48px;min-width:70px;background:var(--paper);color:var(--accent);border:1px solid var(--field-line);border-radius:var(--radius-s);padding:9px 16px;font-family:var(--font-serif);font-size:22px}.number-chip:hover{background:var(--soft)}.numbers-intro{margin:30px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px;color:var(--muted)}.numbers-intro strong{color:var(--ink);font-weight:500}.pair-art{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 0 29px}.pair-number{display:grid;place-items:center;width:100px;height:100px;border:1px solid var(--line);border-radius:50%;font-family:var(--font-serif);font-size:48px;color:var(--accent)}.pair-number:first-child{background:var(--soft);border-color:var(--soft)}.pair-number:last-child{background:var(--sage);border-color:var(--sage);color:var(--sage-ink)}.pair-plus{color:var(--muted)}.content-section{padding:22px 0;border-top:1px solid var(--line)}.content-section h3{margin-bottom:11px}.content-section p{color:var(--muted);font-size:17px;line-height:1.65;overflow-wrap:anywhere}.editorial-list{padding-left:19px;margin:10px 0 0;color:var(--muted);font-size:17px;line-height:1.6}.editorial-list li+li{margin-top:8px}.editorial-list li{padding-left:4px;overflow-wrap:anywhere}.logout-form{margin-top:14px}.logout-button{color:var(--muted)}.theme-options{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.theme-option{min-width:0;position:relative;display:flex;align-items:center;gap:8px;min-height:50px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper);font-size:16px;cursor:pointer}.theme-option:has(input:checked){border-color:var(--accent);background:var(--soft)}.theme-option input{accent-color:var(--accent);width:16px;height:16px;margin:0}.collection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:28px}.collection-count{background:var(--soft);color:var(--accent);font-size:16px;min-width:28px;height:28px;display:grid;place-items:center;border-radius:50%;margin-top:7px;flex-shrink:0}.collection-list{border-top:1px solid var(--line)}.collection-item{position:relative;padding:21px 0 18px;border-bottom:1px solid var(--line)}.collection-item .item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:16px;margin-bottom:9px}.collection-item h3{font-size:18px;font-weight:500;margin-bottom:7px;padding-right:22px}.collection-item p{font-size:16px;color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}.collection-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.icon-button{display:inline-grid;place-items:center;min-width:44px;height:44px;border:0;background:none;color:var(--muted);border-radius:50%}.icon-button:hover{background:var(--soft);color:var(--accent)}.icon-button svg{width:18px;height:18px}.empty-state{padding:25px 0 35px;max-width:460px}.empty-state .empty-symbol{display:block;color:var(--accent);margin-bottom:15px;line-height:1}.empty-state h2{font-size:28px;margin-bottom:12px}.empty-state p{color:var(--muted);font-size:16px;margin-bottom:20px}.calendar-list{border-top:1px solid var(--line)}.calendar-day{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 25px;gap:14px;align-items:center;border-bottom:1px solid var(--line);background:none;padding:18px 0;min-height:98px;text-align:left}.calendar-day.is-today .calendar-number{outline:2px solid var(--ink);outline-offset:2px}.calendar-number{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:var(--font-serif);font-size:28px;color:var(--accent)}.calendar-day strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.calendar-day small{display:block;font-size:16px;color:var(--muted);margin-top:3px}.calendar-day svg{width:17px;height:17px;color:var(--muted)}.calendar-day:hover strong{color:var(--accent)}.card-origin{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:16px;margin-bottom:18px}.card-origin svg{width:16px;height:16px}.main-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--paper);border-top:1px solid var(--line);padding:0 max(4px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));box-shadow:0 -5px 24px #1c142507}.nav-items{display:flex;justify-content:center;max-width:600px;margin:auto}/* Bottom bar on a phone: five equal items of 56px (a long label keeps its width, never cut), icons in a pill when current. */.nav-item{flex:1 1 0;min-width:auto;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 4px;border-radius:var(--radius-s);background:none;color:var(--muted);font-size:16px;line-height:1.2;white-space:nowrap}@media(max-width:359px){.nav-item{font-size:14px;font-weight:600}}.nav-item svg{width:22px;height:22px;box-sizing:content-box;padding:4px 16px;border-radius:var(--radius-pill)}.nav-item[aria-current=page]{color:var(--accent);font-weight:600}.nav-item[aria-current=page] svg{background:var(--soft)}.rail-wordmark,.rail-note{display:none}.toast{position:fixed;z-index:60;left:50%;bottom:calc(var(--nav-height) + 14px + max(8px,env(safe-area-inset-bottom)));transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:13px 18px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--ink);color:var(--bg);box-shadow:0 10px 30px #00000012;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.toast.is-error{background:var(--paper);color:var(--error);border-color:var(--error)}.confirm-dialog{max-width:min(420px,calc(100vw - 32px));width:100%;padding:26px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 80px #00000035}.confirm-dialog::backdrop{background:#17102088;backdrop-filter:blur(4px)}.confirm-dialog h2{font-size:28px;margin-bottom:13px}.confirm-dialog>p{color:var(--muted);font-size:16px}.dialog-actions{display:flex;gap:10px;margin-top:24px}.dialog-actions .button{flex:1}.boot-screen{display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;min-height:440px;color:var(--muted);font-size:16px}.boot-orbit{font-size:36px;line-height:1;color:var(--accent);width:90px;height:90px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;animation:breathe 1.5s ease-in-out infinite}.noscript-message{padding:25px;max-width:600px;margin:auto;color:var(--error)}.loading-dot{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.error-page{max-width:520px;padding:45px 0}.error-page h1{margin-bottom:18px}.error-page p{color:var(--muted);margin-bottom:22px}.onboarding .workspace{padding-bottom:35px}.onboarding .profile-avatar{visibility:hidden}.onboarding .site-footer{max-width:620px}
.section-spaced{margin-top:24px}.notes-history{margin-top:34px}.theme-fieldset{border:0;padding:0;margin:25px 0 0}.theme-fieldset .field-label{margin:0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.45;transform:scale(.97)}}
@media(min-width:600px){h1{font-size:36px}h2,.section-line h2{font-size:28px}.main{margin-top:42px}.site-header{height:92px}.header-caption{display:block}.reflection,.action-panel,.affirmation{max-width:760px}.form-actions .button{min-width:160px}.calendar-list,.collection-list,.content-section{max-width:760px}.number-search .form-actions .button{min-width:190px}.welcome-layout{padding-top:15px}.pair-art{justify-content:flex-start;gap:24px}.pair-number{width:120px;height:120px;font-size:64px}}
@media(min-width:1000px){h1{font-size:48px}.workspace{margin-left:224px;padding-bottom:35px}.site-header{width:min(100% - 80px,900px)}.main,.site-footer{width:min(100% - 80px,900px)}.site-header>.wordmark{display:none}.header-caption{display:block;font-size:16px}.main-nav{top:0;right:auto;bottom:0;left:0;width:224px;border-top:0;border-right:1px solid var(--line);box-shadow:none;padding:34px 22px;display:flex;flex-direction:column;align-items:stretch}.rail-wordmark{display:block;margin-left:10px}.nav-items{display:flex;flex-direction:column;margin:52px 0 0;gap:7px;width:100%}.nav-item{flex:none;flex-direction:row;justify-content:flex-start;gap:13px;height:auto;min-height:54px;padding:12px 15px;font-size:16px;white-space:normal}.nav-item svg{width:21px;height:21px;padding:0}.nav-item[aria-current=page]{background:var(--soft)}.nav-item[aria-current=page] svg{background:none}.rail-note{display:block;margin:auto 12px 14px;color:var(--muted);font-size:16px;line-height:1.6}.toast{bottom:24px;left:calc(50% + 112px);max-width:calc(100vw - 260px)}.onboarding .workspace{margin-left:0}.onboarding .site-header>.wordmark{display:block}.onboarding .header-caption{display:none}.onboarding .main{max-width:700px}.onboarding .site-header{max-width:900px}}
@media(max-width:359px){.site-header,.main,.site-footer{width:calc(100% - 32px)}.site-header{height:74px}.main{margin-top:26px}.button{padding-inline:15px;font-size:16px}.topic-button{padding-inline:11px}.action-panel{padding:20px}.form-actions .button{width:100%}.welcome-ornament span{width:88px;height:88px;font-size:64px}.welcome-ornament span:nth-child(2){font-size:36px}.welcome-layout h1{font-size:36px}.birth-fields{gap:7px}.birth-fields .field{padding-inline:10px}.pair-art{gap:15px}.pair-number{height:87px;width:87px;font-size:36px}.calendar-day{grid-template-columns:54px minmax(0,1fr) 18px;gap:12px}.calendar-number{width:52px;height:52px}.main-nav{padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))}.nav-item svg{padding:2px 10px}.confirm-dialog{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* A clear everyday rhythm. */
.page-subtitle{overflow-wrap:anywhere}
.ask-card{--muted:#f3d9df;--field-line:#ffffff80}[data-tone]{--hero-text:var(--tone-ink);--hero-muted:var(--tone-ink);--muted:var(--tone-ink);--field-line:var(--tone-ink);--link:var(--tone-ink)}
.result-actions{gap:10px}.result-actions .button{min-height:46px;min-width:0;flex:1;padding:10px 13px;font-size:16px}
.result-actions .share-button{border:1px solid transparent}.result-actions .share-button:hover{border-color:var(--accent);background:var(--soft)}
.tomorrow-card{padding:21px;margin:20px 0 23px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 95% 0,var(--soft),transparent 73%),var(--paper);box-shadow:var(--shadow)}
.tomorrow-card>p{font-size:16px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere}.tomorrow-card>.text-button{margin-top:8px;font-size:16px;min-height:44px}
.people-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 20px}.people-toolbar>.button{min-width:0;flex:none;font-size:16px;padding:10px 15px;min-height:46px}.people-toolbar>.subtle-copy{flex-shrink:0}
.person-editor{padding:23px;margin:0 0 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.person-editor .section-line{gap:14px}.person-editor .section-line h2{font-size:22px}.person-editor .section-line .text-button{font-size:16px;flex-shrink:0;min-height:44px}.person-editor .field-label{margin-top:15px}.person-editor .field-label:first-of-type{margin-top:3px}.person-editor .form-actions{margin-top:12px}
.people-list{display:grid;gap:12px}.person-item{display:flex;align-items:center;gap:7px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.person-main{display:flex;align-items:center;gap:14px;text-align:left;flex:1;min-width:0;min-height:88px;background:transparent;padding:0;color:var(--ink)}.person-main:hover .person-compare-label{color:var(--accent-hover)}
.person-avatar{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;font-family:var(--font-serif);font-size:22px;color:var(--accent);background:var(--soft)}
.person-copy{min-width:0}.person-copy strong{display:block;font-weight:600;font-size:16px;overflow-wrap:anywhere}.person-copy small{display:block;font-size:16px;color:var(--muted);margin-top:3px}.person-compare-label{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:16px;margin-top:6px}.person-compare-label svg{width:14px;height:14px}.person-actions{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.person-actions .icon-button{width:44px;height:44px}
.people-empty{padding:36px 18px 26px;text-align:center;color:var(--muted)}.people-empty>span{display:block;color:var(--accent)}.people-empty p{margin:8px auto 0;max-width:300px}
.people-picker{margin:0 0 26px}.people-picker>h2{font-size:22px;margin-bottom:12px}.people-picker>.text-button{margin-top:4px}.people-chips{display:flex;flex-wrap:wrap;gap:8px}.person-chip{display:flex;align-items:center;gap:9px;min-height:46px;max-width:100%;padding:6px 11px 6px 6px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);font-size:16px;text-align:left}.person-chip:hover{background:var(--soft);border-color:var(--accent)}.person-chip>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.person-chip>svg{width:15px;height:15px}.person-mini{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;font-family:var(--font-serif);font-size:18px;border-radius:50%;background:var(--soft);color:var(--accent)}
.person-add{border-style:dashed;border-color:var(--accent);color:var(--accent);font-weight:600;padding-right:16px}.person-add .person-mini svg{width:18px;height:18px}
.pair-keep-person{margin-top:14px;font-size:16px;line-height:1.45}.pair-keep-person>label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.pair-keep-person input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin:0;accent-color:var(--accent)}.pair-keep-name>.field-label{margin-top:8px}.pair-number{box-shadow:inset 0 0 0 6px var(--paper)}.pair-plus{color:var(--accent)}
@media(min-width:600px){.result-actions{max-width:480px}.people-list{grid-template-columns:repeat(2,minmax(0,1fr))}.person-editor{max-width:600px}.tomorrow-card{max-width:650px}.person-actions{flex-direction:row}.person-item{padding:18px}}
@media(max-width:599px){.main[data-page=today]{margin-top:22px}.main[data-page=today]>.page-heading{margin-bottom:20px}.main[data-page=today]>.page-heading .eyebrow{margin-bottom:8px}.main[data-page=today]>.page-heading .page-subtitle{margin-top:8px}.main[data-page=today] .greeting{margin-bottom:12px;font-size:16px}.main[data-page=today]>.action-panel{margin-top:18px;margin-bottom:15px;padding:20px}.main[data-page=today]>.action-panel p{font-size:16px}.tomorrow-card{padding:19px}.person-editor{padding:20px}.person-editor .section-line h2{font-size:22px}}
@media(max-width:359px){.tomorrow-card{padding:17px}.result-actions{gap:8px}.result-actions .button{padding-inline:9px}.result-actions .button svg{width:16px;height:16px}.people-toolbar>.button{padding-inline:11px}.person-item{padding:13px;gap:4px}.person-main{gap:10px}.person-avatar{width:39px;height:39px;font-size:18px}.person-editor{padding:17px}.person-editor .section-line h2{font-size:22px}}
/* A personal portrait is the first useful answer; other tools follow it. */
.personal-welcome{max-width:680px;margin:0 auto;padding-top:0}.personal-welcome h1{font-size:36px;max-width:620px;line-height:1.1}.personal-welcome .page-subtitle{font-size:16px;line-height:1.65;max-width:510px;margin-top:18px}.personal-welcome>.eyebrow,.welcome-intro>.eyebrow{margin-bottom:16px}.personal-welcome .welcome-form{max-width:480px;margin-top:25px}.birth-fieldset{border:0;margin:0;padding:0;min-width:0}.birth-fieldset>legend{padding:0;margin:0 0 8px}.birth-fieldset .field-label{margin:0 0 6px;color:var(--muted);font-weight:400;font-size:16px}.birth-fieldset>legend.field-label{color:var(--ink);font-size:16px;font-weight:600}.personal-welcome .birth-fields{grid-template-columns:1fr 1fr 1.4fr}.personal-welcome .birth-fields>label{min-width:0}.personal-welcome .birth-fields .field{font-size:18px;min-height:55px;text-align:center}.personal-welcome .form-actions{margin-top:14px}.welcome-reassurance{text-align:center;font-size:16px;margin-top:12px;line-height:1.6}.welcome-example{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 100% 0,var(--soft),transparent 80%),var(--paper);padding:21px 23px 13px;margin-top:30px;max-width:540px}.welcome-example-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.welcome-example-heading .eyebrow{margin:0}.example-number{height:37px;width:37px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-family:var(--font-serif);font-size:22px}.welcome-example h2{font-size:22px;line-height:1.2;max-width:360px}.welcome-example>p{color:var(--muted);font-size:16px;line-height:1.65;margin:12px 0 5px;overflow-wrap:anywhere}.welcome-example>.text-button{font-size:16px}.welcome-followup{margin-top:30px;max-width:510px}.welcome-followup h2{font-size:22px;line-height:1.25}.welcome-followup>p{font-size:16px;color:var(--muted);margin-top:13px;line-height:1.65}.welcome-promises{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.welcome-promises>span{border:1px solid var(--line);border-radius:var(--radius-pill);padding:5px 10px;font-size:16px;color:var(--muted)}
.main[data-page=portrait],.main[data-page=example],.main[data-page^="reading/"],.main[data-page^="example/"]{max-width:760px}.portrait-date{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:16px;color:var(--muted);min-height:44px;margin:-12px 0 10px}.portrait-date .text-button{font-size:16px}.portrait-insights{padding:5px 1px 0}.portrait-insight{padding:21px 0;border-bottom:1px solid var(--line)}.portrait-insight:last-child{border-bottom:0}.portrait-insight h2{font-family:var(--font-serif);font-weight:400;font-size:22px;line-height:1.25}.portrait-insight p{font-size:17px;color:var(--muted);line-height:1.6;margin-top:8px;overflow-wrap:anywhere}.insight-meta{display:block;font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--muted);margin-top:9px}.portrait-primary{margin-top:5px}.portrait-primary>p{text-align:center;font-size:16px;line-height:1.55;color:var(--muted);margin:10px auto 0;max-width:430px}.portrait-topics{margin-top:32px}.portrait-topics>.eyebrow{margin-bottom:10px}.portrait-topics>h2{font-size:28px;line-height:1.15}.portrait-topic-list{display:grid;gap:10px;margin-top:18px}.portrait-topic-list .link-row{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper);padding:16px 14px;gap:12px;min-height:90px}.portrait-topic-list .link-row:hover{border-color:var(--accent);background:var(--soft)}.portrait-topic-list .link-symbol{background:transparent;width:25px;height:32px}.portrait-topic-list .link-copy strong{font-size:16px}.portrait-topic-list .link-copy small{font-size:16px;line-height:1.5;margin-top:5px}.portrait-more{margin-top:8px}.portrait-more>summary{color:var(--accent);font-size:16px;min-height:44px;padding:11px 0;cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none}.portrait-more>summary::-webkit-details-marker{display:none}.portrait-more>summary:before{content:"";width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--icon-plus) center/contain no-repeat;mask:var(--icon-plus) center/contain no-repeat}.portrait-more[open]>summary:before{-webkit-mask-image:var(--icon-minus);mask-image:var(--icon-minus)}.portrait-more .portrait-topic-list{margin:0 0 15px}.portrait-keep{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.portrait-keep>h2{font-size:28px}.portrait-keep>p{font-size:16px;color:var(--muted);margin-top:8px;max-width:400px}.portrait-keep .result-actions{max-width:none;margin-bottom:0}.example-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;margin-bottom:24px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--soft);color:var(--muted);font-size:16px}.example-banner strong{display:block;font-size:16px;color:var(--ink);margin-bottom:2px}.example-banner>.text-button{font-size:16px;flex-shrink:0}.example-invitation{margin-top:24px;padding:23px 0;border-top:1px solid var(--line)}.example-invitation h2{font-size:28px;margin-bottom:18px}.onboarding .main[data-page=example],.onboarding .main[data-page^="example/"]{max-width:680px}.optional-label{font-size:16px;font-weight:400;color:var(--muted);display:inline-block;margin-left:5px}
.reading-page{max-width:680px}.reading-page>.page-heading{margin-bottom:18px}.reading-page>.page-heading h1{line-height:1.15}.reading-page>.page-heading .page-subtitle{font-size:17px;line-height:1.6;max-width:650px}.reading-context{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:7px;color:var(--muted);font-size:16px}.reading-context>span{padding:4px 8px;border:1px solid var(--line);border-radius:var(--radius-pill)}.reading-sections{margin-top:12px}.reading-section{display:grid;grid-template-columns:22px minmax(0,1fr);gap:13px;padding:26px 0;border-bottom:1px solid var(--line)}.reading-index{font-family:var(--font-serif);font-size:16px;color:var(--accent);padding-top:5px}.reading-section h2{font-size:22px;line-height:1.22;margin-bottom:11px}.reading-section p{font-size:17px;color:var(--muted);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.reading-question{margin-top:25px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:23px}.reading-question .eyebrow{line-height:1.6;margin-bottom:9px}.reading-question>p{font-family:var(--font-serif);font-size:22px;line-height:1.45;overflow-wrap:anywhere}.reading-next{margin-top:30px}.reading-next>.eyebrow{margin-bottom:7px}.reading-next>.link-row{padding-block:16px}.reading-next>.button{margin-top:20px}.reading-next>.text-button{margin-top:12px}.reading-topic-links{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:4px 0 8px}.reading-topic-links>.text-button{font-size:16px}.relationship-entry{margin-bottom:30px}.relationship-entry>.link-row{border:1px solid var(--line);border-radius:var(--radius-s);padding:16px;background:var(--soft)}.relationship-entry .link-symbol{background:var(--paper)}.compatibility-heading{margin-bottom:20px}.compatibility-heading>h2{font-size:28px}
@media(min-width:600px){.personal-welcome{margin-top:8px}.personal-welcome .welcome-form{margin-top:30px}.welcome-example{padding:24px 27px 15px}.portrait-insight{padding:23px 0}.portrait-primary{max-width:520px;margin:9px auto 0}.portrait-topic-list{grid-template-columns:1fr}.portrait-topic-list .link-row{padding:18px 19px}.portrait-keep .result-actions{max-width:480px}.reading-section{grid-template-columns:28px minmax(0,1fr);gap:15px}.reading-section h2{font-size:28px}.reading-question{padding:25px 28px}.reading-page>.back-button{margin-bottom:23px}}
@media(max-width:599px){.main[data-page=welcome]{margin-top:27px}.main[data-page=portrait],.main[data-page=example]{margin-top:23px}.personal-welcome .welcome-form{margin-top:23px}.personal-welcome .welcome-form .form-actions>.button{font-size:16px;gap:9px}.onboarding .site-footer{margin-top:28px}}
@media(max-width:359px){.personal-welcome h1{font-size:36px}.personal-welcome .page-subtitle{font-size:16px}.welcome-example{padding:18px 18px 10px}.welcome-example h2{font-size:22px}.welcome-followup h2{font-size:22px}.portrait-insight{padding:19px 0}.portrait-topics>h2{font-size:28px}.portrait-topic-list .link-row{padding:14px 12px;gap:9px}.portrait-topic-list .link-symbol{width:21px}.portrait-topic-list .link-row>svg{width:14px}.reading-section{grid-template-columns:18px minmax(0,1fr);gap:10px;padding:23px 0}.reading-section h2{font-size:22px}.reading-section p{line-height:1.6}.reading-question{padding:19px}.reading-context{gap:5px}.example-banner{padding:9px 12px;gap:8px}}

/* A useful first impression, followed by a separate conversation about the pair. */
.pair-reading .reading-section p{color:var(--ink)}
.main[data-page=compatibility],.main[data-page=pair],.main[data-page=pair-reading],.main[data-page^="saved-pair/"]{max-width:760px}
.pair-form{max-width:520px;margin-bottom:29px}.pair-own-date{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px}.pair-own-date>span{color:var(--muted)}.pair-own-date>strong{font-weight:500}.pair-form>.gift-date-fields{margin-top:21px}.pair-form>.field-hint{text-align:center;font-size:16px;margin-top:12px;line-height:1.6}.pair-self-link{margin:29px 0 18px}.pair-self-link>.link-row{background:var(--paper)}
.pair-preview{max-width:680px}.pair-summary{font-size:17px;line-height:1.6;color:inherit;margin-top:17px;overflow-wrap:anywhere}
.pair-primary{margin:18px 0 0;max-width:520px}.pair-keep{margin-top:29px;padding-top:25px;border-top:1px solid var(--line)}.pair-keep h2{font-size:22px;line-height:1.25}.pair-keep>p{max-width:460px;font-size:16px;line-height:1.65;color:var(--muted);margin-top:10px}.pair-keep .result-actions{margin-bottom:12px}.pair-preview>.method{margin-top:14px}
.pair-conversation{margin-top:27px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.pair-conversation>.eyebrow{line-height:1.6;margin-bottom:12px}.pair-conversation>h2{font-size:22px;line-height:1.35}.pair-phrase-label{font-size:16px;color:var(--muted);margin-top:22px}.pair-conversation>blockquote{font-size:17px;line-height:1.6;margin:9px 0 0;padding-left:14px;border-left:2px solid var(--accent);overflow-wrap:anywhere;white-space:pre-line}.pair-reading>.reading-context{margin-top:19px}.pair-reading .reading-section h2{font-size:28px}.pair-reading>.card-origin{flex-wrap:wrap;line-height:1.6}
@media(min-width:600px){.pair-summary{line-height:1.6;max-width:590px}.pair-primary{margin-inline:auto}.pair-conversation{padding:27px 29px}.pair-conversation>h2{font-size:28px}}
@media(max-width:599px){.main[data-page=pair]{margin-top:23px}.pair-reading .reading-section h2{font-size:22px}.pair-preview>.back-button{margin-bottom:15px}.pair-conversation{padding:22px 21px}}
@media(max-width:359px){.pair-summary{line-height:1.65;margin-top:14px}.pair-primary>.button{font-size:16px}.pair-conversation{padding:19px 17px}.pair-conversation>h2{font-size:22px}.pair-conversation>blockquote{padding-left:11px}.pair-reading .reading-section h2{font-size:22px}.pair-keep>h2{font-size:22px}}
/* Give daily titles room for complete words on a narrow phone. */



/* Weekly reflection uses existing notes and two small personal fields. */
.week-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0 12px}
.week-switch .button{min-height:48px;white-space:normal;line-height:1.4;text-align:center;padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--muted)}.week-switch .button[aria-pressed=true]{border-color:var(--accent);background:var(--soft);color:var(--accent)}
.week-period{font-size:16px;color:var(--muted);margin-bottom:28px;line-height:1.6}
.week-notes,.week-prompts{margin:28px 0}
.week-day{border-bottom:1px solid var(--line)}
.week-day summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;list-style:none;padding:12px 0;font-weight:500}
.week-day summary::-webkit-details-marker{display:none}
.week-day summary:after{content:"";width:16px;height:16px;flex-shrink:0;background:var(--accent);-webkit-mask:var(--icon-plus) center/contain no-repeat;mask:var(--icon-plus) center/contain no-repeat}
.week-day[open] summary:after{-webkit-mask-image:var(--icon-minus);mask-image:var(--icon-minus)}
.week-day summary .subtle-copy{margin-left:auto;white-space:nowrap}
.week-user-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.week-day .week-user-text{margin:0;padding:16px 0;border-top:1px solid var(--line)}
.week-empty{padding:16px 0;line-height:1.6}
.week-prompts h2,.week-form h2,.week-saved h2{font-family:var(--font-serif);font-size:22px;line-height:1.3;margin-bottom:18px}
.week-form .field-label{display:block;margin-top:20px}
.week-form .subtle-copy{display:block;margin-top:16px;line-height:1.6}
.week-saved{margin:28px 0}




/* «Неделя знакомства»: one chapter of the portrait a day (intro.php). */
.intro-done{display:inline-block;padding:5px 11px;margin-bottom:12px;border-radius:var(--radius-pill);background:var(--sage);color:var(--sage-ink);font-size:16px;font-weight:600}
.portrait-topic-list .intro-chapter.is-locked{cursor:default;border-style:dashed;background:transparent}
.portrait-topic-list .intro-chapter.is-locked:hover{border-color:var(--line);background:transparent}
.intro-chapter.is-locked:hover .link-copy strong{color:inherit}
.intro-badge,.intro-when{display:inline-block;margin-top:8px;font-size:16px;font-weight:600;line-height:1.4}
.intro-badge{padding:3px 9px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink)}.intro-when{color:var(--accent)}
.intro-today{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;padding:16px 18px;margin:0 0 20px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 100% 0,var(--soft),transparent 75%),var(--paper);max-width:760px}
.intro-today>div{flex:1 1 170px;min-width:0}.intro-today .eyebrow{margin-bottom:6px}.intro-today h2{font-size:22px;line-height:1.3}
.intro-today>.button{min-height:44px;padding:9px 16px;font-size:16px}
.intro-next{margin-top:26px}.intro-next>.eyebrow{margin-bottom:8px}.intro-next>h2{font-size:22px;line-height:1.25;margin-bottom:8px}
.intro-next>.field-hint,.intro-locked .field-hint{font-size:16px;margin-top:0}
.intro-locked{padding:22px;margin:4px 0 26px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--paper)}
.intro-locked h2{font-size:22px;line-height:1.25}.intro-locked p{font-size:16px;color:var(--muted);line-height:1.6;margin-top:8px}.intro-locked .text-button{margin-top:8px}
.intro-people{margin-top:28px}.intro-people>h2{font-size:22px;margin-bottom:12px}
.intro-person-form{max-width:520px;margin-top:26px}.intro-person-form>h2{font-size:22px}.intro-add-person>.intro-person-form{margin-top:4px}
.reading-section .text-button{margin-top:6px;font-size:16px}
.intro-closing{margin:22px 0 4px;font-family:var(--font-serif);font-size:18px;line-height:1.5}
@media(max-width:359px){.intro-today{padding:14px}.intro-today h2{font-size:18px}.intro-locked{padding:18px}.intro-next>h2{font-size:22px}}
/* Personal data (legal.php): the consent checkbox, the consent prompt, «Удалить мои данные», the documents in the footer. */
.consent-field{margin-top:12px;font-size:16px;line-height:1.45}.consent-field label{display:flex;align-items:flex-start;gap:10px;padding:6px 0;cursor:pointer}.consent-field input{flex-shrink:0;width:20px;height:20px;margin:0;accent-color:var(--accent)}.consent-field small{display:block;margin-left:30px;color:var(--muted);font-size:16px}.consent-field small a{display:inline-block;padding:6px 0;text-underline-offset:3px}
.consent-gate{max-width:620px}.consent-gate .consent-field{margin-top:0}.consent-gate-delete{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.consent-gate-delete .subtle-copy{margin-bottom:10px}
.delete-me .subtle-copy{margin:8px 0 12px}.delete-me-button{color:var(--error)}.delete-me-button svg{width:18px;height:18px}
.confirm-list{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:16px;line-height:1.6}
.legal-links{display:flex;flex-wrap:wrap;column-gap:20px}.legal-links a{display:inline-block;padding:10px 0;color:inherit;text-underline-offset:3px}
/* Reading pages: «← · закладка · поделиться» in one compact row on top (portrait, chapters, the pair reading). */
.reading-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:-10px 0 16px}
.reading-bar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}
.reading-bar .bar-button{border:1px solid var(--line);color:var(--ink)}
.reading-bar .bar-back{color:var(--muted)}
.reading-bar .bar-button.is-saved{color:var(--sage-ink);background:var(--sage);border-color:transparent}
.reading-bar>.portrait-date{flex-wrap:wrap;justify-content:flex-start;gap:0 12px;min-width:0;margin:0}
.reading-page>.reading-bar{margin-bottom:20px}
/* The end of a chapter during the week: read, a thought, sharing, tomorrow. */
.chapter-end{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.chapter-end>.intro-done{margin-bottom:14px}
.chapter-end-actions{display:flex;flex-wrap:wrap;gap:10px}
.chapter-end-actions>.button{flex:1 1 190px;min-height:46px;padding:10px 14px;font-size:16px}
.chapter-note>.reflection{margin-top:20px;padding-top:20px}
.chapter-end>.intro-next{margin-top:22px}
.chapter-final-done{margin-top:26px}
.remind-actions{display:flex;flex-wrap:wrap;gap:0 22px}
a.text-button{text-decoration:none}
/* After a pair opened from someone's /p/ portrait. */
.pair-reply{display:flex;flex-wrap:wrap;gap:10px;max-width:520px;margin:16px 0 0}
.pair-reply>.button{flex:1 1 200px}
.relationship-entry>.link-row.is-locked{cursor:default;border-style:dashed;background:transparent}
.relationship-entry>.link-row.is-locked:hover .link-copy strong{color:inherit}
.people-limit{margin:-8px 0 18px}
@media(min-width:600px){.pair-reply{margin-inline:auto}}
@media(max-width:359px){.reading-bar{gap:6px}.reading-bar-actions{gap:4px}}
/* Design pass: long reading text, icon sizes, the closed chapters of the week, the theme choice (README «Оформление»). */
.reading-section p,.content-section p,.editorial-list,.portrait-insight p,.pair-summary,.pair-conversation>blockquote,.reading-page>.page-heading .page-subtitle{font-size:18px;line-height:1.6;color:var(--ink);max-width:62ch}
.link-row .link-symbol svg{width:20px;height:20px}
.portrait-topic-list .link-symbol svg{width:24px;height:24px}
.tiny-mark svg{width:18px;height:18px}

.intro-done{display:inline-flex;align-items:center;gap:6px}
.intro-done svg{width:14px;height:14px}
.empty-state .empty-symbol svg{width:48px;height:48px}
.people-empty>span svg{width:44px;height:44px;margin:0 auto}
.pair-plus svg{width:22px;height:22px}
.rail-mark{width:28px;height:28px;color:var(--accent);margin-bottom:16px}
.intro-later{margin-top:10px}
.intro-later>summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:14px;border:1px dashed var(--line);border-radius:var(--radius-s);color:var(--accent);font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.intro-later>summary::-webkit-details-marker{display:none}
.intro-later>summary:before{content:"";width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:var(--icon-plus) center/contain no-repeat;mask:var(--icon-plus) center/contain no-repeat}
.intro-later[open]>summary:before{-webkit-mask-image:var(--icon-minus);mask-image:var(--icon-minus)}
.intro-later>.portrait-topic-list{margin-top:10px}
.birth-part{font-size:16px;line-height:1.3;color:var(--muted)}
@media(min-width:600px){.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* «Сегодня» (README «Оформление»): бумага с лёгким зерном, вечером — тёплый графит без звёзд. Листы с тонкой линией вместо теней;
   личный день — на листе цвета своего числа со сценой; шаги дня — на пунктире. */
body{background-image:var(--texture)}
.button{border-radius:var(--radius-s)}

.intro-today,.action-panel,.tomorrow-card{border:1px solid var(--card-border);background:var(--paper);box-shadow:var(--card-shadow)}
.intro-today .eyebrow{font-size:16px}


.action-panel{color:var(--ink)}
.action-panel .eyebrow,.action-panel .text-button{color:var(--accent)}
.tomorrow-card>p{font-size:16px;color:var(--ink)}

/* Остальные разделы в том же стиле: карточки и группы строк — листы бумаги с тонкой линией, числа — бордовые или на листе
   цвета своего числа; вопрос к себе и разговор пары остаются мягкой плашкой без рамки. */
.person-editor,.person-item,.welcome-example,.relationship-entry>.link-row,.portrait-topic-list .link-row,.collection-list,.example-banner{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--card-shadow)}.collection-list{padding:0 16px}.collection-list>.collection-item:last-child,.sample-questions>.sample-question:last-child{border-bottom:0}
.portrait-topic-list .link-row:hover,.relationship-entry>.link-row:hover{border-color:var(--card-border);background:var(--paper);box-shadow:0 0 0 1px var(--gold),var(--card-shadow)}
.reading-question,.pair-conversation{border-color:transparent}
.calendar-number,.pair-number,.example-number,.person-avatar{border-color:var(--gold)}
.calendar-number,.pair-number,.example-number{color:var(--gold-ink)}
.pair-number:first-child{background:transparent;border-color:var(--gold)}
.calendar-number[data-tone],.rhythm-number[data-tone]{border-color:transparent;border-radius:var(--radius-s);background:var(--tone);color:var(--tone-ink)}
/* «Ближайшие 7 дней»: seven leaves of a tear-off calendar — a tall plate in the colour of the day with its big digit,
   the date line above the theme; no chevrons and no frame around the list (README «Оформление»). */
.calendar-list{display:grid;gap:10px;padding:0;border:0;background:none}.calendar-day{display:flex;align-items:stretch;gap:0;min-height:96px;padding:0;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--paper);overflow:hidden}.calendar-day .calendar-number{flex:none;width:84px;height:auto;border:0;border-radius:0;font-size:48px;font-weight:700}.calendar-copy{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:14px 16px}.calendar-day .calendar-copy small{margin:0;font-family:var(--font-serif);font-style:italic;font-size:18px}.calendar-day .calendar-copy strong{font-family:var(--font-serif);font-size:22px;font-weight:400;line-height:1.25}.calendar-day.is-today{outline:2px solid var(--ink);outline-offset:2px}.calendar-day.is-today .calendar-number{outline:0}
.number-chip{border-color:var(--card-border);border-radius:var(--radius-pill);box-shadow:var(--card-shadow)}.number-chip[data-tone]{background:var(--tone);color:var(--tone-ink);border-color:transparent;box-shadow:none}.number-chip[data-tone]:hover{background:var(--tone);text-decoration:underline;text-underline-offset:5px}
.boot-orbit{border-color:var(--gold);color:var(--gold)}

/* Главы портрета (README «Сцена дня»): натюрморт главы на стене своего цвета — сцена над главой и на обложке главы дня,
   маленькая плитка в строке главы и на «Моём дне». */
.chapter-scene,.chapter-tile{position:relative;isolation:isolate;display:block;overflow:hidden;background:var(--wall-texture,none) 0 0/256px auto,var(--wall);background-blend-mode:soft-light}
.chapter-scene:after,.chapter-tile:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:27%;background:var(--table-texture,none) 0 0/256px auto,var(--table);background-blend-mode:soft-light}
.chapter-scene{height:230px;margin:0 0 22px;border-radius:var(--radius)}
.chapter-scene img{position:absolute;left:50%;bottom:10px;width:min(330px,86%);height:auto;transform:translateX(-50%)}
.chapter-tile{flex:none;width:96px;height:72px;border-radius:var(--radius-s)}
.chapter-tile img{position:absolute;left:0;bottom:2px;width:100%;height:auto}
.chapter-cover{display:block;width:100%;padding:0;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--paper);color:var(--ink);text-align:left;overflow:hidden;box-shadow:var(--card-shadow)}
.chapter-cover .chapter-scene{height:190px;margin:0;border-radius:0}
.chapter-cover .chapter-scene img{width:min(290px,78%)}
.chapter-cover-body{display:block;padding:14px 18px 18px}
.chapter-cover-body strong{display:block;margin-top:10px;font-family:var(--font-serif);font-size:28px;font-weight:400;line-height:1.15}
.chapter-cover-body small{display:block;margin-top:8px;font-size:17px;line-height:1.5;color:var(--muted)}
.chapter-cover-go{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:17px;font-weight:600;color:var(--accent)}
.chapter-cover-go svg{width:16px;height:16px}
.chapter-cover:hover{box-shadow:0 0 0 1px var(--gold),var(--card-shadow)}
.chapter-cover:hover strong{color:var(--accent)}
.intro-today>.chapter-tile{align-self:flex-start}
.portrait-contents{margin-top:32px}
@media(min-width:600px){.chapter-scene{height:300px}.chapter-scene img{width:min(440px,70%)}.chapter-cover .chapter-scene{height:230px}.chapter-cover .chapter-scene img{width:min(340px,60%)}}
@media(max-width:359px){.chapter-tile{width:80px;height:60px}}
.pair-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.pair-art{width:min(320px,100%);height:200px;margin:0 0 18px;padding:0}
.pair-role-fields{margin:21px 0 0;padding:0;border:0;min-width:0}.pair-roles{margin:8px 0 0}.pair-role{position:relative;display:inline-flex}.pair-role input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.pair-role input:checked+.topic-button{background:var(--soft);color:var(--accent);border-color:var(--accent)}.pair-role input:focus-visible+.topic-button{outline:3px solid var(--accent);outline-offset:4px}
.pair-role-switch{margin-top:18px}.pair-role-switch .field-label{display:block}
.pair-person-portrait{margin:22px 0 0}.person-tips{margin-top:30px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.person-tips>.eyebrow{line-height:1.6}.person-tips>h2{font-size:22px;line-height:1.35}.person-tips>blockquote{font-size:17px;line-height:1.6;margin:9px 0 0;padding-left:14px;border-left:2px solid var(--accent);overflow-wrap:anywhere}.person-send{margin-top:34px}.ask-card,.day-rhythm{max-width:760px;margin:24px 0;padding:22px;border-radius:var(--radius)}.day-rhythm{border:1px solid var(--card-border);background:var(--paper);box-shadow:var(--card-shadow)}.day-rhythm>h2{margin-top:4px;font-size:22px;line-height:1.3}
.ask-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--hero-border);background:var(--hero-bg);color:var(--hero-text)}.ask-card .eyebrow{margin-bottom:8px;color:var(--hero-muted)}.ask-card h2{padding-right:52px;color:var(--hero-text);font-size:28px;line-height:1.2}.ask-card>p{margin-top:10px;color:var(--hero-text);line-height:1.6;overflow-wrap:anywhere}.ask-mark{position:absolute;top:20px;right:20px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--hero-muted);border-radius:50%;color:var(--hero-muted)}.ask-mark svg{width:22px;height:22px}
.ask-topics{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}.ask-topic{min-height:44px;padding:9px 14px;border:1px solid #fffaf140;border-radius:var(--radius-pill);background:#fffaf10d;color:var(--hero-text);font-size:16px;font-weight:500}.ask-topic:hover{border-color:var(--hero-muted)}.ask-card .button{width:100%;background:var(--hero-text);color:var(--hero-bg)}.ask-card .button:hover{background:var(--hero-muted)}.ask-card :focus-visible{outline-color:var(--hero-muted)}
.rhythm-rows{margin-top:14px;border-bottom:1px solid var(--line)}.rhythm-row{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 0;border-top:1px solid var(--line);background:none;color:var(--ink);text-align:left}.rhythm-row:after{content:"";width:16px;height:16px;flex-shrink:0;background:var(--accent);-webkit-mask:var(--icon-plus) center/contain no-repeat;mask:var(--icon-plus) center/contain no-repeat}.rhythm-row[aria-expanded=true]:after{-webkit-mask-image:var(--icon-minus);mask-image:var(--icon-minus)}.rhythm-number{flex-shrink:0;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font-family:var(--font-serif);font-size:22px;color:var(--gold-ink)}.rhythm-copy{flex:1;min-width:0}.rhythm-copy small{display:block;font-size:16px;color:var(--muted)}.rhythm-copy strong{display:block;margin-top:2px;font-family:var(--font-serif);font-size:18px;line-height:1.3;overflow-wrap:anywhere}.rhythm-row:hover strong{color:var(--accent)}.rhythm-panel{padding:0 0 16px 60px}.rhythm-panel>.text-button{margin-top:10px}
.rhythm-week{margin-top:18px}.rhythm-week-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rhythm-week-head h3{font-size:18px}.rhythm-week-head .text-button{flex-shrink:0;min-height:44px;font-size:16px;white-space:nowrap}.rhythm-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-top:6px}.rhythm-day{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:6px 0;border-radius:var(--radius-s);background:none;color:var(--muted);font-size:16px;line-height:1.2}.rhythm-day b{width:100%;max-width:38px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:var(--font-serif);font-size:18px;font-weight:400;color:var(--ink)}button.rhythm-day:hover b{outline:2px solid var(--line);outline-offset:2px}.rhythm-day.is-today{color:var(--accent);font-weight:600}.rhythm-day[data-tone] b{border-color:transparent;border-radius:var(--radius-s);background:var(--tone);color:var(--tone-ink)}.rhythm-day.is-today b{outline:2px solid var(--ink);outline-offset:2px}
.rhythm-links{margin-top:14px;border-top:1px solid var(--line)}.rhythm-links .link-row:last-child{border-bottom:0;padding-bottom:0}
@media(min-width:600px){.ask-card,.day-rhythm{padding:28px}.ask-mark{top:26px;right:26px}}
@media(max-width:359px){.rhythm-panel{padding-left:0}}
.account-prompt{max-width:760px;margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink)}.account-prompt h2{font-size:22px;line-height:1.3}.account-prompt p{margin:12px 0;font-size:17px;line-height:1.6}.account-prompt .text-button{display:flex;margin:12px 0}.account-email{overflow-wrap:anywhere}.numarius-account{max-width:480px;font-size:17px;line-height:1.6}.numarius-account>p{margin:16px 0}.numarius-account .button{width:100%;margin:16px 0 8px}.numarius-account>.text-button{display:block;margin:12px 0}.account-consent{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:16px;line-height:1.6}.account-consent input{flex-shrink:0;width:22px;height:22px;margin-top:3px;accent-color:var(--accent)}.account-code{font-size:22px}.numarius-account .field-hint{font-size:16px}

[data-page="invites"]>p{max-width:68ch;margin:0 0 16px}[data-page="invites"] .invite-url{display:block;max-width:540px;margin-bottom:16px;padding-inline:8px}.invite-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
/* Pages for search queries (nb_page_content()): the reading styles of the site; the button is a link to the date form. */
.article-page h2{margin-bottom:11px}.article-page a.button{text-decoration:none}