.detail-header{z-index:12;min-height:56px;padding:env(safe-area-inset-top,0px) 0 8px;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:20px;display:flex;position:sticky;top:0}.detail-header h1{font:600 18px/1.5 var(--font-ui);overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.detail-header h1:focus{outline:none}.detail-header-actions{gap:8px;display:flex}.detail-header .icon-button{min-width:44px;min-height:44px}.app-shell.is-reader .site-header,.app-shell.is-detail .site-header{display:none}.app-shell:has(.library-screen:not([hidden])[data-detail=true]) .site-header{display:none}.app-shell:has(.writing-screen[data-detail=true]) .site-header{display:none}.app-shell:has(.profile-screen[data-detail=true]) .site-header{display:none}.app-shell.is-detail .bottom-nav{display:none}.public-post-page{padding-top:0}.public-comments{scroll-margin-top:80px}.reader-identity{text-align:left;align-items:center;gap:10px;min-width:0;display:inline-flex}.reader-identity-text{flex-direction:column;min-width:0;display:flex}.reader-identity strong{overflow-wrap:anywhere;font-size:15px;line-height:1.5}.reader-identity small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.6}.reader-identity .header-avatar{width:40px;height:40px}.comment-author .reader-identity .header-avatar{width:32px;height:32px}.author .post-metadata{margin-top:3px}.avatar-categories{scrollbar-width:thin;gap:8px;margin:12px 0;display:flex;overflow-x:auto}.avatar-categories button{white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;min-height:44px;padding:8px 12px}.avatar-categories [aria-pressed=true]{border-color:var(--accent);font-weight:700}.avatar-grid button{min-width:44px;min-height:44px}.avatar-grid [aria-pressed=true]{outline:2px solid var(--accent);outline-offset:-2px}.avatar-picker .profile-actions{background:var(--paper);padding:12px 0;position:sticky;bottom:0}.avatar-picker .avatar-grid img{aspect-ratio:1;object-fit:cover}.modal.account-popup{max-width:360px}.modal.account-popup .account-member{border:0;padding:12px 0;display:block}.account-popup .account-identity{margin-bottom:16px}.account-popup .account-action{width:100%}:is(.app-shell:has(dialog.detail-modal[open]) .site-header,.app-shell:has(dialog.detail-modal[open]) .bottom-nav){visibility:hidden}.detail-modal .detail-header{padding-right:0}.reader-identity .header-avatar{flex-shrink:0}.person-result>.reader-identity{flex:1}.bottom-nav,.public-comment-composer{min-width:320px}@media (width<=319px){.bottom-nav{width:320px;left:0;right:auto}.public-comment-composer{width:320px;left:160px}}@media (width<=360px){.topbar{gap:8px;padding-inline:12px}.header-actions{gap:0}.profile-screen,.public-post-page{padding-inline:16px}}.avatar-picker .profile-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.avatar-picker .profile-actions>button{width:100%;min-height:44px;margin:0}@media (width>=320px){.bottom-nav,.public-comment-composer{min-width:0}}.share-control{display:inline-flex;position:relative}.share-feedback{white-space:nowrap;color:#604a39;font:12px var(--font-ui);z-index:4;background:#fffaf2;border:1px solid #e7ded2;border-radius:6px;padding:5px 9px;position:absolute;top:100%;right:0}.share-dialog{padding:24px}.share-dialog>.icon-button{float:right}.post-author-tools{align-items:center;gap:8px;display:flex}.post-category{color:#985426;font:600 12px/1.5 var(--font-ui);background:#f8ead8;border-radius:5px;padding:2px 7px;display:inline-flex}.content-warning{color:#68421d;font:400 14px/1.65 var(--font-ui);background:#fff6e5;border-left:3px solid #d59839;padding:10px 14px}.content-menu{align-items:center;display:inline-flex;position:relative}.content-menu-trigger{color:var(--muted);width:36px;min-width:36px}.content-menu-options{z-index:20;background:var(--paper,#fffefb);border:1px solid var(--line,#e6ded3);border-radius:10px;min-width:144px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 5px 18px #38251812}.content-menu-options button{text-align:left;width:100%;font:500 14px var(--font-ui);color:var(--ink);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;display:flex}.content-menu-options button:hover{background:#f5f0e9}.content-menu-notice{font:400 12px/1.5 var(--font-ui);color:var(--muted);max-width:160px}.community-dialog label{font:500 14px/1.6 var(--font-ui);margin:16px 0 8px;display:block}.community-dialog .writing-input{width:100%;margin-top:8px}.community-dialog h2{padding-right:32px}.account-delete-actions{border-top:1px solid var(--line,#e7ded2);gap:16px;margin-top:32px;padding-top:24px;display:grid}.account-delete-actions label{margin:12px 0;display:block}.account-delete-actions input[type=checkbox]{accent-color:#925326;margin-right:8px}.search-empty{text-align:center;color:var(--muted);padding:36px 12px;line-height:1.8}.search-empty>svg{stroke-width:1.5px;width:32px;height:32px}.search-empty h1,.search-empty h2{color:var(--ink);font-size:20px}.search-empty{font-family:var(--font-ui)}.page-book-cover.page-book-cover{background:var(--soft,#f1eadf);text-align:center;border-left:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative;overflow:hidden}.page-book-cover .page-book-cover-frame{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.page-book-cover.page-book-cover img{object-fit:contain;object-position:50% 50%;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;display:block;position:static}.page-book-cover .page-book-cover-placeholder{width:100%;height:100%;color:var(--muted,#827668);font:11px/1.3 var(--font-ui,sans-serif);flex-direction:column;justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.page-book-cover .page-book-cover-placeholder svg{flex:none;width:24px;height:24px;margin:0;display:block}.page-book-cover .page-book-cover-source{width:100%;max-width:100%;color:var(--muted,#827668);background:var(--paper,#fcf9f3);font:9px/1.3 var(--font-ui,sans-serif);text-align:center;overflow-wrap:anywhere;flex:none;margin:0;padding:2px 0;text-decoration:underline;display:block}.profile-tile .page-book-cover{aspect-ratio:auto;width:100%;height:100%}.page-book-cover .page-book-cover-placeholder>span{display:none}.image-gallery{width:100%;min-width:0;margin:18px 0}.gallery-stage{background:var(--paper,#f4eee4);border-radius:12px;position:relative;overflow:hidden}.gallery-track{aspect-ratio:4/3;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;align-items:stretch;gap:12px;width:100%;max-height:520px;display:flex;overflow:auto hidden}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{scroll-snap-align:start;scroll-snap-stop:always;cursor:zoom-in;touch-action:pan-y pinch-zoom;background:0 0;border:0;border-radius:12px;flex:0 0 100%;width:100%;min-width:0;height:100%;padding:0;display:block;overflow:hidden}.image-gallery .gallery-slide img{object-fit:cover;border-radius:12px;width:100%;height:100%;max-height:none;display:block}.gallery-arrow,.gallery-close{z-index:1;color:#604a39;cursor:pointer;background:#fffaf2ed;border:1px solid #d8cabb;border-radius:50%;place-items:center;min-width:40px;min-height:40px;padding:7px;display:grid;position:absolute}.gallery-arrow{top:50%;transform:translateY(-50%)}.gallery-arrow.previous{left:10px}.gallery-arrow.next{right:10px}.gallery-arrow:disabled{opacity:.25;cursor:default}.gallery-arrow svg,.gallery-close svg{stroke-width:1.8px;width:22px;height:22px}.gallery-dots{justify-content:center;gap:0;padding-top:4px;display:flex}.gallery-dots button{cursor:pointer;background:0 0;border:0;padding:10px}.gallery-dots button span{background:#cdbdaf;border-radius:50%;width:6px;height:6px;display:block}.gallery-dots button[aria-current=true] span{background:var(--accent,#996220)}.gallery-lightbox{color:#fff;background:0 0;border:0;max-width:96vw;max-height:96svh;padding:0;overflow:visible}.gallery-lightbox::backdrop{-webkit-backdrop-filter:none;background:#000000c7}.gallery-lightbox-content{padding:48px 44px 0;position:relative}.gallery-lightbox img{object-fit:contain;width:auto;max-width:calc(96vw - 88px);height:auto;max-height:calc(92svh - 100px);margin:auto;display:block}.gallery-lightbox p{text-align:center;margin:10px 0}.gallery-close{top:0;right:0}.image-gallery button:focus-visible{outline-offset:-3px;outline:3px solid #967759}.tabs[aria-label=홈\ 피드] button{white-space:nowrap;flex:1;min-width:0;padding-inline:8px}.post-result-card .post-result{text-align:left;width:100%}.post-result-card{border-bottom:1px solid var(--border,#e7ded2);padding-block:16px}.post-accent{font:800 11px/1.5 var(--font-ui,Pretendard,sans-serif);letter-spacing:.035em;white-space:nowrap;vertical-align:middle;border:0;border-radius:5px;align-items:center;gap:3px;margin-left:8px;padding:2px 7px;display:inline-flex}.post-accent.new{color:var(--badge-new-ink);background:var(--badge-new-bg)}.post-accent.hot{color:var(--badge-hot-ink);background:var(--badge-hot-bg)}.post-accent svg{fill:currentColor;stroke-width:1.75px;width:13px;height:13px}.writing-list-row.writing-with-gallery{display:block}.writing-with-gallery>button{width:100%}.writing-with-gallery>.image-gallery{margin-top:0}.gallery-detail .gallery-stage{background:0 0}.gallery-detail .gallery-track{aspect-ratio:auto;scroll-snap-type:none;flex-direction:column;gap:12px;max-height:none;display:flex;overflow:visible}.gallery-detail .gallery-slide{scroll-snap-align:none;background:0 0;flex:none;justify-content:center;align-items:center;height:auto;display:flex}.gallery-detail .gallery-slide img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none}.gallery-track{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.gallery-slide img{pointer-events:none}.gallery-detail .gallery-track,.gallery-detail .gallery-slide{touch-action:auto}.gallery-stage>.gallery-arrow{display:none}@media (width>=601px) and (hover:hover) and (pointer:fine){.gallery-stage>.gallery-arrow{opacity:0;pointer-events:none;transition:opacity .14s;display:grid}.gallery-stage:hover>.gallery-arrow:not(:disabled),.gallery-stage:focus-within>.gallery-arrow:not(:disabled){opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.gallery-stage>.gallery-arrow{transition:none}}.gallery-stage>.gallery-arrow:disabled{opacity:0;visibility:hidden;pointer-events:none}.gallery-lightbox-content{padding:56px 0 0}.gallery-zoom-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;width:min(900px,90vw);height:calc(88svh - 110px);overflow:auto}.gallery-zoom-surface{place-items:center;display:grid}.gallery-lightbox .gallery-zoom-surface img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none}.gallery-view-tools{align-items:center;gap:4px;padding-right:50px;display:flex;position:absolute;top:0;left:0}.gallery-view-tools button{color:#604a39;cursor:pointer;background:#fffaf2;border:1px solid #d8cabb;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.gallery-view-tools button:disabled{opacity:.4}.gallery-view-tools svg{width:21px;height:21px}.gallery-view-tools span{text-align:center;width:34px;font:14px var(--font-ui)}.gallery-lightbox .gallery-arrow{background:#fffaf2e6}.gallery-lightbox .previous{left:4px}.gallery-lightbox .next{right:4px}[hidden]{display:none!important}.search-area,.search-results{padding:var(--space-5) 30px}.search-area{padding-bottom:var(--space-2)}.search-field{align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-media);min-height:54px;padding:var(--space-1) var(--space-3);background:var(--paper);display:flex}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.search-field>svg{width:var(--icon-action);height:var(--icon-action);color:var(--muted)}.search-field input{min-width:0;color:var(--ink);font:inherit;font-size:var(--text-input);min-height:var(--touch-target);background:0 0;border:0;outline:none;flex:1}.search-field input::-webkit-search-cancel-button{display:none}.search-summary{font-size:var(--text-meta);color:var(--muted);overflow-wrap:anywhere;line-height:1.7}.result-section{margin-top:28px}.result-section h2{margin:0 0 var(--space-4);font-size:19px;font-weight:650}.result-section h2>span,.book-reviews h3>span{font:400 13px var(--font-ui);color:var(--muted);margin-left:6px}.book-results{gap:var(--space-3);display:grid}.book-result{align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6);border-radius:var(--radius-media);background:var(--soft);text-align:left;display:flex}.catalog-cover{aspect-ratio:2/3;width:110px;padding:var(--space-4) var(--space-3);color:#6d4524;text-align:center;background:#e9dcc2;border-left:4px solid #cdbb9d;flex-direction:column;flex-shrink:0;justify-content:space-between;display:flex}.catalog-cover>strong{font:600 20px/1.5 var(--font-book);overflow-wrap:anywhere;word-break:keep-all}.catalog-cover>small{letter-spacing:1px;font-size:8px}.catalog-cover>span{font-size:10px}.catalog-cover.plain{color:#313f3a;background:#d9e0d9;border-color:#bbc6ba}.catalog-cover.night{color:#f1e7d8;background:#45423f;border-color:#302e2b}.catalog-cover.leaf{color:#585b45;background:#ede9db;border-color:#c1bea9}.result-copy{flex-direction:column;gap:9px;min-width:0;display:flex}.result-copy>strong{font:600 23px/1.5 var(--font-book);word-break:keep-all;overflow-wrap:anywhere}.result-copy>small,.result-copy>span{font-size:var(--text-small);color:var(--muted);line-height:1.7}.result-cta{font-size:var(--text-meta);margin-top:var(--space-2);align-items:center;gap:6px;display:flex;color:var(--accent)!important}.result-cta svg,.person-result>svg,.reply-toggle svg,.secondary-button svg{width:var(--icon-detail);height:var(--icon-detail)}.people-results{display:grid}.person-result{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) 0;border-bottom:1px solid var(--line);text-align:left;min-height:72px;display:flex}.person-result>span:nth-child(2){overflow-wrap:anywhere;flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.person-result strong{font-size:var(--text-body)}.person-result small{color:var(--muted);font-size:var(--text-meta);line-height:1.6}.post-result{text-align:left;width:100%;padding:var(--space-5) 0;border-bottom:1px solid var(--line)}.post-result strong{margin:10px 0;font-size:17px;line-height:1.6;display:block}.post-result p,.review-link p{font-size:var(--text-body);line-height:var(--leading-body);color:var(--muted);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-result:hover,.person-result:hover,.post-result:hover{background-color:#f1e9dc}.modal.detail-modal{max-width:640px}.book-sheet-summary{align-items:center;gap:var(--space-6);margin:22px 0 28px;display:flex}.book-sheet-summary>div{min-width:0}.book-sheet h2{font-family:var(--font-book)}.book-sheet h3{font-size:var(--text-input);margin:var(--space-6) 0 var(--space-3)}.book-sheet>.sample-note{margin-top:var(--space-4)}.review-link{text-align:left;background:var(--soft);border-radius:var(--radius-small);width:100%;padding:18px}.review-link strong{font-size:var(--text-small)}.review-link p{margin:var(--space-2) 0}.review-link>span{color:var(--accent);font-size:var(--text-meta);align-items:center;gap:6px;display:flex}.review-link svg{width:var(--icon-detail);height:var(--icon-detail)}.preview-body{white-space:pre-line;margin:18px 0}.detail-back{min-height:var(--touch-target);align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--accent);display:flex}.detail-back svg{width:var(--icon-detail);height:var(--icon-detail)}.modal.comments-modal{max-width:560px;height:min(720px,85dvh);overflow:hidden}.comments-modal .modal-inner{height:100%;padding:0}.comments-modal .close-modal{z-index:1;background:var(--paper)}.comments-layout{flex-direction:column;height:100%;display:flex}.comments-heading{padding:28px var(--space-6) var(--space-4);border-bottom:1px solid var(--line);flex:none;padding-right:54px}.comments-heading h2{margin:var(--space-2) 0}.comments-list{overscroll-behavior:contain;min-height:0;padding:0 var(--space-6);scrollbar-width:thin;flex:1;overflow-y:auto}.comments-list ol{margin:0;padding:0;list-style:none}.comment-thread{padding:var(--space-5) 0;border-bottom:1px solid var(--line)}.comment-row{gap:var(--space-3);display:flex}.comment-copy{flex:1;min-width:0}.comment-copy strong{font-size:var(--text-small)}.comment-time{color:var(--muted);font-size:var(--text-caption);margin-left:var(--space-2);display:inline-block}.comment-copy p{font-size:var(--text-body);line-height:var(--leading-book);color:var(--ink);overflow-wrap:anywhere;margin-top:7px}.reply-toggle,.secondary-button{min-height:var(--touch-target);font-size:var(--text-meta);color:var(--accent);padding:var(--space-2) 0;align-items:center;gap:6px;display:inline-flex}.comments-list .reply-list{padding-left:var(--space-3);border-left:1px solid #d6c6af}.reply-list li{margin-top:var(--space-3)}.comment-pagination{gap:var(--space-5);padding:var(--space-3) 0;justify-content:center;display:flex}.comments-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--line);flex:none}.comments-footer .comment-login{font-size:var(--text-small)}.comment-preview>span:not(.comment-initial){overflow-wrap:anywhere;min-width:0}@media (width>=700px){.search-area,.search-results{padding-inline:var(--space-10)}.book-result{gap:var(--space-8)}.catalog-cover{width:130px}}@media (width<=480px){.search-area,.search-results{padding-inline:var(--space-5)}.explore-tabs button{font-size:var(--text-body)}.book-result{padding:18px var(--space-4);gap:18px}.catalog-cover{width:90px;padding:var(--space-3) var(--space-2)}.catalog-cover>strong{font-size:17px}.result-copy>strong{font-size:20px}.book-subtitle{display:none}.book-sheet-summary{gap:18px}.comments-list{padding-inline:18px}.comment-row{gap:9px}.comments-heading{padding-left:18px}.comments-footer{padding:var(--space-3) 18px}}.explore-content{min-width:0;padding:24px 30px 40px}.explore-search-form{align-items:stretch;gap:8px;display:flex}.explore-search-form .search-field{flex:1;min-width:0}.explore-search-form>.primary-button{flex:none;min-height:54px;padding-inline:18px}.explore-tabs button[aria-selected=true]{color:var(--accent);font-weight:700}.search-section-title{margin:24px 0 14px;font-size:19px}.search-section-title span{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.explore-content .catalog-search{margin:0}.explore-content .person-result{justify-content:space-between}.explore-content .person-result .reader-identity{flex:1}.author-result>svg:first-child{color:var(--accent);width:32px;height:32px}.post-result-card .post-result{border-bottom:0;padding-top:0}.explore-content .catalog-result{min-width:0}.explore-content .catalog-cover{background:var(--soft);border-left:0;padding:0;overflow:hidden}@media (width>=700px){.explore-content{padding-inline:40px}}@media (width<=480px){.explore-content{padding-inline:20px}.explore-search-form .search-field{padding-inline:10px}.explore-search-form .search-field>svg{flex:none;width:20px}.explore-search-form .primary-button{padding-inline:14px}.explore-tabs button{padding-inline:6px}}@media (width<=360px){.explore-content{padding-inline:16px}}.explore-tabs button[aria-selected=true]:after{height:3px}.explore-content .search-summary{margin:14px 0 24px}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:MaruBuri;src:url(/fonts/MaruBuri-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:MaruBuri;src:url(/fonts/MaruBuri-SemiBold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--paper:#fcf9f3;--canvas:#e9e4db;--ink:#362e28;--brand-ink:#413124;--muted:#81776b;--accent:#996220;--line:#eae3d8;--soft:#f4eddf;--on-accent:#fffaf2;--font-ui:"Pretendard", "Malgun Gothic", sans-serif;--font-book:"MaruBuri", "Batang", serif;--font-logo:"Cormorant Garamond", Georgia, serif;--text-caption:12px;--text-meta:13px;--text-small:14px;--text-body:15px;--text-input:16px;--leading-body:1.9;--leading-book:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-control:7px;--radius-small:8px;--radius-media:10px;--radius-card:12px;--radius-dialog:18px;--radius-round:50%;--shadow-cover:4px 5px 8px #5a41241a;--shadow-dialog:0 20px 80px #35281924;--icon-action:24px;--icon-detail:16px;--icon-display:32px;--icon-stroke:1.75;--touch-target:44px;--content-max:975px;font-family:var(--font-ui);color:var(--ink);background:var(--canvas);font-synthesis:none;--badge-new-bg:#36d6b0;--badge-new-ink:#073f36;--badge-hot-bg:#ff674b;--badge-hot-ink:#4c160c;font-weight:400}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}svg{flex-shrink:0}img{object-fit:cover;max-width:100%;display:block}h1,h2,p{margin:0}.app-shell{width:100%;max-width:var(--content-max);background:var(--paper);flex-direction:column;margin:auto;display:flex;position:relative}.topbar{padding:21px 30px var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex:none;display:flex}.wordmark{color:var(--brand-ink);white-space:nowrap;padding:0;font-size:42px;line-height:1}.wordmark>span{color:var(--accent)}.header-actions{gap:9px;display:flex}.icon-button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-round);flex-shrink:0;place-items:center;display:grid}.icon-button:hover{background:var(--soft)}.notification{position:relative}.notification>span{border-radius:var(--radius-round);background:var(--accent);border:1px solid var(--paper);width:6px;height:6px;position:absolute;top:9px;right:11px}.tabs{border-bottom:1px solid var(--line);flex:none;margin:0 30px;display:flex}.tabs button{padding:13px 0 var(--space-4);color:var(--muted);flex:1;font-size:17px;position:relative}.tabs button[aria-selected=true]{color:var(--accent);font-weight:700}.tabs button:after{content:"";background:var(--accent);height:2px;transition:transform .22s;position:absolute;bottom:-1px;left:18%;right:18%;transform:scaleX(0)}.tabs button[aria-selected=true]:after{transform:scaleX(1)}.feed-scroll{scrollbar-width:thin;scrollbar-color:#d7cdbf transparent;scroll-behavior:smooth;min-height:0}.stories{scrollbar-width:none;border-bottom:1px solid var(--line);overscroll-behavior-x:contain;gap:22px;padding:23px 30px 19px;display:flex;overflow-x:auto}.stories::-webkit-scrollbar{display:none}.story{text-align:center;align-items:center;gap:var(--space-2);font-size:var(--text-meta);white-space:nowrap;flex-direction:column;flex:0 0 72px;padding:0;display:flex}.story-ring{width:70px;height:70px;padding:var(--space-1);border-radius:var(--radius-round);background:var(--paper);border:1px solid #ac7b3f;place-items:center;transition:border-color .2s,transform .2s;display:grid}.story-ring img{border-radius:var(--radius-round);width:100%;height:100%}.story-ring>svg{color:var(--accent)}.new-story .story-ring{background:#f6f1e7;border-color:#ddd3c3}.story.seen .story-ring{border-color:#ddd3c3}.story:hover .story-ring{transform:translateY(-2px)}.post{border-bottom:1px solid var(--line);padding:21px 30px 22px}.post-header{margin-bottom:var(--space-4);align-items:center;gap:11px;display:flex}.avatar{border-radius:var(--radius-round);color:#8a7156;background:#e9e1d4;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.avatar img{width:100%;height:100%}.avatar svg{width:21px;height:21px}.author{flex-direction:column;gap:3px;min-width:0;display:flex}.author strong{font-size:var(--text-body);overflow-wrap:anywhere;font-weight:650}.author>span{font-size:var(--text-caption);color:var(--muted)}.author i{margin:0 7px;font-style:normal}.more{margin-left:auto}.book-review{border-radius:var(--radius-card);padding:25px var(--space-8);background:#f3ead9;align-items:center;gap:34px;display:flex;overflow:hidden}.book-review.plain{background:#f1eee7}.book-cover{width:164px;min-height:227px;padding:15px 11px var(--space-3);color:#6d4524;text-align:center;box-shadow:var(--shadow-cover);background:#e9dcc2;border-left:5px solid #d0bea0;flex-direction:column;flex-shrink:0;align-items:center;display:flex;transform:rotate(-3deg)}.cover-top{letter-spacing:2px;font-size:7px}.book-cover strong{margin:var(--space-3) 0 5px;word-break:keep-all;font-size:23px;line-height:1.4}.book-cover small{letter-spacing:.3px;font-size:9px;line-height:1.6}.book-cover img{object-position:50% 60%;filter:saturate(.65);width:100%;height:92px;margin:13px 0 11px}.cover-author{margin-top:auto;font-size:8px}.book-cover.plain{color:#313f3a;background:#d9e0d9;border-left-color:#bbc6ba;min-height:225px;transform:rotate(1deg)}.book-cover.plain strong{letter-spacing:2px;max-width:90px;margin-top:23px;font-size:27px}.cover-rule{background:#688172;width:80%;height:1px;margin:22px 0}.book-detail{flex:1;min-width:0}.eyebrow{color:#89643d;letter-spacing:.6px;align-items:center;gap:6px;font-size:11px;display:flex}.book-detail h1{margin:13px 0 var(--space-2);word-break:keep-all;overflow-wrap:anywhere;font-size:27px;font-weight:600}.book-author{font-size:var(--text-small);color:#746859}.rating{color:#ae7b37;align-items:center;gap:3px;margin:13px 0 21px;display:flex}.rating span{font-size:var(--text-meta);color:#655b4c;margin-left:6px}blockquote{white-space:pre-line;font-size:20px;line-height:var(--leading-book);word-break:keep-all;overflow-wrap:anywhere;margin:0}.book-caption{color:#897762;margin-top:9px;font-size:11px;display:block}.post-photo{aspect-ratio:1.85;border-radius:var(--radius-media);background:var(--soft);width:100%;max-height:410px}.post-body{font-size:var(--text-body);line-height:var(--leading-body);white-space:pre-line;overflow-wrap:anywhere;word-break:keep-all;margin-top:17px}.post-body.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.read-more{font-size:var(--text-meta);color:#876338;min-height:var(--touch-target);padding:5px 0 0}.post-actions{padding-top:var(--space-2);align-items:center;gap:19px;min-height:53px;display:flex}.reaction{min-width:var(--touch-target);min-height:var(--touch-target);align-items:center;gap:var(--space-2);font-size:var(--text-meta);color:#6c6257;padding:0;display:flex}.reaction.bookmark{margin-left:auto}.reaction.liked{color:#a55c4d}.reaction.saved{color:var(--accent)}.liked svg,.saved svg{animation:.28s ease-out tap}.comment-preview{width:100%;padding:10px var(--space-3);border-radius:var(--radius-small);text-align:left;font-size:var(--text-caption);color:#74685c;min-height:var(--touch-target);background:#f5f0e7;align-items:center;gap:9px;line-height:1.7;display:flex}.comment-preview strong{color:#514134;margin-right:6px}.comment-preview>svg{margin-left:auto}.comment-initial{border-radius:var(--radius-round);color:#927350;background:#e7dac7;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.bottom-nav{padding:var(--space-2) 14px max(10px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);z-index:2;flex:none;display:flex}.bottom-nav>button{color:#776b5e;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:57px;display:flex}.bottom-nav .active{color:var(--accent);font-weight:700}.write-circle{background:var(--accent);color:#fff9f0;border-radius:var(--radius-round);place-items:center;width:35px;height:35px;margin-top:-6px;display:grid}.bottom-nav>button:hover{color:var(--accent)}.feed-content{animation:.25s ease-out enter}.discover-note{padding:var(--space-6) 30px 5px}.discover-note>span{font-size:22px}.discover-note p{color:var(--muted);font-size:var(--text-meta);margin-top:var(--space-2)}.empty-feed{text-align:center;padding:62px var(--space-5) 70px}.empty-symbol{border-radius:var(--radius-round);background:var(--soft);width:75px;height:75px;margin:0 auto var(--space-6);color:var(--accent);place-items:center;display:grid}.empty-feed .eyebrow{letter-spacing:2px;justify-content:center;font-size:10px}.empty-feed h1{margin:14px 0;font-size:25px;font-weight:500}.empty-feed p{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-body);margin-bottom:26px}.primary-button{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-control);min-height:46px;padding:var(--space-3) var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-small);display:inline-flex}.text-button{font-size:var(--text-caption);color:#856746;min-height:var(--touch-target);margin:14px auto 0;padding:10px;display:block}.feed-end{padding:36px var(--space-5);color:#a28f76;text-align:center;flex-direction:column;align-items:center;display:flex}.feed-end p{color:#726552;font-size:var(--text-body);margin:var(--space-3) 0}.feed-end>span{font-size:11px;line-height:1.6}.skeleton{padding:25px 30px}.skeleton-user{border-radius:30px;width:170px;height:40px;margin-bottom:18px}.skeleton-card{border-radius:var(--radius-card);height:260px}.skeleton-line{border-radius:4px;width:92%;height:14px;margin-top:19px}.skeleton-line.short{width:63%}.skeleton>div{background:#eee6d9;animation:1.3s ease-in-out infinite pulse}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.modal{border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--paper);color:var(--ink);width:calc(100% - 36px);max-width:430px;max-height:85dvh;box-shadow:var(--shadow-dialog);padding:0}.modal::backdrop{-webkit-backdrop-filter:none;background:#00000073}.modal[open]{animation:.2s ease-out enter}.modal-inner{overflow-wrap:anywhere;padding:39px 27px 28px;position:relative}.close-modal{position:absolute;top:8px;right:8px}.modal-symbol{color:var(--accent);margin-bottom:var(--space-5)}.modal h2{margin:10px 0 14px;font-size:24px;font-weight:600;line-height:1.5}.modal h2>span{color:var(--accent)}.modal p{font-size:var(--text-small);color:#7c6d5d;line-height:1.85}.modal .primary-button{width:100%;margin-top:25px}.modal .sample-note{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.sample-comment{gap:var(--space-3);padding:22px 0 26px;display:flex}.sample-comment strong{font-size:var(--text-small)}.sample-comment p{margin:7px 0}.sample-comment small{color:var(--muted);font-size:11px}.comment-login{background:var(--soft);border-radius:var(--radius-control);gap:var(--space-3);width:100%;padding:14px var(--space-3);font-size:var(--text-caption);text-align:left;justify-content:space-between;align-items:center;min-height:46px;display:flex}.story-photo{border-radius:var(--radius-small);width:100%;height:310px;margin-bottom:18px}.story-placeholder{background:var(--soft);height:220px;color:var(--accent);border-radius:var(--radius-small);place-items:center;margin-bottom:18px;display:grid}.story-progress{background:#b48a58;width:70%;height:2px;margin-bottom:14px;display:block}.story-modal .sample-note{margin-top:14px}.photo-fallback{background:var(--soft);color:var(--muted);place-items:center;display:grid}.rating-star{flex-shrink:0;display:block;position:relative}.rating .rating-star{margin:0}.rating-star>span{position:absolute;inset:0 auto 0 0;overflow:hidden;margin:0!important}.rating-star svg{max-width:none;display:block}.story-ring>.photo-fallback{border-radius:var(--radius-round);width:100%;height:100%}@keyframes tap{0%{transform:scale(.85)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.45}}@media (width>=700px){.topbar{padding:25px var(--space-10) 19px}.wordmark{font-size:46px}.tabs{margin:0 var(--space-10)}.stories{padding:25px var(--space-10) 22px;gap:26px}.post{padding:25px var(--space-10) 26px}.post-body{font-size:var(--text-input)}.book-review{gap:42px;padding:28px 42px}.book-detail h1{font-size:30px}.book-detail blockquote{font-size:23px}.book-cover{width:177px}.book-review .eyebrow{font-size:var(--text-caption)}.bottom-nav{padding:10px var(--space-8) var(--space-3)}.story{flex-basis:76px}.story-ring{width:74px;height:74px}}@media (width<=480px){.topbar{padding:19px var(--space-5) 11px}.wordmark{font-size:36px}.header-actions{gap:1px}.tabs{margin:0 var(--space-5)}.tabs button{font-size:var(--text-input);padding:11px 0 14px}.stories{padding:18px var(--space-5) 17px;gap:15px}.story{font-size:var(--text-caption);flex-basis:61px;gap:7px}.story-ring{width:60px;height:60px;padding:3px}.post{padding:18px var(--space-5) 19px}.post-header{margin-bottom:13px}.avatar{width:35px;height:35px}.author strong{font-size:var(--text-small)}.author>span{font-size:var(--text-caption)}.book-review{padding:var(--space-5) var(--space-4);border-radius:9px;gap:21px}.book-cover{width:110px;min-height:181px;padding:11px var(--space-2) 9px;border-left-width:3px}.book-cover strong{margin:10px 0 5px;font-size:17px}.book-cover small{font-size:7px}.cover-top{letter-spacing:1px;font-size:5px}.book-cover img{height:66px;margin:10px 0}.cover-author{font-size:6px}.book-cover.plain{min-height:181px}.book-cover.plain strong{margin-top:var(--space-4);font-size:22px}.book-detail h1{margin:9px 0 6px;font-size:21px}.book-author{font-size:var(--text-caption)}.eyebrow{gap:var(--space-1);font-size:10px}.rating{gap:1px;margin:10px 0 13px}.rating span{font-size:var(--text-caption);margin-left:var(--space-1)}.book-detail blockquote{font-size:var(--text-body);line-height:var(--leading-book)}.book-caption{margin-top:7px;font-size:11px}.post-body{font-size:var(--text-body);line-height:var(--leading-body);margin-top:13px}.post-photo{aspect-ratio:1.35}.post-actions{gap:var(--space-5);padding-top:5px}.reaction{font-size:var(--text-caption);gap:7px}.comment-preview{font-size:var(--text-caption);gap:7px;padding:9px}.bottom-nav{padding:var(--space-2) 10px max(var(--space-2),env(safe-area-inset-bottom))}.empty-feed{padding-top:43px}.discover-note{padding:22px var(--space-5) 3px}.skeleton{padding:22px var(--space-5)}.skeleton-card{height:224px}}@media (width<=360px){.topbar,.post{padding-inline:var(--space-4)}.book-review{padding:var(--space-4) var(--space-3);gap:14px}.book-cover{width:96px}.book-detail h1{font-size:19px}.book-detail blockquote{font-size:var(--text-small)}.comment-preview{align-items:flex-start}.story{flex-basis:59px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:is(html:has(dialog[open]),body:has(dialog[open])){overflow:hidden}html{scrollbar-gutter:stable;scroll-behavior:smooth;scrollbar-color:#c5b7a4 var(--canvas);overflow-y:scroll}body{min-width:320px}.app-shell{--nav-height:84px;height:auto;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--space-4));overflow:visible}.site-header{z-index:3;background:var(--paper);flex:none;transition:transform .24s cubic-bezier(.2,.7,.2,1);position:sticky;top:0;transform:translateY(0)}.site-header.is-hidden{transform:translateY(-100%)}.feed-scroll{overscroll-behavior:auto;flex:1 0 auto;scroll-margin-top:140px;overflow:visible}.bottom-nav{bottom:0;width:100%;max-width:var(--content-max);z-index:4;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));margin-inline:auto;position:fixed;inset-inline:0}.wordmark{font-family:var(--font-logo);letter-spacing:-1.1px;min-height:var(--touch-target);font-weight:500}.book-cover,.book-cover.plain strong,.book-detail h1,blockquote{font-family:var(--font-book)}.book-cover strong{font-weight:400}.book-cover.plain strong,.book-detail h1{font-weight:600}.cover-top,.book-author,.rating,.eyebrow,.book-caption,.discover-note,.discover-note>span,.empty-feed h1,.modal h2,.feed-end p{font-family:var(--font-ui)}.rating,.reaction{font-variant-numeric:tabular-nums}.bottom-nav>button{font-size:var(--text-caption)}.lucide{stroke-width:var(--icon-stroke)}.icon-button svg,.reaction svg,.bottom-nav>button>svg,.write-circle svg,.story-ring>svg,.avatar>svg{width:var(--icon-action);height:var(--icon-action)}.eyebrow svg,.comment-preview>svg,.primary-button>svg,.comment-login>svg,.rating svg,.rating-star{width:var(--icon-detail);height:var(--icon-detail)}.empty-symbol svg,.modal-symbol svg,.story-placeholder svg{width:var(--icon-display);height:var(--icon-display)}.feed-end>svg{width:var(--icon-detail);height:var(--icon-detail)}.book-caption,.book-detail .eyebrow,.sample-note{font-size:var(--text-caption)}.story-ring{aspect-ratio:1;border-radius:var(--radius-round);flex-shrink:0;grid-template:minmax(0,1fr)/minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.story-ring>img,.story-ring>.photo-fallback{aspect-ratio:1;border-radius:var(--radius-round);object-fit:cover;width:100%;min-width:0;height:100%;min-height:0}.story-ring>img{object-position:center}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header{transition:none}}.brand-lockup{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.brand-subtitle{font:400 var(--text-caption)/1.5 var(--font-ui);color:var(--muted);white-space:nowrap;letter-spacing:.02em}@media (width>=976px){body{background:var(--canvas) url(/images/pc-background.webp) center center / cover no-repeat fixed}}html{scrollbar-gutter:stable;min-width:320px}:is(body,body:has(.profile-screen),body:has(.library-screen:not([hidden]))){min-width:320px}.app-shell,.feed-scroll,.app-shell>div{min-width:0}.header-avatar{background:var(--soft);width:32px;height:32px;color:var(--accent);border:1px solid var(--line);font:600 14px/1 var(--font-ui);border-radius:50%;place-items:center;display:grid;overflow:hidden}.header-avatar img{object-fit:cover;width:100%;height:100%}.stories{touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#c5b7a4 transparent;min-width:0;max-width:100%;overflow:auto hidden}.stories::-webkit-scrollbar{height:4px;display:block}.stories::-webkit-scrollbar-thumb{background:#c5b7a4;border-radius:4px}.story{flex-shrink:0}.topbar{gap:8px}.header-actions{flex-shrink:0}@media (width<=360px){.topbar{padding-inline:12px}.header-actions{gap:0}.brand-lockup{flex-shrink:0}.post-actions{flex-wrap:wrap;gap:12px}.book-review{gap:12px;padding-inline:12px}.rating{flex-wrap:wrap}}.library-book-heading>div,.library-catalog-row,.profile-post,.writing-list-row>button,.book-sheet-summary>div{overflow-wrap:anywhere;min-width:0}.writing-gallery img,.writing-photos img{max-width:100%}.app-shell{--form-border:#cbbfae;--form-placeholder:#796e60;--form-error:#8c3f32}.app-shell :is(input.writing-input,select.writing-input,textarea.writing-input,.library-filters select){border:1px solid var(--form-border);border-radius:var(--radius-control);background-color:var(--paper);min-width:0;max-width:100%;min-height:48px;color:var(--ink);font:400 16px/1.5 var(--font-ui);box-sizing:border-box;scroll-margin-block:140px calc(var(--nav-height,84px) + 32px);padding:11px 14px}.app-shell textarea.writing-input{resize:vertical;min-height:160px;line-height:1.8;overflow:auto}.app-shell textarea.writing-body-input{min-height:240px}.app-shell :is(.writing-input,.search-field input,.library-search input)::placeholder{color:var(--form-placeholder);opacity:1}.app-shell :is(.writing-input,.library-filters select):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}:is(.app-shell :is(.writing-input,.library-filters select)[aria-invalid=true],.app-shell :is(.writing-input,.library-filters select):user-invalid){border-color:var(--form-error);outline-color:var(--form-error)}.app-shell :is(.writing-input,.library-filters select):disabled{background-color:var(--soft);color:#766c60;cursor:not-allowed;opacity:1}.app-shell .writing-input[readonly]{background-color:var(--soft);border-style:dashed}.app-shell :is(select.writing-input,.library-filters select){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2381776b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:42px}.app-shell select option{color:var(--ink);background:var(--paper)}.app-shell :is(.search-field,.library-search){border:1px solid var(--form-border);border-radius:var(--radius-control);background:var(--paper);gap:10px;min-height:48px;padding:0 12px}.app-shell :is(.search-field,.library-search):focus-within{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.app-shell :is(.search-field,.library-search) input{min-width:0;min-height:46px;font:400 16px/1.5 var(--font-ui);background:0 0;border:0;outline:0;padding:10px 0}.app-shell :is(.search-field,.library-search)>svg{flex:none;width:20px;height:20px}.app-shell :is(.primary-button,.writing-secondary,.secondary-button,.google-login,.destructive-button){border-radius:var(--radius-control);min-height:48px;font:600 16px/1.5 var(--font-ui);justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:inline-flex}.app-shell :is(.writing-secondary,.secondary-button){border:1px solid var(--form-border);color:var(--ink);background:0 0}.app-shell .destructive-button{background:var(--form-error);color:var(--on-accent)}.app-shell :is(button,.writing-photo-add):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell :is(button:disabled,button[aria-disabled=true]){opacity:.5;cursor:not-allowed}.app-shell button[aria-busy=true]{cursor:progress}.app-shell :is(.primary-button,.writing-secondary,.secondary-button,.destructive-button):active:not(:disabled){filter:brightness(.94)}@media (hover:hover){.app-shell :is(.primary-button,.destructive-button):hover:not(:disabled){filter:brightness(.94)}.app-shell :is(.writing-secondary,.secondary-button):hover:not(:disabled){background:var(--soft)}}.app-shell .writing-label{font:600 16px/1.5 var(--font-ui);margin-bottom:8px}.app-shell :is(.writing-error,.account-message[role=alert]){font:400 14px/1.7 var(--font-ui);color:var(--form-error);border-left-color:var(--form-error)}.app-shell :is(.sample-note,.writing-count){line-height:1.7}.nickname-policy{color:var(--muted);font:400 14px/1.7 var(--font-ui);margin:10px 0 20px;padding-left:20px}.nickname-policy li+li{margin-top:4px}.app-shell .account-status button{min-height:44px}.site-header{padding-top:env(safe-area-inset-top,0px)}.app-shell{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.bottom-nav{padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px))}.modal{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);overflow-y:auto}.app-shell input[type=date]{min-width:0}.app-shell input[type=date]::-webkit-date-and-time-value{text-align:left}@media (forced-colors:active){.app-shell select{appearance:auto;background-image:none}.app-shell :is(button,.writing-input){forced-color-adjust:auto}}.page-background{display:contents}.nickname-setup.modal{inset:auto;left:50%;top:calc(var(--nickname-top,0px) + var(--nickname-height,100dvh)/2);width:calc(100% - 24px);max-width:430px;max-height:calc(var(--nickname-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);overscroll-behavior:contain;margin:0;padding:0;animation:none;position:fixed;transform:translate(-50%,-50%)}.nickname-setup::backdrop{-webkit-backdrop-filter:none;background:#231d187a}.nickname-setup .modal-inner{padding:28px 24px}.nickname-setup .brand-lockup{align-items:center;margin-bottom:24px}.nickname-setup .wordmark{min-height:0;font-size:38px;line-height:1.1}.nickname-setup h1{font:600 23px/1.45 var(--font-ui);letter-spacing:-.03em;margin:0 0 12px}.nickname-setup form{margin-top:22px}.nickname-setup .nickname-policy{margin:10px 0 14px;padding:0;font-size:13px;line-height:1.7}.nickname-setup .profile-actions{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.nickname-setup .primary-button{width:100%;margin:8px 0 0}.nickname-setup .text-button{align-self:center;margin:0;text-decoration:underline}@media (width<=360px){.nickname-setup .modal-inner{padding:24px 18px}.nickname-setup h1{font-size:21px}}.account-panel.account-welcome{text-align:center;background:0 0;border:0;width:calc(100% - 40px);max-width:460px;margin:clamp(28px,7vh,72px) auto;padding:24px 12px 32px}.welcome-mark{width:80px;height:80px;color:var(--accent);background:var(--soft);border-radius:50%;place-items:center;margin:0 auto 26px;display:grid}.welcome-mark svg{stroke-width:1.35px;width:36px;height:36px}.welcome-kicker{color:var(--muted);font:400 14px/1.6 var(--font-book);letter-spacing:.03em;margin-bottom:10px;display:block}.account-panel.account-welcome h2{font:500 clamp(27px,4vw,34px)/1.45 var(--font-book);letter-spacing:-.035em;margin:0 0 18px}.account-panel.account-welcome>p{font:400 15px/1.9 var(--font-ui);color:var(--muted);max-width:32ch;margin:0 auto 28px}.app-shell .account-panel.account-welcome .google-login{background:var(--accent);width:100%;max-width:320px;min-height:52px;color:var(--on-accent);border-color:var(--accent);justify-content:center;gap:14px}.account-panel.account-welcome .google-login svg{width:18px;height:18px}.modal .account-panel.account-welcome{width:100%;margin:0;padding:12px 0 4px}.modal .account-panel.account-welcome .welcome-mark{width:64px;height:64px;margin-bottom:20px}.account-panel.account-member{border:0;border-bottom:1px solid var(--line);border-radius:0;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.account-panel.account-member h2:not(.sr-only){width:100%;font:500 14px/1.5 var(--font-ui);color:var(--muted);margin:0}.account-panel.account-member .account-identity{flex:1;min-width:150px;margin:0}.account-panel.account-member .account-identity strong{overflow-wrap:anywhere}.account-panel.account-member .account-action{margin:0}.account-panel.account-member .account-message{flex-basis:100%}.page-state,.empty-feed{text-align:center;max-width:600px;margin-inline:auto;padding:clamp(32px,6vh,64px) 24px 40px}.state-icon{background:var(--soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.state-icon svg{width:28px;height:28px}.page-state h1,.empty-feed h1{font:500 clamp(23px,3vw,29px)/1.5 var(--font-book);letter-spacing:-.025em;margin:0 0 14px}.page-state p,.empty-feed p{font:400 15px/1.85 var(--font-ui);color:var(--muted);overflow-wrap:anywhere;max-width:42ch;margin:0 auto 24px}.state-loading{animation:1.8s linear infinite page-turn}@keyframes page-turn{to{transform:rotate(360deg)}}.draft-empty{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:24px 0;display:flex}.draft-empty>svg{color:var(--accent);width:24px;height:24px;margin-top:3px}.draft-empty strong{font:500 17px/1.6 var(--font-book);color:var(--ink)}.draft-empty p{font:400 14px/1.8 var(--font-ui);color:var(--muted);margin-top:6px}.profile-empty,.library-empty,.comment-empty{text-align:center;max-width:560px;margin-inline:auto;padding:36px 16px}.profile-empty>svg,.library-empty>svg,.comment-empty>svg{width:36px;height:36px;color:var(--accent);stroke-width:1.5px;margin:0 auto 20px;display:block}.profile-empty h2,.library-empty h2,.comment-empty h3{font:500 23px/1.6 var(--font-book);color:var(--ink);margin:0 0 12px}.profile-empty p,.library-empty p,.comment-empty p{font:400 15px/1.85 var(--font-ui);color:var(--muted);max-width:42ch;margin:0 auto 20px}.profile-settings h2,.profile-faq h2{margin-bottom:14px}.profile-setting-row{gap:16px;min-height:56px}.profile-setting-row>span{overflow-wrap:anywhere;min-width:0}.profile-faq details{border-bottom:1px solid var(--line)}.profile-faq summary{min-height:52px;line-height:1.7}.profile-faq details p{color:var(--muted);padding:4px 0 20px;line-height:1.85}.app-shell .sample-note{font-size:13px}.profile-summary h2,.post h2{overflow-wrap:anywhere}.app-shell .writing-error{border-radius:0 var(--radius-control) var(--radius-control) 0}@media (width<=360px){.account-panel.account-welcome{width:calc(100% - 32px);padding-inline:0}.page-state,.empty-feed{padding-inline:16px}.profile-empty h2,.library-empty h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.state-loading{animation:none}}.writing-heading h1:focus{outline:none}.writing-intro{word-break:keep-all;font-size:clamp(20px,3vw,24px);line-height:1.8}@media (width>=320px){:is(html,body,body:has(.profile-screen),body:has(.library-screen:not([hidden]))){min-width:0}}.feed-scroll .account-panel.account-welcome{width:100%;max-width:600px;margin:0 auto;padding:clamp(32px,6vh,64px) 24px 40px}.feed-scroll .welcome-mark,.feed-scroll .empty-symbol{width:80px;height:80px;margin:0 auto 24px}@media (width<=360px){.feed-scroll .account-panel.account-welcome{padding-inline:16px}}.feed-content:has(>.empty-feed){animation:none}.save-confirmation{z-index:90;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);background:var(--brown,#765135);width:max-content;max-width:calc(100% - 32px);color:var(--cream,#fff8eb);pointer-events:none;border-radius:12px;padding:12px 18px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 4px 18px #33210d22}.post-header{align-items:flex-start;gap:12px}.post-header .author{flex:1;min-width:0}.follow-button{min-height:44px;color:var(--accent);background:0 0;border:0;border-radius:7px;flex:none;align-self:flex-start;margin:0;padding:6px 10px;font-size:13px;font-weight:650}.follow-button:hover{background:var(--soft)}.follow-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.post-actions .reaction svg{stroke-width:2px}.post-actions .reaction.saved svg{fill:var(--accent);stroke:var(--accent)}.follow-button[aria-pressed=true]{color:var(--accent);background:0 0}.required-mark{color:#d64c40;font-weight:750}.primary-button svg{flex:none;width:20px;height:20px}.public-comments .comment-empty{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:none;min-height:0;margin:0;padding:20px 12px 24px;display:flex}.public-comments .comment-empty>svg{width:28px;height:28px;margin:0}.public-comments .comment-empty>p{text-align:center;width:100%;max-width:none;font:400 15px/1.6 var(--font-ui);margin:0}.filter-select{flex-direction:column;flex:1;gap:8px;min-width:130px;display:flex;position:relative}.filter-select-label{font:500 13px/1.5 var(--font-ui);color:var(--muted)}.filter-select-trigger{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);font:400 15px/1.5 var(--font-ui);text-align:left;cursor:pointer;background:#fffefb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.filter-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-select-trigger>svg{width:16px;height:16px;color:var(--muted);flex:none;transition:transform .15s}.filter-select-trigger[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px #9253260c}.filter-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.filter-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.library-screen .filter-select-trigger:disabled{opacity:1;color:#a39483;cursor:default;background:#f5f0e9;border-color:#e7dfd2}.filter-select-trigger:disabled>svg{opacity:.35}.filter-select-list{z-index:25;overscroll-behavior:contain;background:#fffefb;border:1px solid #e8dfd1;border-radius:12px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 8px 24px #4935221a}.filter-select-list.opens-above{top:auto;bottom:calc(100% - 20px)}.filter-select-list>li{box-sizing:border-box;min-height:44px;color:var(--ink);font:400 15px/1.5 var(--font-ui);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.filter-select-list>li.is-active{background:#f5f0e9}.filter-select-list>li[aria-selected=true]{color:var(--accent);font-weight:600}.filter-select-list>li>svg{flex:none;width:16px;height:16px}@media (prefers-reduced-motion:reduce){.filter-select-trigger>svg{transition:none}}.rating-stars{vertical-align:middle;align-items:center;gap:12px;display:inline-flex}.rating-stars-icons{gap:3px;display:inline-flex}.rating-star{color:#c9bb9c;width:22px;height:22px;display:block;position:relative}.rating-star svg{stroke-width:1.5px;width:22px;height:22px;display:block}.rating-star-fill{color:#a46a16;height:100%;position:absolute;top:0;left:0;overflow:hidden}.rating-star-fill svg{fill:#f6bf38;max-width:none}.rating-stars-number{font:500 14px/1.5 var(--font-ui);color:var(--ink);white-space:nowrap}.writing-section>.filter-select{margin-bottom:24px}.writing-section>.filter-select>.filter-select-label{color:var(--ink);font-size:15px;font-weight:600}.writing-screen{padding:24px 30px 32px}.writing-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.writing-heading h1{font:500 24px/1.5 var(--font-book);margin:0}.writing-local-note{color:var(--muted);align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;display:flex}.writing-local-note svg{flex-shrink:0;width:16px;height:16px;margin-top:3px}.writing-intro{font:400 22px/1.9 var(--font-book);margin:28px 0}.writing-choices{gap:16px;display:grid}.writing-choice{text-align:left;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--soft);color:var(--brand-ink);flex-direction:column;align-items:flex-start;gap:14px;padding:28px;display:flex}.writing-choice.review-choice{background:linear-gradient(100deg,var(--soft) 40%,#f4eddfc7),url(/images/reading-coffee.jpg) center/cover}.writing-choice>strong{font:600 26px/1.5 var(--font-book)}.writing-choice>span{font-size:15px;line-height:1.8}.writing-choice .choice-link{color:var(--accent);align-items:center;gap:12px;font-weight:600;display:flex}.writing-list{margin-top:32px}.writing-list h2,.writing-section h2{font-size:18px;font-weight:600}.writing-list h2>span{color:var(--muted);font:400 14px/1.5 var(--font-ui);margin-left:4px}.writing-list-row{border-bottom:1px solid var(--line);align-items:center;display:flex}.writing-list-row>button:first-child{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:8px;min-width:0;padding:20px 32px 20px 0;display:flex;position:relative}.writing-list-row strong,.writing-list-row span{overflow-wrap:anywhere}.writing-list-row small,.writing-list-row time{color:var(--muted);font-size:12px;line-height:1.5}.writing-list-row strong{font-family:var(--font-book);font-size:18px;line-height:1.7}.writing-list-row span{font-size:14px;line-height:1.7}.writing-list-row .draft-continue{color:#925326;background:#f6e6cf;border-radius:50%;width:28px;height:28px;padding:4px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.writing-fields{border:0;min-width:0;margin:0;padding:0}.writing-section{border-bottom:1px solid var(--line);padding:24px 0}.writing-section h2{margin:0 0 16px}.writing-section small,.writing-label small{font-family:var(--font-ui);color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.writing-book-summary{align-items:center;gap:20px;margin:16px 0 24px;display:flex}.writing-book-summary>div{min-width:0}.writing-book-summary strong{font-family:var(--font-book);overflow-wrap:anywhere;font-size:20px;line-height:1.7}.writing-book-summary p{color:var(--muted);margin:4px 0;font-size:14px;line-height:1.8}.writing-book-summary .catalog-cover{flex-shrink:0;width:88px;height:124px}.writing-book-summary .catalog-cover strong{font-size:14px}.writing-book-options{margin-top:12px}.writing-book-options button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px;display:flex}.writing-book-options button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.writing-book-options button>span:first-child{flex-direction:column;gap:6px;display:flex}.writing-book-options button>span:last-child{flex-shrink:0;font-size:13px}.writing-label{margin:20px 0 10px;font-size:16px;font-weight:600;display:block}.writing-label:first-child{margin-top:0}.writing-input{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-control);width:100%;max-width:100%;font:400 16px/1.9 var(--font-ui);background:var(--paper);color:var(--ink);scroll-margin:100px 0 calc(var(--nav-height,84px) + 32px);padding:14px;display:block}.writing-title{font-family:var(--font-book)}textarea.writing-input{resize:vertical;min-height:240px}.writing-count{text-align:right;color:var(--muted);margin-top:8px;font-size:12px;display:block}.writing-photo-add{border:1px dashed var(--accent);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:16px 0;display:flex;position:relative;overflow:hidden}.writing-photo-add input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.writing-photo-add:focus-within{outline:2px solid var(--accent);outline-offset:3px}.writing-photos{gap:16px;padding:0;list-style:none;display:grid}.writing-photos li{border:1px solid var(--line);border-radius:var(--radius-media);overflow:hidden}.writing-photos img{object-fit:contain;background:var(--soft);width:100%;max-height:350px;display:block}.writing-photos li>div{align-items:center;gap:4px;padding:8px;display:flex}.writing-photos li>div>span{flex:1;font-size:13px}.writing-visibility{border:0;min-width:0;margin:16px 0 0;padding:24px 0}.writing-visibility legend{font-size:16px;font-weight:600}.writing-visibility label{cursor:pointer;align-items:center;gap:12px;padding:14px 0;display:flex}.writing-visibility input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.writing-visibility span{flex-direction:column;gap:6px;display:flex}.writing-visibility small{color:var(--muted);font-size:13px;line-height:1.7}.writing-status{color:var(--muted);margin:16px 0;font-size:13px;line-height:1.8}.writing-actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.writing-actions>button{white-space:nowrap;flex:1;justify-content:center}.writing-secondary{border:1px solid var(--line);border-radius:var(--radius-control);min-height:46px;color:var(--ink);background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.writing-error{border-left:3px solid var(--accent);background:var(--soft);overflow-wrap:anywhere;padding:12px 16px;font-size:14px;line-height:1.8}.writing-preview{padding:24px 0}.writing-preview h2{font:600 24px/1.8 var(--font-book);overflow-wrap:anywhere}.writing-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9}.writing-gallery{gap:16px;margin-top:20px;display:grid}.writing-gallery img{object-fit:contain;border-radius:var(--radius-media);background:var(--soft);width:100%;max-height:650px;display:block}.writing-confirm .modal-inner{flex-direction:column;gap:12px;display:flex}body:has(.writing-confirm[open]){overflow:hidden}.writing-screen button:disabled{opacity:.45;cursor:not-allowed}.local-post-note{color:var(--muted);font-size:13px;line-height:1.8}.local-post .writing-preview{padding-top:0}@media (width<=520px){.writing-screen{padding:20px 20px 28px}.writing-heading h1{font-size:22px}.writing-choice{padding:24px}.writing-actions .primary-button{flex-basis:100%}.writing-preview h2{font-size:22px}}@media (width>=700px){.writing-screen{padding-left:40px;padding-right:40px}}.writing-choices.compact-choices{gap:12px;margin:16px 0 24px;display:flex}.compact-choices>button{flex:1;justify-content:center;min-height:48px}.catalog-search-bar>input{flex:1;min-width:0}.catalog-search-bar>button{flex-shrink:0}.writing-screen [data-kind=review]{--writing-kind:#c94d35;--writing-kind-soft:#ffebe3}.writing-screen [data-kind=free]{--writing-kind:#087f75;--writing-kind-soft:#dcf5ee}.compact-choices>.writing-create{background:#fffefb;gap:12px;min-height:68px;font-weight:600}.writing-kind-icon{background:var(--writing-kind-soft);width:40px;height:40px;color:var(--writing-kind);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.writing-kind-icon svg{stroke-width:1.9px;width:24px;height:24px}.writing-list-row .draft-kind{color:var(--muted);font:400 12px/1.5 var(--font-ui);align-self:flex-start;align-items:center;gap:5px;display:inline-flex}.draft-kind svg{flex:none;width:14px;height:14px}.writing-list-row>button:first-child{padding-right:40px}@media (hover:hover){.writing-create:hover{border-color:var(--writing-kind)}.writing-list-row>button:first-child:hover .draft-continue{background:#ebc78e}}@media (width<=420px){.compact-choices>.writing-create{gap:8px;padding:10px 8px;font-size:14px}.writing-kind-icon{border-radius:9px;width:32px;height:32px}.writing-kind-icon svg{width:21px;height:21px}}.library-screen{overflow-wrap:anywhere;min-width:0;padding:24px 30px 40px}.library-heading,.library-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.library-heading h1{font:500 30px/1.5 var(--font-book);margin:8px 0}.library-heading p,.library-meta{color:var(--muted);font-size:14px;line-height:1.8}.library-screen h2{font:600 21px/1.6 var(--font-book)}.library-screen h3{font:600 18px/1.7 var(--font-book);margin:12px 0}.library-screen h2 svg{vertical-align:middle;margin-right:8px}.library-screen button{min-height:var(--touch-target)}.library-screen .text-button{text-align:left;align-items:center;gap:8px;display:inline-flex}.library-screen button:disabled{opacity:.45;cursor:not-allowed}.library-tabs{border-bottom:1px solid var(--line);margin:24px 0;display:flex}.library-tabs button{min-width:0;color:var(--muted);word-break:keep-all;overflow-wrap:normal;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:14px 4px;font-size:16px;line-height:1.5}.library-tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);font-weight:600}.library-search{border:1px solid var(--line);border-radius:var(--radius-control);align-items:center;gap:12px;padding:12px 16px;display:flex}.library-search input{width:100%;min-width:0;font:400 16px/1.8 var(--font-ui);color:var(--ink);background:0 0;border:0}.library-filters,.library-actions,.library-fields{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.library-filters label{flex-direction:column;flex:1;gap:8px;min-width:130px;font-size:14px;display:flex}.library-filters select{background:var(--paper);min-height:44px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-control);max-width:100%;padding:10px;font-size:16px}.library-fields>label{flex:1;min-width:160px;margin:0}.library-book-card{border-radius:var(--radius-card);background:#fffefb;border:1px solid #ebe5da;gap:24px;margin:16px 0;padding:24px;display:flex}.library-book-card>div:last-child{flex:1;min-width:0}.library-book-card h2{margin:0}.library-book-card h2 button{color:inherit;text-align:left;font:inherit;background:0 0;border:0;padding:0}.library-cover{aspect-ratio:2/3;box-sizing:border-box;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-small);width:100px;box-shadow:var(--shadow-cover);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;gap:12px;padding:12px;display:flex}.library-cover span{font:500 14px/1.7 var(--font-book)}.library-cover small{color:var(--muted);font-size:12px}.library-cover:has(img){box-shadow:none;background:0 0;border:0;padding:0}.library-cover img{object-fit:contain;width:100%;height:100%;max-height:180px;display:block}.library-book-heading{align-items:center;gap:24px;margin:24px 0;display:flex}.library-screen progress{border-radius:var(--radius-control);width:100%;height:9px;accent-color:var(--accent);background:var(--line);border:0;overflow:hidden}.library-session{border-bottom:1px solid var(--line);padding:24px 0}.library-session h3{margin:0}.library-badge{background:var(--soft);color:var(--accent);border-radius:var(--radius-control);padding:6px 10px;font-size:14px}.library-note{white-space:pre-wrap;font-size:16px;line-height:1.9}.library-review{border-left:2px solid var(--line);margin:20px 0;padding-left:16px}.library-review .writing-preview{padding:0}.library-excerpt{white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.9;display:-webkit-box;overflow:hidden}.library-check{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:16px;display:flex}.library-check input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.library-date{border:0;border-bottom:1px solid var(--line);min-width:0;margin-top:24px;padding:20px 0}.library-date legend{font-size:16px;font-weight:600}.library-date small{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.8;display:block}.library-empty{text-align:center;padding:36px 12px;line-height:1.9}.library-empty>svg{width:32px;height:32px;color:var(--accent)}.library-register{border:1px solid var(--line);border-radius:var(--radius-card);margin:24px 0;padding:20px}.library-catalog-row{border-bottom:1px solid var(--line);padding:12px 0}.library-catalog-row small{font:400 14px/1.8 var(--font-ui);color:var(--muted);display:block}.time-group{margin:32px 0}.time-group>h2{background:var(--soft);border-radius:var(--radius-control);color:var(--brand-ink);padding:12px 16px}.time-book{padding:0 8px}.library-feedback{background:var(--soft);border-radius:var(--radius-control);padding:14px;line-height:1.8}.library-history summary{cursor:pointer;box-sizing:border-box;min-height:44px;padding:14px 0}.library-history ul{padding-left:20px;font-size:14px;line-height:1.9}.library-screen input,.library-screen textarea,.library-screen select{scroll-margin:100px 0 calc(var(--nav-height,84px) + 32px)}@media (width<=520px){.library-screen{padding:20px 20px 32px}.library-heading h1{font-size:26px}.library-book-card{gap:16px;padding:16px}.library-cover{width:76px;padding:8px}.library-cover span{font-size:13px}.library-tabs button{font-size:15px}.library-register,.library-compare{padding:16px}}@media (width>=700px){.library-screen{padding-left:40px;padding-right:40px}}.library-screen[hidden]{display:none}.library-back{margin:0 0 var(--space-3);font-size:var(--text-input)}.app-shell:has(.library-screen[data-detail=true]:not([hidden]))>.demo-connection-note{display:none}.library-session h3{align-items:center;gap:8px;display:flex}.library-session h3>svg,.session-dates>svg{width:18px;height:18px;color:var(--accent);flex:none}.session-dates{align-items:flex-start;gap:8px;display:flex}.session-dates>svg{margin-top:4px}.library-badge{align-items:center;gap:4px;display:inline-flex}.library-badge>svg,.library-review .library-meta>svg,.library-rating>svg{vertical-align:-2px;width:15px;height:15px}.library-rating{color:#9b6a15;white-space:nowrap}.library-rating>svg{fill:#d9a43c;stroke:#9b6a15;margin-right:3px}.library-review{border-left:3px solid #c7a87a;padding-left:14px}.library-review .library-meta>svg{color:var(--accent);margin-right:6px}.time-book-heading{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:18px 0;display:flex}.time-book-heading>.library-cover{width:72px;min-width:72px;height:104px;box-shadow:none;border-radius:5px}.time-book-heading>.library-cover>span:not(.page-book-cover-frame),.time-book-heading>.library-cover>small{display:none}.time-book-heading>.library-cover>svg{width:22px;height:22px}.time-book-heading h3{font:600 22px/1.5 var(--font-book);margin:0}.time-book-heading h3 button{font:inherit;text-align:left;min-height:44px;padding:0}.time-book-heading p{font:400 13px/1.6 var(--font-ui);color:var(--muted);margin:2px 0 0}.library-personal-note h4,.library-linked-review h4{font:600 13px/1.6 var(--font-ui);color:var(--muted);margin:0 0 8px}.library-personal-note .library-note{font:400 15px/1.8 var(--font-ui);margin:0}.library-badge{white-space:nowrap;font-weight:600}.library-badge>svg{stroke-width:2px;width:17px;height:17px}.library-badge.status-reading{color:#a7490b;background:#fff0db}.library-badge.status-completed{color:#087965;background:#d9f1e7}.library-badge.status-paused{color:#65596b;background:#eee8f1}.library-progress-summary{align-items:center;gap:10px;margin:8px 0;display:flex}@media (width<=480px){.time-book{padding:0}.time-book-heading h3{font-size:20px}.library-session>.library-row{align-items:flex-start;gap:10px}.library-session>.library-row h3{font-size:18px}.library-badge{padding:5px 8px;font-size:12px}}.time-group>h2.sr-only{border:0;margin:0;padding:0}.time-group .library-session-summary{border-left:2px solid var(--line);margin-left:23px;padding:20px 0 18px 20px;position:relative}.library-session-summary:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:29px;left:-5px}.library-session-summary .library-row h3{font:600 16px/1.6 var(--font-ui)}.library-session-summary .library-row h3>svg{display:none}.library-session-summary .session-dates{margin:10px 0;font-size:13px}.library-session-summary .session-dates span{line-height:1.7}.library-session-summary>.library-meta{margin:5px 0;font-size:13px}.library-book-card .library-cover{width:88px}.library-book-card>.library-cover>span:not(.page-book-cover-frame){font-size:12px}.library-book-card>.library-cover>small{font-size:11px}@media (width<=480px){.library-book-card{gap:16px;padding:18px}.library-book-card .library-cover{width:72px;padding:8px}.library-book-card>.library-cover>span:not(.page-book-cover-frame){display:none}.library-book-card .library-meta{margin:6px 0;font-size:12px}.library-book-card .library-progress-summary{margin:6px 0}.library-book-card .text-button{padding-left:0;font-size:13px}.time-group .library-session-summary{margin-left:12px;padding-left:16px}}.library-book-card .text-button,.library-session>.text-button{margin:8px 0 0;padding-left:0}.session-reviews{border-top:1px solid var(--line);margin-top:12px}.session-review{border-bottom:1px solid var(--line)}.session-review>summary{cursor:pointer;min-height:44px;font:500 15px/1.7 var(--font-ui);align-items:center;gap:10px;padding:7px 0;list-style:none;display:flex}.session-review>summary::-webkit-details-marker{display:none}.session-review-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.session-review>summary>.library-rating{font:600 13px/1.5 var(--font-ui);flex:none}.session-review>summary>svg{width:17px;height:17px;color:var(--muted);flex:none;transition:transform .15s}.session-review[open]>summary>svg{transform:rotate(180deg)}.session-review>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.session-review-content{padding:12px 0 18px}.session-review-content>.writing-preview{margin:0;padding:0}.session-review-content>.text-button{margin:8px 0 0;padding-left:0}.session-no-review{font:400 12px/1.7 var(--font-ui);color:var(--muted);margin:12px 0 0}.library-personal-note{margin:20px 0}.library-personal-note h4{font:600 13px/1.6 var(--font-ui);color:var(--muted);margin:0 0 8px}@media (prefers-reduced-motion:reduce){.session-review>summary>svg{transition:none}}.library-book-card:focus-within{background:#f5f0e9}@media (hover:hover) and (pointer:fine){.library-book-card:hover{background:#f5f0e9}}.library-book-card .page-book-cover.page-book-cover{background:#faf9f5;border:1px solid #e7e4dc;box-shadow:0 3px 8px #40372a08}.library-screen progress{accent-color:#c9954b;background:#ece7df;height:6px}.library-book-card[data-status=completed] progress,.library-session[data-status=completed] progress{opacity:.5;height:4px}.library-screen progress::-webkit-progress-bar{background:#ece7df}.library-screen progress::-webkit-progress-value{background:#c9954b}.library-screen progress::-moz-progress-bar{background:#c9954b}.time-rating-star{fill:#f6bf38;stroke:#b27800;stroke-width:1.75px;width:23px;height:23px}.catalog-search-tabs{border-bottom:1px solid var(--line);gap:4px;margin:8px 0 16px;display:flex}.catalog-search-tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px 8px}.catalog-search-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.catalog-search-status{color:var(--muted);margin:10px 0;font-size:13px}.library-screen .library-cover.page-book-cover:not(:has(img)){background:#fff8ee;border:1px solid #efdcc1;padding:0;box-shadow:0 3px 9px #9b6a1510}.library-screen .library-cover .page-book-cover-placeholder{color:#8a7155;font:500 11px/1.4 var(--font-ui);gap:8px}.library-screen .library-cover .page-book-cover-placeholder>span{font:inherit;white-space:nowrap}.library-screen .library-cover .page-book-cover-placeholder>svg{box-sizing:content-box;color:#cf5c21;stroke-width:1.8px;background:#ffe6bf;border-radius:12px;width:24px;height:24px;padding:9px}.reading-visibility{border:0;margin:24px 0;padding:0}.reading-visibility legend{margin-bottom:10px;font-weight:600}.reading-visibility label{align-items:center;gap:8px;min-height:44px;margin-right:24px;display:inline-flex}.reading-visibility svg,.reading-scope svg{width:16px;height:16px}.reading-visibility p{color:var(--muted);font:400 14px/1.6 var(--font-ui);margin:6px 0}.session-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reading-scope{font:400 12px/1.5 var(--font-ui);color:var(--muted);align-items:center;gap:4px;display:inline-flex}.reading-visibility input{accent-color:var(--accent);width:18px;height:18px}.profile-screen{padding:24px 30px calc(var(--nav-height,84px) + 32px);overflow-wrap:anywhere;min-width:0}.profile-heading{align-items:center;gap:12px;display:flex}.profile-heading h1{font-family:var(--font-book);flex:1;margin:12px 0;font-size:26px}.profile-heading h1:focus{outline:none}.profile-local{color:var(--muted);gap:8px;font-size:13px;line-height:1.8;display:flex}.profile-local svg{flex:0 0 16px;width:16px}.profile-summary{text-align:center;padding:24px 0}.profile-avatar{background:var(--soft);width:88px;height:88px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar svg{width:38px;height:38px}.profile-summary .eyebrow{margin-top:20px;display:block}.profile-summary h2{font:600 28px var(--font-book);margin:12px 0 4px}.profile-handle{color:var(--muted);margin:0;font-size:14px}.profile-bio{white-space:pre-wrap;max-width:600px;margin:20px auto;line-height:1.9}.profile-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 12px;padding:16px 0;display:grid}.profile-stats>*{color:var(--ink);font:inherit;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:60px;display:flex}.profile-stats>*+*{border-left:1px solid var(--line)}.profile-stats strong{font-size:24px}.profile-stats span{font-size:14px}.profile-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.profile-summary .profile-actions{justify-content:center}.profile-tabs{border-bottom:1px solid var(--line);display:flex}.profile-tabs button{min-height:52px;font:inherit;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1}.profile-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.profile-post{border-bottom:1px solid var(--line);padding:24px 0}.profile-post h2,.profile-post h3{font-family:var(--font-book);line-height:1.6}.profile-excerpt{white-space:pre-wrap;line-height:1.9}.profile-empty{text-align:center;color:var(--muted);padding:36px 12px;line-height:1.9}.profile-empty svg{width:32px;height:32px}.profile-empty h2{color:var(--ink);font:500 21px var(--font-book)}.profile-settings{margin:28px 0}.profile-settings h2,.profile-faq h2{font-family:var(--font-book);font-size:21px}.profile-setting-row{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;min-height:60px;color:var(--ink);font:inherit;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.profile-setting-row>span:last-child:not(:first-child){color:var(--muted);font-size:14px}.profile-setting-row svg{flex-shrink:0;width:20px}.profile-switch{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.profile-switch input{width:24px;height:24px;accent-color:var(--accent)}.profile-faq details{border-bottom:1px solid var(--line);padding:12px 0}.profile-faq summary{cursor:pointer;padding:12px 0}.profile-faq p{line-height:1.9}.profile-photo-editor{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;display:flex}.profile-feedback{background:var(--soft);border-radius:var(--radius-control);padding:12px}.profile-author-button{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0}.post-header>.profile-avatar{width:42px;height:42px}.post-header>.profile-avatar svg{width:24px;height:24px}.profile-screen button:disabled{opacity:.55;cursor:default}@media (width>=700px){.profile-screen{padding-inline:40px}}@media (width<=480px){.profile-screen{padding-inline:20px}.profile-heading h1{font-size:23px}}@media (width<=360px){.profile-screen{padding-inline:16px}.profile-stats span{font-size:13px}}.profile-photo-editor{flex-wrap:wrap}.avatar-picker{width:min(480px,100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}.avatar-preview{border-radius:50%;width:88px;height:88px;margin:16px auto;display:block}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.avatar-grid button{min-width:0;min-height:44px;color:var(--ink);font:inherit;background:0 0;border:2px solid #0000;border-radius:12px;padding:6px 3px}.avatar-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.avatar-grid img{aspect-ratio:1;border-radius:50%;width:100%;display:block}.avatar-grid span{overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.4;display:block}@media (width<=380px){.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.avatar-grid span{word-break:keep-all;overflow-wrap:normal}.nickname-setup{padding-bottom:calc(var(--nav-height,80px) + 32px)}.profile-post .writing-preview .writing-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comment-menu{font:inherit;color:var(--muted);margin:8px 0;font-size:13px}.comment-menu summary{cursor:pointer}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:20px 0;display:grid}.profile-tile{aspect-ratio:1;background:var(--soft);text-align:left;border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:hidden}.profile-tile img{object-fit:cover;width:100%;height:100%;display:block}.profile-tile.review-tile img{object-fit:contain;padding:8px 12px 28px}.profile-tile .tile-copy{flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.tile-copy svg{width:20px;height:20px;color:var(--accent)}.tile-copy strong{font:600 15px/1.5 var(--font-book);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-caption{background:var(--paper);white-space:nowrap;text-overflow:ellipsis;padding:7px 9px;font-size:12px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.text-tile .tile-caption{display:none}.tile-multiple{color:var(--ink);background:#fcf9f3e8;border-radius:5px;place-items:center;padding:4px;display:grid;position:absolute;top:6px;right:6px}.tile-multiple svg{width:16px;height:16px}.profile-tile:hover{border-color:var(--accent)}.profile-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width>=700px){.profile-grid{gap:10px}.tile-copy strong{-webkit-line-clamp:5;font-size:20px}.profile-tile .tile-copy{padding:24px}.tile-caption{padding:10px;font-size:14px}}@media (width<=360px){.tile-copy strong{font-size:13px}.profile-tile .tile-copy{gap:6px;padding:8px}.tile-caption{font-size:11px}}.profile-settings a.profile-setting-row{color:inherit;text-decoration:none}.account-policy-links{color:var(--muted);flex-wrap:wrap;gap:14px;padding:16px 0;font-size:12px;display:flex}.account-policy-links a{color:inherit;text-underline-offset:3px}.profile-menu-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-menu-heading h1{font:600 20px var(--font-book);margin:0}.profile-menu-heading h1:focus{outline:none}.profile-avatar-editor{display:inline-flex;position:relative}.profile-edit-icon{background:var(--paper);border:1px solid var(--line);border-radius:50%;position:absolute;bottom:-6px;right:-24px}.profile-edit-icon svg{width:18px;height:18px}.profile-summary .profile-actions:empty{display:none}.reader-profile-summary{align-items:center;gap:20px;margin:24px 0 16px;display:flex}.reader-profile-summary .reader-identity{flex:1;min-width:0}.reader-profile-summary .header-avatar{width:72px;height:72px}.reader-profile-summary .reader-identity strong{font-size:22px}.reader-profile-bio{white-space:pre-wrap;margin-bottom:24px;line-height:1.8}.profile-screen .live-feed .feed-end{padding:12px;font-size:13px}.profile-privacy{padding-top:28px}.profile-privacy h2{font:600 20px/1.5 var(--font-book);color:var(--ink);margin:0}.privacy-setting-list{margin-top:12px}.privacy-setting-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:20px 0;display:flex}.privacy-setting-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.privacy-setting-copy strong{font:600 15px/1.5 var(--font-ui)}.privacy-setting-copy>span,.privacy-setting-help{font:400 13px/1.75 var(--font-ui);color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;max-width:52ch}.privacy-toggle{appearance:none;border:1px solid var(--muted);background:var(--soft);cursor:pointer;border-radius:20px;flex:0 0 40px;width:40px;height:24px;margin:10px 0;transition:background .15s;position:relative}.privacy-toggle:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}.privacy-toggle:checked{background:var(--accent);border-color:var(--accent)}.privacy-toggle:checked:after{background:var(--paper);transform:translate(16px)}.privacy-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.privacy-toggle:disabled{opacity:.55;cursor:wait}.privacy-save-status{min-height:22px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}.privacy-record-note{border-radius:var(--radius-control);background:var(--soft);align-items:flex-start;gap:12px;margin:18px 0 36px;padding:16px 18px;display:flex}.privacy-record-note>svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:3px}.privacy-record-note h2{font:600 14px/1.6 var(--font-ui);margin:0 0 5px}.privacy-record-note p{font:400 13px/1.75 var(--font-ui);color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;margin:0}.privacy-posts-heading{border-bottom:1px solid var(--line);padding-bottom:14px}.privacy-posts-heading h2{align-items:center;gap:9px;display:flex}.privacy-posts-heading h2 span{font:500 13px/1 var(--font-ui);color:var(--accent);background:var(--soft);border-radius:20px;padding:5px 8px}.privacy-posts-heading p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.7}.privacy-post-row{align-items:center;gap:24px;padding:22px 0;display:flex}.privacy-post-copy{flex:1;min-width:0}.privacy-post-meta{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.privacy-visibility{background:var(--soft);border-radius:4px;padding:3px 7px;font-size:11px;line-height:1.4}.privacy-visibility.public{color:var(--accent)}.privacy-post-row h3{font:500 18px/1.65 var(--font-book);overflow-wrap:anywhere;margin:9px 0 0}.privacy-post-row .profile-actions{flex:none;gap:8px;margin:0}.privacy-post-row .writing-secondary{min-height:44px;padding:8px 12px;font-size:13px}.privacy-post-row .icon-button{color:var(--muted)}.privacy-post-row .icon-button svg{width:19px;height:19px}@media (width<=699px){.privacy-post-row{flex-direction:column;align-items:stretch;gap:14px}.privacy-post-row .profile-actions{justify-content:flex-start}.privacy-post-row .icon-button{margin-left:auto}.privacy-setting-row{gap:16px}.profile-privacy{padding-top:24px}}@media (prefers-reduced-motion:reduce){.privacy-toggle,.privacy-toggle:after{transition:none}}.profile-menu-heading{border:0;height:44px;min-height:44px;margin:0;padding:0;position:static}.profile-menu-heading h1{font:600 20px/1.5 var(--font-book)}.reader-screen{padding-top:0}.reader-screen>.detail-header>.icon-button{margin-left:-12px;margin-right:4px}.profile-summary{position:relative}.profile-summary .profile-avatar-editor>.header-avatar{width:88px;height:88px}.profile-summary .profile-bio{max-width:600px;min-height:29px;margin:20px auto}.profile-summary-tools{position:absolute;top:24px;right:0}.service-document{font:400 15px/1.9 var(--font-ui);overflow-wrap:anywhere;padding:12px 0 28px}.service-document h2{font:600 20px/1.6 var(--font-book);margin:28px 0 12px}.service-document p{margin:12px 0}.service-document li{margin:8px 0}.service-document ul,.service-document ol{padding-left:22px}.service-document .service-meta{color:var(--muted);font-size:13px}.service-document a,.service-inline-link{color:var(--accent);text-underline-offset:3px;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.service-contact{padding:24px 0}.service-contact-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.service-contact-heading svg{width:22px;color:var(--accent)}.service-contact h2{font:600 21px/1.5 var(--font-book);margin:0}.service-contact p{color:var(--muted);margin:12px 0 24px;font-size:14px;line-height:1.85}.service-contact label{margin:24px 0 8px;font-size:13px;font-weight:600;display:block}.service-email{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--soft);align-items:center;max-width:480px;padding:4px 8px 4px 12px;display:flex}.service-email input{min-width:0;font:400 14px var(--font-ui);color:var(--ink);background:0 0;border:0;flex:1;height:44px}.service-email svg{width:18px;height:18px}.service-contact-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.service-contact-actions>a{align-items:center;gap:8px;min-height:44px;font-size:13px;text-decoration:none;display:inline-flex}.service-contact-actions>span{color:var(--muted);font-size:13px;line-height:1.7}.service-contact .service-contact-note{max-width:54ch;margin-top:28px;font-size:13px}.tile-visibility{color:#704c2f;font:600 12px/1.3 var(--font-ui);background:#fffbf4;border-radius:5px;padding:4px 7px;position:absolute;top:8px;left:8px;box-shadow:0 1px 4px #2c211c12}.tile-visibility.private{color:#51483f;background:#eee9e3}.comment-tools{justify-content:flex-end;gap:2px;display:flex}.comment-tools .text-button{flex:none;place-items:center;width:36px;min-height:36px;margin:0;padding:8px;display:grid}.comment-tools svg{width:16px;height:16px}.comment-menu>form{margin-block:8px}.post-actions .reaction:disabled{opacity:1;cursor:wait}.public-reading-counts{flex-wrap:wrap;gap:24px;margin:24px 0 6px;display:flex}.public-reading-counts>span{align-items:center;gap:6px;display:inline-flex}.public-reading-counts svg{width:18px;height:18px;color:var(--accent)}.public-reading-book{border-bottom:1px solid var(--line);gap:18px;padding:20px 0;display:flex}.public-reading-book>.page-book-cover{flex:0 0 64px;width:64px;height:96px}.public-reading-book h3{margin:0 0 6px;font-size:20px}.public-reading-book ul{margin:12px 0 0;padding:0;list-style:none}.public-reading-book li{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;line-height:1.8;display:flex}.public-reading-book li svg{width:16px;height:16px;color:var(--accent)}.public-reading-book time{color:var(--muted);margin-left:6px}.demo-connection-note,.demo-data-error{padding:var(--space-3) var(--space-5);font-size:var(--text-small);color:var(--ink);background:var(--soft);border-bottom:1px solid var(--line);margin:0;line-height:1.65}.demo-data-error p{margin:0}.demo-data-error button{margin-top:var(--space-1)}@media (width>=700px){.demo-connection-note,.demo-data-error{padding-inline:var(--space-10)}}.account-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);color:var(--ink);text-align:left;overflow-wrap:anywhere;margin:16px 0;padding:22px}.account-panel h2{font:600 23px/1.5 var(--font-book);margin:8px 0 12px}.account-panel p{font:14px/1.8 var(--font-ui)}.google-login{background:var(--paper);max-width:100%;min-height:48px;color:var(--ink);border:1px solid var(--muted);border-radius:var(--radius-control);font:500 16px/1.5 var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:12px;padding:10px 22px;display:inline-flex}.google-login:hover{background:var(--soft)}.google-login:focus-visible,.account-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.google-login:disabled,.account-action:disabled{opacity:.65;cursor:wait}.account-identity{align-items:center;gap:14px;margin-bottom:16px;display:flex}.account-avatar{background:var(--soft);width:48px;height:48px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.account-identity strong{font-size:17px}.account-panel .account-data-note{color:var(--muted);border-top:1px solid var(--line);margin:18px 0 0;padding-top:14px;font-size:12px}.account-panel .account-message{color:var(--brand-ink);margin:12px 0}.account-status{border-bottom:1px solid var(--line);background:var(--soft);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 30px;font-size:12px;line-height:1.7;display:flex}.account-status button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;min-height:36px;text-decoration:underline}.header-account.is-signed-in{color:var(--accent)}@media (width<=520px){.account-panel{padding:18px}.account-panel h2{font-size:21px}.account-status{padding-inline:18px}.google-login{width:100%}}.live-feed .post{padding-top:24px;padding-bottom:24px}.live-feed .post-header,.public-post-content .post-header{gap:12px;margin-bottom:16px}.post-avatar{flex:0 0 44px;width:44px;height:44px;padding:0}.post-avatar .profile-avatar{width:44px;height:44px}.post-header .author button{text-align:left;min-height:26px;padding:0}.post-header .author strong{font-size:16px}.post-header .author span{font-size:13px;line-height:1.5}.feed-post-link{text-align:left;width:100%;color:var(--ink);padding:0;display:block}.feed-post-link h2{font-family:var(--font-book);overflow-wrap:anywhere;margin:0 0 10px;font-size:22px;line-height:1.55}.feed-excerpt{-webkit-line-clamp:3;white-space:pre-line;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.8;display:-webkit-box;overflow:hidden}.feed-book{background:var(--soft);border-radius:var(--radius-card);align-items:center;gap:20px;min-width:0;margin-bottom:20px;padding:20px;display:flex}.feed-book>div:last-child{min-width:0}.feed-book h3{font:600 22px/1.5 var(--font-book);overflow-wrap:anywhere;margin:4px 0 8px}.feed-book p{color:var(--muted);margin:0 0 10px;font-size:14px}.feed-cover{width:90px;height:126px;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:4px;flex-direction:column;flex:0 0 90px;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.feed-cover img{object-fit:contain;width:100%;height:100%}.live-feed .post-actions{margin-top:16px}.reaction[aria-pressed=true]{color:var(--accent)}.feed-pagination{text-align:center;padding:24px}.feed-pagination button{min-width:180px}.public-post-page{padding:20px 40px calc(var(--nav-height,58px) + 28px);min-height:60vh}.public-post-page>.detail-back{min-height:44px;margin-bottom:20px;font-size:16px}.public-post-content h1{font:600 28px/1.55 var(--font-book);overflow-wrap:anywhere;margin:20px 0}.public-post-content .preview-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.9}.public-post-content .post-actions{margin:24px 0}.follow-button{margin-bottom:8px}.public-comments{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;scroll-margin-top:24px}.public-comments ol{margin:0;padding:0;list-style:none}.public-comments .comment-thread{border-bottom:1px solid var(--line);padding:18px 0;font-size:16px;display:block}.public-comments time{color:var(--muted);margin-left:12px;font-size:12px}.public-comments p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.8}.public-reply{border-left:2px solid var(--line);margin:8px 0 0 16px;padding:12px}.public-reply span{color:var(--muted);font-size:12px}.public-comment-composer{bottom:var(--nav-height,58px);background:var(--paper);border-top:1px solid var(--line);margin-top:20px;padding:12px 0;position:sticky}.public-comment-composer form>div{align-items:end;gap:8px;display:flex}.public-comment-composer textarea.writing-input{flex:1;min-width:0;max-height:160px}.public-comment-composer label{margin-bottom:6px;font-size:14px;display:block}.public-comment-composer button{flex-shrink:0}.public-comment-composer p{margin:0 0 8px}.bottom-nav{padding-top:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;min-height:58px!important}.bottom-nav>button{border-radius:0;gap:2px;height:58px;min-height:58px;padding:4px 0;position:relative;overflow:hidden;background:0 0!important}.bottom-nav>button.active{color:var(--accent)}.bottom-nav>button>svg{fill:none;stroke-width:1.75px}.bottom-nav>button.active>svg{stroke:currentColor;stroke-width:2px;fill:currentColor;fill-opacity:.22}.bottom-nav>button.active .write-circle{color:var(--paper);background:var(--accent)}.bottom-nav .write-circle{width:28px;height:28px;color:inherit;background:0 0;border-radius:50%;margin:0}.bottom-nav>button:after{content:"";left:var(--ripple-x,50%);top:var(--ripple-y,50%);pointer-events:none;background:#99622020;border-radius:50%;width:150px;height:150px;margin:-75px;position:absolute;transform:scale(0)}.bottom-nav>button[data-ripple=on]:after{animation:.3s ease-out page-ripple}@keyframes page-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1.5)}}@media (width<=600px){.public-post-page{padding-left:20px;padding-right:20px}.feed-book{gap:16px;padding:16px}.feed-book h3{font-size:20px}.public-post-content h1{font-size:24px}.feed-post-link h2{font-size:21px}.public-comment-composer form>div{flex-wrap:wrap}.public-comment-composer textarea.writing-input{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.bottom-nav>button[data-ripple=on]:after{animation:none}}.post-avatar .header-avatar{width:44px;height:44px}.catalog-search{border-bottom:1px solid var(--line);margin:16px 0;padding:16px 0}.catalog-search-bar{gap:8px;display:flex}.catalog-search-bar select{width:86px}.catalog-search-bar input{flex:1;min-width:0}.catalog-result{text-align:left;border-bottom:1px solid var(--line);gap:12px;width:100%;padding:12px 0;display:flex}.catalog-result>span:last-child{min-width:0}.catalog-result strong,.catalog-result small{overflow-wrap:anywhere;display:block}.catalog-result small{color:var(--muted);margin-top:4px}.catalog-search .catalog-result>.catalog-cover{aspect-ratio:auto;background:var(--soft);border:0;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:62px;padding:0;display:flex;position:relative;overflow:hidden}.catalog-result>.catalog-cover>svg{flex:none;width:24px;height:24px}.catalog-result>.catalog-cover>img{background:var(--soft);position:absolute;inset:0}.public-comment-composer{width:min(100%,975px);padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));z-index:15;box-sizing:border-box;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.public-comment-composer form>div{flex-wrap:nowrap;align-items:end}.public-comment-composer textarea.writing-input{resize:none;flex-basis:auto;height:44px;min-height:44px;max-height:132px;padding:10px 12px;line-height:22px}.public-comment-composer .comment-send{place-items:center;width:44px;min-width:44px;height:44px;padding:10px;display:grid}.public-comment-composer .sr-only{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.public-post-page{padding-bottom:calc(var(--comment-composer-height,65px) + 12px)}.comment-author{align-items:center;gap:8px;padding:0;display:inline-flex}.comment-author .header-avatar{width:30px;height:30px}.required-mark{color:#bd4840;font-size:12px}.account-identity a{margin-top:8px;display:block}.delegation-banner{background:var(--cream,#f7f2e9);justify-content:center;align-items:center;gap:12px;padding:6px;font-size:12px;display:flex}.delegation-banner button{padding:4px;text-decoration:underline}.catalog-cover img{object-fit:contain;width:100%;height:100%}.person-result .avatar img{object-fit:cover;width:100%;height:100%}.public-comment-composer{bottom:var(--keyboard-offset,0px)}