/* v88: one reading system. The illustration carries the personality; type carries the story. */
@font-face{font-family:DamiKorean;src:url('fonts/noto-sans-kr-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#fffdfc;--ink:#2d2933;--muted:#706773;--plum:#684560;--soft:#f5eef3;--sage:#466356;--gold:#aa8055;--rule:#e8dfe5;--reader-width:720px;--reading-size:18px;--lead-size:20px;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',DamiKorean,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:80px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:#eee9ed;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}button,input,select{font:inherit;color:inherit}button,summary,select{cursor:pointer}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px}button:disabled{opacity:.4;cursor:default}a{color:var(--plum);text-underline-offset:3px}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #aa7e9d;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;padding:12px;background:white}.skip-link:focus{top:10px}
h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.025em}h1{font-size:30px;line-height:1.2;font-weight:700}h2{font-size:23px;line-height:1.4;font-weight:650}h3{font-size:20px;line-height:1.4;font-weight:650}p{overflow-wrap:break-word}button{border-radius:8px}summary{min-height:44px}fieldset{min-width:0}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] p{word-break:keep-all;overflow-wrap:anywhere}
.reader-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:var(--reader-width);min-height:64px;margin:auto;padding:8px 22px;background:var(--paper);border-bottom:1px solid var(--rule)}.dami-logo{flex:0 0 auto;color:var(--plum);font:26px/1 Georgia,serif;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.dami-logo span{font-size:21px;color:var(--gold)}.reader-heading,#open-contents{display:none}.top-language{display:flex;flex-direction:column;gap:1px;max-width:108px}.top-language>span{font-size:10px;line-height:1.3;color:var(--muted)}.top-language select{width:100%;min-height:36px;padding:3px 7px;background:transparent;border:1px solid #d5c8d2;border-radius:6px;font-size:16px}
main{width:100%;max-width:var(--reader-width);min-height:calc(100dvh - 64px);min-width:0;margin:auto;background:var(--paper);padding-bottom:calc(80px + env(safe-area-inset-bottom))}body[data-view=intake] main{padding-bottom:0}#book{min-width:0}.intake,.profile-setup{padding:28px 24px 40px;max-width:600px;margin:auto}.intake-welcome{display:flex;gap:14px;align-items:flex-start;margin-bottom:25px}.welcome-avatar{width:52px;height:64px;flex:0 0 52px;object-fit:cover;object-position:50% 25%;border-radius:26px 26px 10px 10px}.host-name{color:var(--plum);font-size:13px;font-weight:600;margin:0 0 5px}.intake-welcome h1{font-size:28px;margin:0 0 10px}.intake-welcome p:last-child{font-size:15px;color:var(--muted);line-height:1.6;margin:0}.intake-return{margin:0 0 20px}.intake-return:has(button[hidden]){display:none}.intake-return button,.edit-profile-link{padding:8px 0;border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:4px}
#personal-form>label,#profile-form>label,.intake-context label{display:block;font-size:15px;font-weight:600;margin:18px 0 8px}input:not([type=checkbox]):not([type=radio]),select{width:100%;max-width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #cfc4ce;border-radius:8px;background:#fff;color:var(--ink);font-size:16px;box-shadow:none}input::placeholder{color:#938793}input:disabled{background:#f1edf0;color:#8a8088}input[aria-invalid=true],fieldset[aria-invalid=true]{outline:2px solid #b0475e;outline-offset:3px}input[type=checkbox],input[type=radio]{accent-color:var(--plum)}input[type=checkbox]{width:19px;height:19px;margin:0;flex:0 0 19px}input[type=time]{min-inline-size:0;max-inline-size:100%;width:100%;appearance:none;-webkit-appearance:none;font-family:var(--font)}.field-note,.privacy-note{font-size:13px;line-height:1.55;color:var(--muted);margin:8px 0 0}.privacy-note{margin-top:16px}
.portrait-picker{padding:0;margin:24px 0 0;border:0}.portrait-picker legend{font-size:15px;font-weight:600;padding:0}.portrait-picker>.field-note{margin:4px 0 12px}.portrait-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portrait-option{position:relative;min-width:0;cursor:pointer}.portrait-option>input{position:absolute;width:1px;height:1px;opacity:0;top:12px;left:12px}.portrait-choice{position:relative;display:block;border:2px solid transparent;border-radius:12px;background:#f3eff2;overflow:hidden;box-shadow:0 0 0 1px var(--rule)}.portrait-choice>img{width:100%;height:158px;object-fit:cover;object-position:50% 23%}.portrait-choice>span{display:block;padding:8px 12px;font-size:15px;font-weight:600;text-align:center}.portrait-choice>i{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--plum);color:white;text-align:center;line-height:26px;font-size:16px;font-style:normal;opacity:0}.portrait-option>input:checked+.portrait-choice{border-color:var(--plum);background:var(--soft);box-shadow:none}.portrait-option>input:checked+.portrait-choice>i{opacity:1}.portrait-option>input:focus-visible+.portrait-choice{outline:3px solid #aa7e9d;outline-offset:4px}.form-section-title{margin:28px 0 16px;padding-top:25px;border-top:1px solid var(--rule);font-size:20px}.date-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 8px;font-size:15px;font-weight:600}.date-heading>select{width:auto;max-width:50%;min-height:40px;padding:6px 9px;font-size:14px}.birth-parts{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr) minmax(0,1fr);gap:9px;border:0;padding:0;margin:0}.birth-parts>label{display:block;min-width:0}.birth-parts>label>span{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.birth-parts input,.birth-parts select{font-variant-numeric:tabular-nums;padding-inline:9px}html[lang=ko] .birth-parts{grid-template-columns:1.05fr 1fr .8fr}html[lang=ko] .birth-parts>label:nth-child(3){order:-1}.check-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;min-height:44px;margin:0}.intake-optional{margin:28px 0 18px;border-block:1px solid var(--rule)}.intake-optional>summary{padding:15px 0;font-size:15px;font-weight:600;color:var(--plum)}.intake-context{padding:0 0 20px;margin:0;border:0}.intake-context>legend{display:none}.intake-context>p{font-size:14px;color:var(--muted)}.intake-context select{margin-bottom:3px}.maru-intake-note{padding:15px;background:#f6f1e9;border-radius:8px;margin:25px 0 10px;color:#725735}.maru-intake-note>span{font-size:13px;font-weight:600}.maru-intake-note>p{margin:5px 0 0;font-size:14px}.history-survey{margin-top:22px;font-size:14px}.history-survey summary{padding:10px 0}.form-error{color:#a13850;font-size:14px;line-height:1.5;margin:14px 0}.form-error:empty{margin:0}.read-button{display:block;width:100%;min-height:52px;padding:13px 18px;background:var(--plum);border:1px solid var(--plum);color:white;border-radius:10px;font-size:16px;font-weight:650;text-align:center}.secondary-button{display:block;width:100%;min-height:48px;padding:11px 18px;background:transparent;border:1px solid #d2bfce;color:var(--plum);font-size:15px;font-weight:600}.profile-setup>h1{margin-bottom:14px}.profile-setup>p:not(.host-name){color:var(--muted);font-size:16px}.profile-setup .read-button{margin-top:20px}
/* A compact, personal cover. Summary and chapters are separate views. */
#reading-overview{padding:0 24px 25px}.reading-identity{display:grid;grid-template-columns:minmax(0,1fr) 134px;gap:20px;align-items:center;padding:28px 0 24px}.identity-copy{min-width:0}.identity-label{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 8px}.identity-name{font-size:29px;line-height:1.2;letter-spacing:-.035em;margin:0 0 9px;overflow-wrap:anywhere}.identity-element{font-size:14px;font-weight:600;color:var(--plum);margin:0 0 13px}.identity-intro{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:32ch}.identity-portrait{width:134px;height:184px;object-fit:cover;object-position:50% 30%;border-radius:60px 60px 12px 12px}.overview-heading{font-size:19px;line-height:1.4;margin:0 0 14px;font-weight:650;letter-spacing:-.015em}.reading-highlights{border-top:1px solid var(--rule);padding-top:22px}.highlight-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}.highlight-list>li{border-bottom:1px solid var(--rule)}.highlight-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;background:none;border:0;border-radius:0;text-align:left}.highlight-copy{min-width:0}.highlight-label{display:block;font-size:12px;font-weight:650;color:var(--plum);margin-bottom:5px}.highlight-title{display:block;font-size:18px;font-weight:600;line-height:1.45;letter-spacing:-.015em;overflow-wrap:break-word}.highlight-arrow{flex:0 0 13px;font-size:26px;color:#a48d9d;line-height:1}.overview-hint{font-size:12px;color:var(--muted);margin:12px 0 0}.overview-actions{display:grid;gap:9px;margin:22px 0 32px}.book-contents{border-top:1px solid var(--rule);padding:25px 0 10px}.overview-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.overview-chapter{display:block;padding:15px 0 18px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none}.overview-title{display:block;font-size:16px;font-weight:650;margin-bottom:5px}.overview-chapter small{display:block;font-size:13px;color:var(--muted);line-height:1.5}.edit-profile-link{display:block;margin-top:18px;text-align:left}
/* Reading scale: chapter / question / spoken line / prose. No display serif in the text. */
.chapter{outline:none}.chapter-heading{max-width:620px;margin:auto;padding:30px 26px 26px}.chapter-owner{font-size:13px;color:var(--muted);margin:0 0 9px}.standalone-chapter-title{font-size:30px;line-height:1.25;margin:0 0 8px}.chapter-question{font-size:16px;color:var(--plum);line-height:1.5;margin:0}.story-scene{margin:0 0 34px;display:flow-root;min-width:0}.reading-passage{max-width:620px;padding:0 26px;margin:0 auto;outline:none;scroll-margin-top:85px;min-width:0}.passage-question{font-size:22px;line-height:1.4;margin:16px 0 18px;font-weight:650;letter-spacing:-.02em}.passage-continuation{padding-top:18px;padding-bottom:4px}.reading-beat,.reading-passage>p{font-family:var(--font);font-size:var(--reading-size);line-height:1.75;margin:0 0 17px;color:var(--ink);overflow-wrap:break-word}.reading-beat:last-child{margin-bottom:0}.reading-lead{font-size:var(--lead-size);line-height:1.6;font-weight:600;color:#4c3549;margin-bottom:18px}.spoken-opening{font-size:var(--lead-size);font-weight:600;line-height:1.55;color:var(--plum);margin:0 0 19px}.text-scene+.text-scene{padding-top:18px;border-top:1px solid var(--rule);margin-inline:26px}.text-scene+.text-scene .reading-passage{padding-inline:0}.full-scene{max-width:620px;width:calc(100% - 32px);margin:0 auto 4px;overflow:hidden;border-radius:12px;background:var(--soft)}.scene-visual{width:100%;line-height:0}.scene-visual>img{width:100%;height:auto}.dialogue-window{padding:18px 20px;background:var(--soft);border:0}.dialogue-name{display:block;font-family:var(--font);font-size:12px;font-weight:700;color:var(--plum);margin:0 0 6px;letter-spacing:0}.dialogue-line{font-family:var(--font);font-size:18px;line-height:1.65;margin:0;overflow-wrap:break-word}.dialogue-line+.dialogue-line{margin-top:10px}.dialogue-reply{margin-top:16px;padding-top:14px;border-top:1px solid #dfd1db}.dialogue-reply.voice-maru .dialogue-name,.voice-maru>.dialogue-window .dialogue-name{color:#816033}.voice-maru>.dialogue-window{background:#f6f1e9}.voice-maru .dialogue-reply{border-color:#e1d7c7}.story-break{max-width:620px;margin:26px auto 36px}.story-break img{width:100%;border-radius:10px}.story-break figcaption{padding:14px 26px 0;font-size:14px;line-height:1.6;color:var(--muted)}.comic-sequence{border:1px solid var(--rule)}.comic-beat{min-width:0}.comic-frame{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}.comic-caption{padding:16px 20px 20px;background:var(--soft)}.comic-caption.voice-maru{background:#f6f1e9}.comic-caption.voice-maru .dialogue-name{color:#816033}.comic-caption .dialogue-line{font-size:18px;line-height:1.6}
.chapter-navigation{display:flex;justify-content:space-between;gap:18px;padding:18px 26px 30px;max-width:620px;margin:auto;border-top:1px solid var(--rule)}.chapter-navigation button{max-width:50%;border:0;background:none;color:var(--plum);padding:5px 0;text-align:left;font-size:14px;line-height:1.5}.chapter-navigation button:last-child{margin-left:auto;text-align:right}.reader-footer{max-width:620px;margin:20px auto 0;padding:18px 26px 22px;color:var(--muted);font-size:12px;line-height:1.65;border-top:1px solid var(--rule)}.reader-footer>p{margin-bottom:10px}.reader-footer>a{font-size:12px}body[data-view=setup] .reader-footer{display:none}.sample-notice,.resume-banner{margin:0;padding:14px 24px;background:var(--soft);font-size:14px}.resume-banner{display:flex;align-items:center;gap:10px}.resume-banner>span{flex:1}.resume-banner button{border:0;background:none;color:var(--plum)}
/* Month picker stays inside the page at every width. */
.period-selector{width:100%;min-width:0;margin:22px 0 0}.period-tabs{display:flex;flex-wrap:wrap;gap:7px;min-width:0;margin:0 0 21px}.period-tab{flex:1;min-width:0;min-height:44px;padding:9px 6px;border:1px solid #e0d3dc;border-radius:8px;background:#faf6f9;color:var(--plum);font-size:14px;line-height:1.4;overflow-wrap:anywhere}.period-tab[aria-selected=true]{background:var(--plum);color:white;border-color:var(--plum);font-weight:600}.period-tabs-month{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.period-panel{min-width:0;outline:none;scroll-margin-top:85px}.period-range{font-size:13px!important;color:var(--muted)!important;margin-bottom:8px!important;font-variant-numeric:tabular-nums}.period-focus{font-size:13px!important;font-weight:600;color:var(--plum)!important;margin-bottom:8px!important}.period-title{font-size:23px;line-height:1.4;margin:0 0 16px;color:var(--ink)}.period-callback{padding:12px 14px;border-left:2px solid #bda2b7;background:var(--soft);font-size:14px!important;line-height:1.6!important;color:#6d5767!important}.period-topic{padding:19px 0 6px;border-top:1px solid var(--rule)}.period-topic>h4{font-size:14px;font-weight:700;color:var(--plum);margin:0 0 12px}.period-topic .reading-lead{font-size:var(--reading-size);font-weight:500;line-height:1.7}.month-signals{margin:0 0 25px}.month-signals>h3{font-size:19px;margin:0 0 8px}.signals-note{font-size:13px!important;color:var(--muted)!important;margin-bottom:14px!important}.month-signal{display:block;width:100%;text-align:left;background:var(--soft);border:0;border-left:3px solid #b48aa6;border-radius:0;padding:13px 15px;margin:0 0 8px}.signal-topic{font-size:12px;font-weight:700;color:var(--plum);margin-right:9px}.signal-range{font-size:12px;color:var(--muted)}.month-signal strong{display:block;font-size:16px;line-height:1.5;margin-top:5px}.month-signal small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:6px}
.reading-basis{margin:20px 0 12px;border-top:1px solid var(--rule);font-size:14px;line-height:1.65}.reading-basis>summary{padding:11px 0;color:var(--muted);font-size:13px}.reading-basis p,.reading-basis .basis-line{font-size:14px!important;line-height:1.7!important;margin:0 0 12px;color:var(--muted)}.reading-basis h3{font-size:17px;margin:18px 0 10px}.reading-basis .source-link{display:block}.love-method{padding:0 26px;max-width:620px;margin:0 auto 28px;font-size:14px;color:var(--muted)}.love-method summary{padding:12px 0;border-block:1px solid var(--rule)}.love-method>p{margin-top:16px;line-height:1.7}.love-situations{margin:16px 0 0}.love-situation{border-top:1px solid var(--rule);padding:22px 0 8px}.love-situation-heading{font-size:18px;color:var(--plum);margin:0 0 14px}.love-portrait{padding:17px;background:var(--soft);border-radius:8px;margin:0 0 22px}.love-portrait h3{font-size:18px;margin:0 0 10px}.love-portrait-traits{font-size:15px!important;line-height:1.7!important;margin:0!important}.love-years{padding-top:20px}.love-current-note,.love-farewell{padding-top:20px;font-size:15px!important;color:var(--muted)!important}
.career-idea,.place-idea{padding:24px 0;border-bottom:1px solid var(--rule)}.career-idea h3,.place-idea h3{font-size:21px;margin:0 0 13px}.career-idea h4,.place-idea h4{font-size:14px;color:var(--sage);font-weight:650;margin:20px 0 10px}.recommendation-origin,.preference-note,.visit-or-live{font-size:13px!important;line-height:1.6!important;color:var(--muted)!important;margin-top:18px!important}.source-link{display:inline-block;font-size:13px;line-height:1.6;padding:8px 0;color:var(--sage)}.reading-table-wrap{max-width:100%;overflow-x:auto;margin:18px 0}.reading-data-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.6}.reading-data-table caption{text-align:left;font-size:16px;font-weight:600;padding-bottom:12px}.reading-data-table th,.reading-data-table td{padding:12px 8px;vertical-align:top;border-bottom:1px solid var(--rule);overflow-wrap:anywhere;text-align:left}.reading-data-table thead th{background:var(--soft)}
.natal-fold{max-width:568px;margin:0 auto 30px;padding:0 26px}.natal-fold>summary{font-size:14px;color:var(--muted);padding:12px 0;border-block:1px solid var(--rule)}.chart-sheet{padding:22px 0;max-width:568px;margin:auto}.chart-eyebrow{font-size:13px;color:var(--plum);margin-bottom:8px}.chart-headline{font-size:20px;margin-bottom:20px}.pillar-table{width:100%;border-collapse:collapse;table-layout:fixed}.pillar-table th{font-size:12px;font-weight:500;text-align:center;color:var(--muted);padding:7px 2px}.pillar-table td{text-align:center;padding:10px 3px;border-bottom:1px solid var(--rule)}.day-pillar{background:var(--soft)}.pillar-char{display:block;font-size:30px;line-height:1.5}.pillar-meaning{font-size:11px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.element-bars{margin:22px 0}.element-row{display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:10px;font-size:12px;margin:8px 0}.element-track{height:7px;background:var(--soft);border-radius:10px;overflow:hidden}.element-fill{display:block;height:100%;background:#9b6b91}.element-0{background:#779477}.element-1{background:#c38378}.element-2{background:#be9b6f}.element-3{background:#98a7af}.element-4{background:#7f8fa9}.element-count{text-align:right}.chart-note,.chart-contrast,.boundary-note{font-size:13px;line-height:1.7;color:var(--muted);margin:16px 0 0}.boundary-note{padding:12px;background:var(--soft)}
/* Three named actions, rather than unlabeled page arrows. */
.mobile-navigation{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;display:grid;grid-template-columns:1fr 1fr 1.35fr;align-items:stretch;gap:6px;width:100%;max-width:var(--reader-width);padding:7px 16px max(7px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--rule)}.mobile-navigation button{display:flex;justify-content:center;align-items:center;gap:5px;min-width:0;padding:7px 4px;font-size:13px;line-height:1.4;background:transparent;border:0;color:var(--muted)}.mobile-navigation #mobile-contents{flex-direction:column;gap:0}.mobile-navigation small{font-size:10px;line-height:1.2}.mobile-navigation #next-chapter{background:var(--plum);color:white;font-weight:600;padding-inline:9px}.mobile-navigation #next-chapter>span:last-child{font-size:22px;line-height:1}.mobile-navigation [aria-current=true]{color:var(--plum);font-weight:650;background:var(--soft)}
dialog{width:min(560px,calc(100% - 20px));max-width:560px;max-height:calc(100dvh - 24px);margin:auto;padding:22px;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:16px;overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 60px #31233630}dialog::backdrop{background:#27212d8c}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.dialog-heading h2{font-size:22px;line-height:1.3;margin:0}.dialog-heading button{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--rule);border-radius:50%;background:transparent;color:var(--plum);font-size:25px}.reader-settings{display:flex;align-items:center;gap:12px;font-size:14px;padding:0 0 17px;margin-bottom:18px;border-bottom:1px solid var(--rule)}.reader-settings label{margin-right:auto}.reader-settings select{width:auto;max-width:46%;min-height:44px;padding:7px;font-size:16px}#font-size{border:1px solid var(--rule);background:white;padding:7px 12px;min-width:44px}#font-size[aria-pressed=true]{background:var(--soft);border-color:var(--plum)}.reader-profile{display:flex;gap:13px;align-items:center;margin-bottom:14px}.reader-profile>img{width:48px;height:64px;object-fit:cover;border-radius:6px}.reader-profile>div{min-width:0}.reader-profile strong{display:block;font-size:18px;overflow-wrap:anywhere}.reader-profile small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.menu-overview{width:100%;text-align:left;padding:10px 12px;margin-bottom:8px;background:var(--soft);border:0;color:var(--plum);font-size:14px;font-weight:600}.contents-chapter{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:13px 10px;background:transparent}.contents-chapter>span{display:block;font-size:16px;font-weight:600}.contents-chapter>small{display:block;font-size:12px;line-height:1.5;margin-top:3px;color:var(--muted)}.contents-chapter[aria-current=true]{background:var(--soft);color:var(--plum)}.reading-toolbar{display:flex;flex-wrap:wrap;gap:8px 16px;padding:18px 0 8px;border-top:1px solid var(--rule);margin-top:20px}.reading-toolbar #save-status{flex:1 0 100%;color:var(--muted);font-size:12px}.reading-toolbar button,.edit-actions button{background:transparent;border:0;padding:7px 0;color:var(--plum);font-size:14px;text-align:left}.edit-actions{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--rule);padding-top:10px}.edit-actions #clear-details{color:#a0495a}#reading-details{font-size:13px;color:var(--muted);margin-top:20px}#reading-details summary{padding:12px 0}#reading-details dl{margin:0 0 15px}#reading-details dt{font-weight:600;color:var(--ink);margin-top:15px}#reading-details dd{margin:4px 0 0;line-height:1.7}.role-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.keepsake-note{font-size:14px;line-height:1.6;color:var(--muted)}.keepsake-options{display:flex;flex-wrap:wrap;align-items:center;gap:13px 18px;margin:16px 0}.keepsake-options label{display:flex;align-items:center;gap:10px;font-size:14px}.keepsake-options select{width:auto;max-width:190px;min-height:44px;padding:8px;font-size:16px}#keepsake-canvas{display:block;width:100%;height:auto;max-width:500px;margin:auto;border-radius:8px}#keepsake-status{font-size:13px;min-height:42px;margin:15px 0;color:var(--muted)}.keepsake-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.keepsake-actions>button,.keepsake-actions>a{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;padding:10px;border:1px solid #d5c4d0;border-radius:8px;background:transparent;color:var(--plum);font-size:14px;line-height:1.4;text-decoration:none}.keepsake-actions #save-keepsake,.keepsake-actions #send-keepsake{background:var(--plum);border-color:var(--plum);color:white}.keepsake-actions [aria-disabled=true]{opacity:.4;pointer-events:none}#keepsake-text{font-size:16px;line-height:1.6;padding-top:18px}.no-script{padding:22px}
html.large-text{--reading-size:21px;--lead-size:23px}html.large-text .dialogue-line{font-size:21px}html.large-text .highlight-title{font-size:21px}html[lang=ko] .reading-beat{line-height:1.8;letter-spacing:-.015em}
@media(min-width:620px){.intake,.profile-setup{padding-top:40px}#reading-overview{max-width:620px;margin:auto;padding-inline:30px}.reading-identity{grid-template-columns:minmax(0,1fr) 160px;padding-block:36px;gap:36px}.identity-portrait{width:160px;height:214px}.identity-name{font-size:35px}.identity-intro{font-size:16px}.identity-element{font-size:16px}.highlight-title{font-size:20px}.highlight-item{padding-block:18px}.chapter-heading{padding-top:40px}.standalone-chapter-title{font-size:34px}.mobile-navigation{padding-inline:30px}.mobile-navigation button{font-size:14px}}
@media(max-width:400px){:root{--reading-size:17px;--lead-size:19px}.reader-header{padding-inline:18px;gap:12px}.dami-logo{font-size:24px}.intake,.profile-setup{padding-inline:20px}.intake-welcome{gap:12px}.intake-welcome h1{font-size:25px}.welcome-avatar{width:44px;height:58px;flex-basis:44px}.portrait-choice>img{height:140px}#reading-overview{padding-inline:20px}.reading-identity{grid-template-columns:minmax(0,1fr) 112px;gap:15px;padding-top:23px}.identity-portrait{width:112px;height:156px}.identity-name{font-size:27px}.identity-intro{font-size:13px}.identity-label{font-size:11px}.identity-element{font-size:13px;margin-bottom:10px}.highlight-title{font-size:17px}.overview-heading{font-size:18px}.highlight-item{padding-block:14px}.overview-chapters{gap:0 18px}.overview-title{font-size:15px}.chapter-heading,.reading-passage{padding-inline:22px}.standalone-chapter-title{font-size:28px}.passage-question{font-size:21px}.dialogue-line,.comic-caption .dialogue-line{font-size:17px}.period-tabs-month{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-navigation{padding-inline:12px;gap:4px}.mobile-navigation button{font-size:12px}.mobile-navigation #next-chapter{padding-inline:6px}.signal-range{display:block;margin-top:3px}dialog{padding:18px}.keepsake-options{display:block}.keepsake-options label+label{margin-top:12px}}
@media(max-width:340px){.identity-portrait{width:96px;height:140px}.reading-identity{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.identity-name{font-size:24px}.identity-intro{font-size:12px}.overview-chapters{grid-template-columns:1fr}.top-language{max-width:103px}.reader-header{padding-inline:16px}.portrait-choice>img{height:128px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.reader-header,.mobile-navigation,.overview-actions,.edit-profile-link,.chapter-navigation,dialog,.intake{display:none!important}body,main{background:white}main{padding:0;max-width:100%}.story-scene{break-inside:avoid}.full-scene{max-width:450px}}
