/* Native edition: compact hierarchy, inset lists, a stable reading surface. */
body[data-layout=native]{--ui-bg:#f2f3f5;--ui-surface:#fff;--ui-raised:#eceef1;--ui-ink:#1c1d20;--ui-muted:#757880;--ui-line:#1c1d2012;--ui-accent:#343943;--paper:var(--ui-bg);--ink:var(--ui-ink);--hair:var(--ui-line);font-family:var(--global-font,-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif)}
body[data-layout=native]:not(.light-theme){--ui-bg:#121316;--ui-surface:#202126;--ui-raised:#2c2e34;--ui-ink:#f4f5f7;--ui-muted:#a5a8b1;--ui-line:#ffffff14;--ui-accent:#e2e5ea}
body[data-layout=native] .page{max-width:860px;padding:calc(12px + env(safe-area-inset-top)) 28px calc(100px + env(safe-area-inset-bottom))}
body[data-layout=native] .masthead{min-height:48px;margin:0 0 22px;padding:0;border:0}
body[data-layout=native] .home-mark{font:700 23px/1.2 var(--global-font,system-ui);letter-spacing:-.06em;text-transform:lowercase}
body[data-layout=native] .sync-indicator{font-size:11px;min-height:36px;padding:8px;color:var(--ui-muted)}
body[data-layout=native] .theme-toggle{height:36px;width:36px;border:0;background:var(--ui-surface);border-radius:50%;box-shadow:none}
body[data-layout=native] .settings-header-button{font-size:13px;padding:8px}
body[data-layout=native] #home-view{padding:0!important;background:transparent!important}
body[data-layout=native] .overview-grid{display:flex;flex-direction:column;gap:20px;align-items:stretch}
body[data-layout=native] .overview-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 12px;padding:0;border:0;border-radius:0;background:transparent}
body[data-layout=native] .feature-image{grid-column:1/-1;grid-row:1;position:relative;inset:auto;z-index:auto;width:100%;height:210px!important;min-height:0;border:0;border-radius:22px!important;margin:0;box-shadow:none!important;transform:none!important}
body[data-layout=native] .feature-image img{filter:none;transform:none!important}
body[data-layout=native] .feature-edit{bottom:12px;right:12px;font:11px/1.4 system-ui;padding:7px 10px;border-radius:20px;background:#0006;color:white;opacity:1}
body[data-layout=native] .identity-cluster{grid-column:1;grid-row:2;display:flex;gap:12px;margin:0;align-items:center}
body[data-layout=native] .avatar-pair{min-width:70px;display:flex;padding:0}
body[data-layout=native] .avatar{width:44px;height:44px;border:3px solid var(--ui-bg);border-radius:50%;box-shadow:none}
body[data-layout=native] .avatar+.avatar{margin-left:-14px}
body[data-layout=native] .profile-names{display:flex;align-items:center;gap:7px;font:600 16px/1.5 var(--global-font,system-ui);overflow-wrap:anywhere}
body[data-layout=native] .profile-names strong{font:inherit}
body[data-layout=native] .profile-details{font:12px/1.6 var(--global-font,system-ui);color:var(--ui-muted)}
body[data-layout=native] .home-date{grid-column:2;grid-row:2;align-self:center;margin:0;font:11px/1.5 var(--global-font,system-ui);letter-spacing:0;text-align:right;color:var(--ui-muted)}
body[data-layout=native] .overview-intro h1{grid-column:1/-1;grid-row:3;font:600 21px/1.45 var(--global-font,system-ui)!important;letter-spacing:-.03em;margin:2px 0 0!important;white-space:normal;color:var(--ui-ink)}
body[data-layout=native] .overview-cards{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:0;padding:16px;background:var(--ui-surface);border-radius:18px}
body[data-layout=native] .overview-card,body[data-layout=native] .overview-card:is(:hover,:active){display:block;min-height:0;padding:0 16px!important;background:transparent!important;border:0;box-shadow:none!important;transform:none!important}
body[data-layout=native] .overview-card:first-child{padding-left:0!important}
body[data-layout=native] .overview-card+ .overview-card{border-left:1px solid var(--ui-line)}
body[data-layout=native] .overview-card-avatar{display:none}
body[data-layout=native] .overview-card>div{display:flex;flex-direction:column;gap:4px}
body[data-layout=native] .overview-card small{font:11px/1.5 var(--global-font,system-ui);color:var(--ui-muted)}
body[data-layout=native] .overview-card strong{font:600 21px/1.4 var(--global-font,system-ui);letter-spacing:-.04em;color:var(--ui-ink)}
body[data-layout=native] .overview-card>div>span{display:none}
body[data-layout=native] .overview-card:last-child{grid-column:auto}
body[data-layout=native] .overview-card:last-child strong{font-size:13px;line-height:1.6;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-layout=native] .home-links{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:24px 20px;margin-top:26px;background:transparent;border:0;border-radius:0;overflow:visible}
.native-group{min-width:0}.native-group h2{font:500 12px/1.5 var(--global-font,system-ui);color:var(--ui-muted);margin:0 0 8px;padding-left:12px;letter-spacing:0}
.native-group-list{border-radius:18px;overflow:hidden;background:var(--ui-surface)}
body[data-layout=native] .home-link{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;align-items:center;gap:12px;min-height:68px;padding:14px 16px!important;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;background:transparent!important;box-shadow:none!important;transform:none!important}
body[data-layout=native] .home-link:last-child{border:0}
body[data-layout=native] .home-link-icon{height:30px;width:30px;font:20px/1.5 system-ui;color:var(--ui-ink);border-radius:8px;border:0;background:transparent!important}
body[data-layout=native] .home-link>span:nth-child(2){font:500 15px/1.5 var(--global-font,system-ui);letter-spacing:0;min-width:0}
body[data-layout=native] .home-link small{font:11px/1.5 var(--global-font,system-ui);color:var(--ui-muted);margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body[data-layout=native] .home-link-arrow{font:20px/1 system-ui;opacity:.35;transform:none!important}
body[data-layout=native] .native-group:first-child{grid-column:1/-1}
body[data-layout=native] .native-group:first-child .native-group-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:transparent;border-radius:0;overflow:visible}
body[data-layout=native] .native-group:first-child .home-link{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:100px;padding:16px!important;background:var(--ui-surface)!important;border:0;border-radius:18px}
body[data-layout=native] .native-group:first-child .home-link-arrow{display:none}
body[data-layout=native] .section-heading{margin:26px 0 10px;padding:0;display:flex;align-items:baseline;gap:8px}
body[data-layout=native] .section-heading h1{font:700 30px/1.3 var(--global-font,system-ui)!important;letter-spacing:-.04em}
body[data-layout=native] .section-heading .count{font:500 13px/1.5 system-ui;background:var(--ui-raised);padding:3px 8px;border-radius:20px;color:var(--ui-muted)}
body[data-layout=native] #main{max-width:none;margin:0;padding:0}
body[data-layout=native] #status{font:12px/1.6 var(--global-font,system-ui);margin:0 0 18px;color:var(--ui-muted)}
body[data-layout=native] .collection-tools{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:0;border:0}
body[data-layout=native] .collection-search{flex:1;min-width:0}
body[data-layout=native] .collection-search input{height:42px;min-width:0;width:100%;border:0;border-radius:12px;background:var(--ui-raised);padding:10px 14px;color:var(--ui-ink)}
body[data-layout=native] .collection-tools>.settings-action{flex:none;font-size:12px;min-height:42px;padding:8px 12px;background:transparent;border:0;box-shadow:none;color:var(--ui-muted)}
body[data-layout=native] .diary-list,body[data-layout=native] .memo-list{display:flex;flex-direction:column;gap:0;background:var(--ui-surface);border:0;border-radius:18px;overflow:hidden;padding:0;min-height:0}
body[data-layout=native] .diary-list .entry,body[data-layout=native] .memo-list .entry,body[data-layout=native] .diary-list .entry:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:0;padding:18px 20px!important;border:0;border-bottom:1px solid var(--ui-line)!important;border-radius:0;background:transparent!important;box-shadow:none!important;transform:none!important;transition:none}
body[data-layout=native] .diary-list .entry:last-child,body[data-layout=native] .memo-list .entry:last-child{border:0!important}
body[data-layout=native] .entry-meta{font:11px/1.5 var(--global-font,system-ui);color:var(--ui-muted);padding:0;letter-spacing:0}
body[data-layout=native] .diary-list .entry h3,body[data-layout=native] .memo-list .entry h3,body[data-layout=native] .diary-list .entry:first-child h3{font:600 18px/1.5 var(--global-font,system-ui)!important;letter-spacing:-.025em!important;margin:0;color:var(--ui-ink)!important}
body[data-layout=native] .entry .excerpt{font:14px/1.7 var(--global-font,system-ui);margin:0;color:var(--ui-muted)!important;-webkit-line-clamp:2}
body[data-layout=native] .entry-bottom{align-self:stretch;display:flex;justify-content:flex-end;padding:4px 0 0;margin:0;font-size:11px}
body[data-layout=native] .settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
body[data-layout=native] .settings-card,body[data-layout=native] .settings-disclosure{padding:20px;border:0;border-radius:18px;background:var(--ui-surface);box-shadow:none}
body[data-layout=native] .settings-card h2{font:600 16px/1.5 var(--global-font,system-ui);letter-spacing:0;margin-bottom:8px}
body[data-layout=native] .settings-card-copy{font-size:12px;line-height:1.7;color:var(--ui-muted)}
body[data-layout=native] .settings-action,body[data-layout=native] .text-button,body[data-layout=native] .album-add,body[data-layout=native] .album-manage{font:500 13px/1.5 var(--global-font,system-ui);border:0;border-radius:10px;box-shadow:none;padding:10px 14px;background:var(--ui-raised);color:var(--ui-ink)}
body[data-layout=native] .album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-layout=native] .album-card{padding:0;background:transparent;border:0;border-radius:14px;overflow:hidden;box-shadow:none;transform:none!important}
body[data-layout=native] .album-media{border-radius:14px;overflow:hidden}
body[data-layout=native] .album-caption{font-size:12px;padding:10px 2px}
body[data-layout=native] .reader-fullscreen{background:var(--ui-bg);color:var(--ui-ink)}
body[data-layout=native] .reader-paper{max-width:680px;margin-inline:auto;padding:28px 24px}
body[data-layout=native] .reader-paper h2{font:650 26px/1.5 var(--global-font,system-ui);letter-spacing:-.04em}
body[data-layout=native] .reader-top{border:0;padding-inline:20px}
body[data-layout=native] .dock{left:0;right:0;bottom:0;top:auto;transform:none;width:100%;max-width:none;display:flex;gap:0;padding:8px max(12px,calc((100vw - 680px)/2)) calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--ui-line);border-radius:0;background:color-mix(in srgb,var(--ui-surface) 94%,transparent);box-shadow:none}
body[data-layout=native] .dock a{display:flex;flex-direction:column;gap:4px;flex:1;padding:3px 0;min-height:44px;font:500 10px/1.3 var(--global-font,system-ui);color:var(--ui-muted);border-radius:0;background:transparent!important;box-shadow:none;opacity:1!important}
body[data-layout=native] .dock a[aria-current]{color:var(--ui-ink)!important}
.native-nav-icon{display:none}body[data-layout=native] .native-nav-icon{display:block;width:22px;height:22px}
body[data-layout=native] .dock .native-nav-icon svg{display:block;width:22px;height:22px;stroke-width:1.7}
body[data-layout=native] .dock a[aria-current] .native-nav-icon svg{stroke-width:2.3}
body[data-layout=native] .home-link-icon{transition:transform 140ms cubic-bezier(.23,1,.32,1)}
body[data-layout=native] .home-link::before,body[data-layout=native] .entry::before{display:none!important}
body[data-layout=native] .home-link-arrow{transition:opacity 140ms ease}
@media(hover:hover) and (pointer:fine){body[data-layout=native] .home-link:hover .home-link-arrow{opacity:.8}body[data-layout=native] .diary-list .entry:hover .read-link{color:var(--ui-ink)!important}}
body[data-layout=native] .home-link:active .home-link-icon{transform:scale(.94)!important}
body[data-layout=native] :is(.home-link,.dock a,.settings-action){-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}
@media(pointer:coarse){body[data-layout=native] :is(input,textarea,select){font-size:16px}}
@media(max-width:650px){body[data-layout=native] .page{padding-inline:18px}body[data-layout=native] .masthead{margin-bottom:16px}body[data-layout=native] .feature-image{height:160px!important;border-radius:18px!important}body[data-layout=native] .home-date{font-size:10px;max-width:90px}body[data-layout=native] .home-links{grid-template-columns:1fr;gap:22px;margin-top:22px}body[data-layout=native] .native-group:first-child{grid-column:auto}body[data-layout=native] .native-group:first-child .native-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-layout=native] .overview-cards{padding:14px}body[data-layout=native] .overview-card{padding-inline:12px!important}body[data-layout=native] .overview-card strong{font-size:18px}body[data-layout=native] .overview-card:last-child strong{font-size:12px}body[data-layout=native] .settings-layout{grid-template-columns:1fr}body[data-layout=native] .album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body[data-layout=native] *,body[data-layout=native] *::before,body[data-layout=native] *::after{animation:none!important;transition:none!important}}

body[data-layout=native] .overview-card{min-height:0!important;border-bottom:0!important}body[data-layout=native] .home-link{overflow:hidden}body[data-layout=native] .native-group:first-child .home-link>span:nth-child(2){width:100%;max-width:100%}body[data-layout=native] .home-link-icon svg{width:24px;height:24px}body[data-layout=native] .home-link-icon img{width:30px;height:30px;border-radius:8px;object-fit:cover}
body[data-layout=native] .dock a,body[data-layout=native] .dock a[aria-current]{box-shadow:none!important;filter:none!important;transform:none!important}body[data-layout=native] .dock svg{stroke:currentColor!important}
body[data-layout=native] .offline-layout{max-width:none;margin:0}body[data-layout=native] .offline-login,body[data-layout=native] .offline-new-story,body[data-layout=native] .offline-archive-card{padding:20px;border:0;border-radius:18px;background:var(--ui-surface);box-shadow:none}body[data-layout=native] .offline-archive-card h3{font-family:var(--global-font,system-ui);font-size:18px}body[data-layout=native] .offline-action{font-size:14px;border-radius:12px;box-shadow:none}