/* A quiet reading desk, with explicit choices instead of native menu clutter. */
.mode-cards,.focus-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-cards button,.focus-choice-grid button{font:inherit;text-align:left;display:flex;flex-direction:column;gap:8px;border:1px solid #8e7953;border-radius:14px;padding:22px;color:#eadcba;background:linear-gradient(145deg,#354538,#1d2b24);box-shadow:0 4px 0 #131e18, inset 0 1px #ffffff16;cursor:pointer;transition:transform .15s,background .15s}.mode-cards button>b{font-size:1.2em}.mode-cards button>span{font-size:24px;color:#edc663}.mode-cards button>small,.focus-choice-grid small{font-size:.87em;line-height:1.5;color:#c8c4b2}.mode-cards button[aria-pressed=true],.focus-choice-grid button[aria-pressed=true]{border:2px solid #e9c45e;background:linear-gradient(145deg,#455744,#273b2d);box-shadow:0 4px 0 #a37b2c,inset 0 1px #fff3}.mode-cards button:hover,.focus-choice-grid button:hover{transform:translateY(-2px)}.mode-cards button:focus-visible,.focus-choice-grid button:focus-visible{outline:3px solid #ffe6a0;outline-offset:5px}.reading-mode,.focus-picker{border:0;padding:0;margin:28px 0}.reading-mode legend,.focus-picker legend{font-weight:750;margin-bottom:14px;letter-spacing:.02em}.focus-choice-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.focus-coming{margin:20px 0;color:#bcb8a6;font-size:.9em}.focus-coming summary{cursor:pointer}.focus-coming p{line-height:1.6}.reading-only-preview{padding:26px;background:#f5ecd6;color:#27372d;border:1px solid #bda67c;border-radius:12px;box-shadow:0 5px 0 #80653e}.reading-only-preview h3{font-family:Georgia,serif;font-size:27px}.reading-only-preview p{color:#4b5347!important;line-height:1.6}.focus-controls fieldset{min-width:0}.reader-name-picker{margin:20px auto;padding:28px 20px;max-width:540px;border:1px solid #b4945d;border-radius:18px;background:radial-gradient(ellipse at top,#344d42,#162c26);color:#f8e8c2;text-align:center;box-shadow:inset 0 1px #f7d99c55,0 6px 0 #0f201b}.reader-name-picker h3{font:700 clamp(24px,4vw,34px) Georgia,serif;margin:14px 0 24px;color:#ffe9af}.reader-name-picker .h-kick{color:#dcba68}.reader-name-picker p{font-size:13px;color:#c6c8b5!important;margin:18px 0 0}.name-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.name-column{display:grid;gap:4px;border-radius:12px;background:#0c201c;box-shadow:inset 0 2px 8px #0006;border:1px solid #8e7953;padding:12px}.name-column>span{color:#c5b591;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.name-column button{font:700 28px Georgia,serif;border:0;border-radius:6px;background:transparent;color:#eac66d;cursor:pointer;min-height:38px}.name-column button:hover{background:#f2cd5b20}.name-column output{font:700 clamp(15px,2.6vw,22px) Georgia,serif;padding:10px 2px;border-block:1px solid #b99750;color:#ffebba}.reader-name-picker .linkbtn{color:#f6d77e;margin-top:18px}.reader-name-picker button:focus-visible{outline:2px solid #ffe4a0;outline-offset:2px}.practice-scorecard{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.practice-scorecard>div{background:#26362d;border:1px solid #8d7445;border-radius:14px;flex:1;min-width:180px;padding:24px;display:grid;gap:12px}.practice-scorecard b{font:700 32px Georgia,serif;color:#f7d782}.practice-scorecard span{color:#d9d5c2}.reading-finish-choices{display:grid;gap:14px}.reading-finish-choices button{text-align:left;white-space:normal}.fcard b{overflow-wrap:anywhere}@media(max-width:540px){.mode-cards,.focus-choice-grid{grid-template-columns:1fr}.name-columns{gap:8px}.name-column{padding:8px}.reader-name-picker{padding:20px 12px}.focus-controls{display:block}}
.reading-finish-choice{max-width:680px;padding:14px}.finish-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.finish-option{font:inherit;padding:26px 22px;display:grid;gap:12px;text-align:left;background:linear-gradient(145deg,#354b40,#1c3028);color:#f9ebc9;border:1px solid #b39965;border-radius:14px;box-shadow:0 4px #13251e;cursor:pointer}.finish-option b{font:700 25px Georgia,serif}.finish-option span{line-height:1.5;color:#e1dfcd}.finish-option small{color:#f5d579;font-weight:700}.finish-option:hover{border-color:#f2ca5d;transform:translateY(-1px)}.finish-option:focus-visible{outline:3px solid #cf9937;outline-offset:4px}@media(max-width:540px){.finish-options{grid-template-columns:1fr}}