:root{color-scheme:light;--bg: #f5f3ee;--bg-soft: #eeece5;--panel: #fffefa;--panel-elevated: #ffffff;--panel-hover: #eae7de;--line: #dfdfd4;--line-strong: #bdc4b7;--ink: #26332b;--muted: #70796f;--faint: #92978d;--accent: #ad5335;--accent-strong: #934127;--accent-soft: #f7e8df;--accent-line: #dfb49f;--warn: #ab3844;--warn-soft: #fae8e8;--ok: #417956;--amber: #a26d19;--radius-sm: 9px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-1: 0 3px 14px #26332b06;--shadow-2: 0 18px 50px #26332b1a;--control: 42px;font-family:Hiragino Sans,Noto Sans JP,Meiryo,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}body{margin:0;min-width:320px;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}button:disabled{cursor:not-allowed;opacity:.4}button svg,a svg{flex-shrink:0}img,canvas,video{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.03em;line-height:1.4}::selection{color:var(--ink);background:var(--accent-soft)}:where(button,a,select,summary,input):focus-visible{outline:2px solid var(--accent);outline-offset:4px}:where(.search-box,.select-control):focus-within{outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100dvh;padding-left:228px}.app-navigation{position:fixed;inset:0 auto 0 0;z-index:30;width:228px;display:flex;flex-direction:column;padding:34px 20px 24px;background:#23382e;color:#f2f1e8}.app-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:0 4px}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;color:#e8ad86;border:1px solid #dfbb8a45;border-radius:50%}.brand-name{font-family:Georgia,Times New Roman,serif;font-size:20px;letter-spacing:-.035em;line-height:1.2}.brand-name small{display:block;margin-top:7px;color:#a8b8ad;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.14em}.navigation-label{color:#9caf9f;margin:48px 12px 15px;font-size:10px;letter-spacing:.14em}.primary-navigation{display:grid;gap:7px}.navigation-item{display:flex;align-items:center;gap:13px;min-height:48px;padding:12px 15px;border:0;border-radius:10px;background:transparent;color:#b8c6bc;text-align:left;font-size:13px}.navigation-item:hover{background:#ffffff0b;color:#fff}.navigation-item.active{color:#fff8ed;background:#ffffff13;box-shadow:inset 3px 0 #e8ad86}.navigation-item.active svg{color:#e8ad86}.navigation-footer{margin-top:auto;padding:24px 9px 0}.archive-note{display:flex;align-items:flex-start;gap:10px;color:#b8c6bc;font-size:11px}.archive-note svg{margin-top:3px;color:#90a797}.archive-note small{display:block;color:#91a797;font-size:10px;margin:5px 0 23px}.navigation-account{display:flex;align-items:center;gap:10px;width:100%;padding:14px 0 0;border:0;border-top:1px solid #ffffff16;background:transparent;color:#acbeb1;font-size:12px}.navigation-account:hover{color:#fff}.workspace{max-width:1550px;margin:0 auto;padding:42px 48px 60px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{margin:0 0 8px;color:var(--accent);font-family:system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.page-header h1{font-size:clamp(25px,3vw,34px);margin:0;font-weight:650}.page-description{margin:9px 0 0;color:var(--muted);font-size:13px}.page-actions,.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.text-button,.secondary-button,.delete-button,.favorite-button,.nav-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control);height:var(--control);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--panel)}.icon-button{flex-shrink:0}.text-button,.secondary-button{gap:8px;padding:0 15px;font-size:12px;font-weight:550;white-space:nowrap}:is(.icon-button,.text-button,.favorite-button):not(:disabled):hover{background:var(--bg-soft);border-color:var(--line-strong)}.icon-button.active,.text-button.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-strong)}.danger,.delete-button{color:var(--warn)}:is(.danger,.delete-button):not(:disabled):hover{background:var(--warn-soft);border-color:var(--warn)}.view-switcher,.mode-switcher{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-soft)}.view-switcher button,.mode-switcher button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:12px}.view-switcher button:hover,.mode-switcher button:hover{color:var(--ink);background:var(--panel)}.view-switcher button.active,.mode-switcher button.active{color:var(--ink);background:var(--panel);box-shadow:0 1px 4px #26332b12}.density-switcher{flex-wrap:nowrap}.search-box{display:flex;align-items:center;gap:10px;min-width:0;height:48px;padding:0 15px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--muted)}.search-box input{min-width:0;width:100%;border:0;outline:none;color:var(--ink);background:transparent;font-size:13px}.search-box input::placeholder{color:var(--faint)}.search-box input::-webkit-search-cancel-button{display:none}.search-clear{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:6px;color:var(--muted);background:transparent}.search-clear:hover{background:var(--bg-soft)}select{height:var(--control);max-width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 12px;color:var(--ink);background:var(--panel);font-size:12px}select:hover{border-color:var(--line-strong)}.filter-reset{padding:8px;border:0;border-radius:6px;color:var(--accent-strong);background:transparent;font-size:12px}.filter-reset:hover{background:var(--accent-soft)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.notice{color:var(--muted);margin:20px 0;font-size:13px}.notice.error{color:var(--warn)}.notice .text-button{margin-left:12px}.archive-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;padding:27px 30px;border:1px solid #d6dccb;border-radius:var(--radius-lg);background:#e8eddf}.archive-hero-main{display:flex;align-items:center;gap:23px;flex:1;min-width:0}.archive-hero h2{margin:6px 0 16px;font-size:clamp(21px,2.4vw,28px);font-weight:550;overflow-wrap:anywhere}.archive-hero p{margin-bottom:0;color:#64715e}.archive-hero-icon{display:grid;place-items:center;flex-shrink:0;width:74px;height:74px;border-radius:50%;background:#ffffff60;color:#6c816a}.archive-summary{display:flex;flex-wrap:wrap;align-items:center;gap:25px;color:#687761;font-size:11px}.archive-summary>div{display:grid;justify-items:center;gap:3px}.archive-summary strong{color:#334b36;font-size:26px;font-family:Georgia,serif;font-weight:400}.archive-parent{align-self:flex-end;background:#ffffff70}.browse-path{display:flex;align-items:center;gap:8px;min-width:0}.browse-path>.icon-button{width:32px;min-width:32px;height:32px;border:0;background:#ffffff60}.breadcrumb{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto}.breadcrumb button{flex-shrink:0;padding:4px 7px;border:0;border-radius:5px;color:#72806a;background:transparent;font-size:11px}.breadcrumb button+button:before{content:"/";margin-right:14px;color:#a4ad9d}.breadcrumb button.current{color:#334b36}.breadcrumb button:hover{background:#ffffff60}.browse-toolbar{display:block;margin-bottom:28px;padding:0;border:0;background:transparent}.browse-search-row,.browse-filter-row{display:flex;align-items:center;gap:12px;min-width:0}.browse-search-row .search-box{flex:1}.sort-control{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.browse-filter-row{margin-top:17px}.browse-count{color:var(--muted);font-size:12px;white-space:nowrap}.selection-toggle{margin-left:auto}.browse-display-settings{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px;padding:17px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.browse-display-settings>span{color:var(--muted);font-size:11px}.display-setting-group{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.display-setting-group>span{color:var(--muted);font-size:11px}.search-scope{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:8px 0 0;color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.section-heading h2{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0}.section-heading p,.section-heading>span{margin:0;color:var(--muted);font-size:11px}.section-count{display:inline-flex;min-width:25px;justify-content:center;padding:2px 7px;border-radius:5px;background:var(--bg-soft);color:var(--muted);font-size:10px}.folder-section{margin-bottom:34px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.folder-card{position:relative;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.folder-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.folder-open{display:flex;align-items:center;gap:15px;width:100%;min-height:92px;padding:15px 50px 15px 15px;border:0;border-radius:inherit;color:inherit;background:transparent;text-align:left}.folder-open:hover{background:var(--bg-soft)}.folder-visual{width:62px;flex-shrink:0}.folder-visual .thumb,.folder-visual .thumb-wrap{display:block;width:62px;height:58px;border-radius:10px}.folder-visual .thumb.folder{color:#8f9c80;background:#edf0e5}.folder-visual .thumb-folder-badge{width:21px;height:21px;top:4px;left:4px}.folder-copy{display:grid;gap:5px;min-width:0}.folder-arrow{margin-left:auto;color:var(--faint)}.folder-copy .item-title{font-size:13px}.folder-card>.delete-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;min-width:32px;height:36px;border:0;color:var(--muted);background:transparent}.folder-card>.delete-button:hover{color:var(--warn)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px 20px}.media-grid[data-density=s]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.media-grid[data-density=m]{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.media-grid[data-density=l]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.media-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);transition:box-shadow .18s,border-color .18s}.media-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.media-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.open-item{display:block;width:100%;padding:0;border:0;border-radius:inherit;color:inherit;background:transparent;text-align:left}.media-visual{position:relative;display:block;overflow:hidden}.thumb{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#e6e8df;overflow:hidden}.thumb.placeholder{display:grid;place-items:center;color:#98a28f}.thumb-wrap{position:relative;display:block;width:100%}.thumb-folder-badge{position:absolute;left:7px;top:7px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;color:#fff;background:#23382eb3}.media-type-badge{position:absolute;bottom:11px;left:11px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;color:#fff;background:#16251e99;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-card-copy{display:grid;gap:6px;padding:15px 16px 13px}.item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.5;font-size:13px;font-weight:550}.item-meta,.media-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted)}.media-card-meta{justify-content:space-between}.media-card-tools{display:flex;align-items:center;justify-content:space-between;padding:0 10px 10px}.media-card-tools .favorite-button,.media-card-tools .delete-button{width:32px;min-width:32px;height:32px;border:0;background:transparent;color:var(--muted)}.media-card-tools .favorite-button.active{color:var(--amber);background:#f4eee0}.media-card-tools .delete-button:hover{color:var(--warn);background:var(--warn-soft)}.select-control{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.select-control input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.selection-bar{position:sticky;top:12px;z-index:21;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:12px 16px;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-2)}.selection-bar>span{flex:1;color:var(--muted);font-size:12px}.load-more{display:flex;justify-content:center;padding-top:35px}.load-more .text-button{min-width:180px}.empty-state{grid-column:1/-1;display:grid;justify-items:center;align-content:center;gap:14px;padding:60px 24px;text-align:center;color:var(--muted)}.empty-state-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;color:var(--accent);background:var(--accent-soft)}.empty-state strong{color:var(--ink);font-size:16px;font-weight:550}.empty-state p{max-width:40ch;margin:0;font-size:13px}.skeleton-card{padding-bottom:18px}.skeleton-card .thumb,.skeleton-line,.image-loading{background:linear-gradient(100deg,var(--bg-soft) 25%,var(--panel) 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line{height:12px;margin:16px 16px 0;border-radius:6px}.skeleton-line.short{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.collection-strip{display:flex;align-items:stretch;gap:12px;overflow-x:auto;padding:0 0 8px;margin-bottom:24px}.collection-chip{display:flex;align-items:center;gap:13px;flex-shrink:0;min-width:230px;max-width:380px;padding:17px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--ink);text-align:left}.collection-chip>svg{color:var(--muted)}.collection-chip span{display:grid;gap:4px}.collection-chip strong{font-size:13px;font-weight:550}.collection-chip small{color:var(--muted);font-size:10px}.collection-chip.active{border-color:#9aaa8e;background:#e8eddf}.collection-chip.active>svg{color:#5f7655}.collection-icon{color:#6d8162}.collection-chip-label{min-width:0;overflow-wrap:anywhere}.library-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;margin:10px 0 20px;border-top:1px solid var(--line)}.library-collection-heading h2{margin:0 0 5px;font-size:24px;font-weight:550}.library-collection-heading p{margin:0;color:var(--muted);font-size:12px}.library-content{min-width:0}.library-reading-summary{display:flex;align-items:center;gap:10px;color:#6c7c5d;font-size:11px}.library-reading-summary strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.collection-kind{color:var(--muted);font-size:11px}.library-toolbar{padding:0;background:transparent;border:0}.library-toolbar .search-box{flex:1 1 100%}.library-filters{display:flex;flex-wrap:wrap;gap:10px;width:100%}.library-filters select{flex:1;min-width:120px}.library-result-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;color:var(--muted);font-size:12px}.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.article-list[data-density=s]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.article-list[data-density=l]{grid-template-columns:repeat(auto-fill,minmax(390px,1fr))}.article-card,.article-row{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-width:0;padding:24px;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);text-align:left;background:var(--panel)}.article-card:hover,.article-row:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.article-card-top,.article-card-footer{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px}.article-category{color:var(--accent);background:var(--accent-soft);padding:4px 9px;border-radius:5px;font-size:10px}.article-number{font-family:Georgia,serif;color:#b6beae;font-size:24px}.article-card-title,.article-card strong{display:block;font-size:17px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.article-card-description,.article-card em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:12px;font-style:normal;line-height:1.8}.article-card-footer{margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.article-card-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:10px}.article-card-meta>span,.article-open-label{display:inline-flex;align-items:center;gap:5px}.article-open-label{color:var(--accent)}.reading-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;color:#657c56;border-radius:5px;background:#edf2e7;font-size:10px;white-space:nowrap}.article-row span{min-width:0}.article-row strong{display:block;font-size:13px}.article-row small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.html-frame{display:block;width:100%;height:72dvh;min-height:500px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}.article-shell{min-height:100dvh;width:min(1180px,100%);margin:auto;padding:32px 44px 70px}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}.article-heading{min-width:0;flex:1}.article-heading h1{font-size:clamp(24px,3vw,37px);margin:12px 0 0;font-weight:600;overflow-wrap:anywhere}.reader-header .eyebrow{margin-bottom:0}.reader-back{display:inline-flex;gap:8px;align-items:center;border:0;padding:0;background:transparent;color:var(--muted);font-size:12px}.article-header-actions,.reader-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.reader-tools{justify-content:flex-end}.reader-collection,.reader-pager-controls{display:flex;align-items:center;gap:10px}.reader-collection{min-width:0;color:var(--muted);font-size:12px}.reader-collection span{overflow-wrap:anywhere}.reader-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:36px;align-items:start}.reader-aside{position:sticky;top:30px;display:grid;gap:24px;padding:24px 0;color:var(--muted);font-size:12px}.reader-aside h2{margin:0 0 12px;color:var(--ink);font-size:12px;font-weight:550}.reader-aside nav{display:grid;gap:10px}.reader-aside a{color:var(--muted);text-decoration:none;padding:4px 0}.reader-aside a:hover{color:var(--accent)}.reader-progress{display:grid;gap:9px}.reader-progress progress{width:100%;height:4px;accent-color:#748663}.reader-progress>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.reader-progress small{color:var(--faint);font-size:10px}.reader-info{display:grid;gap:9px;font-size:10px}.reader-info span{display:flex;align-items:center;gap:6px}.reader-scroll-top{width:fit-content;background:transparent;border:0;padding:0;color:var(--muted);font-size:11px}.reader-progress-label{display:flex;justify-content:space-between;font-size:11px}.reader-content{min-width:0;padding:46px 52px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}.article-reader{display:grid;gap:24px}.reader-title-block h1{margin:8px 0 18px;font-size:clamp(25px,3vw,37px);font-weight:550;overflow-wrap:anywhere}.reader-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.reader-section-heading h2{margin:0;font-size:16px;font-weight:500}.reader-section-heading>span{color:var(--muted);font-size:11px}.article-shell[data-width=wide]{width:min(1560px,100%)}.article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:11px}.article-description{margin:0;padding:19px 22px;border-left:3px solid var(--accent-line);background:#f7f5ef;color:var(--muted);font-size:13px;line-height:1.85}.article-body{padding:15px 0;font-size:16px}.article-body p{margin:0 0 1.6em;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.05}.article-body p:last-child{margin:0}.article-reader[data-font-size=s] .article-body{font-size:14px}.article-reader[data-font-size=l] .article-body{font-size:19px}.article-reader[data-line-height=loose] .article-body p{line-height:2.4}.reader-settings{position:relative}.reader-settings summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer}.reader-settings summary::-webkit-details-marker{display:none}.reader-settings-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:25;display:grid;gap:12px;width:280px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-2);font-size:12px}.reader-settings-pop label{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:10px}.resume-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;margin-bottom:20px;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-strong);font-size:12px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.image-gallery figure{display:grid;gap:8px;margin:0}.image-gallery img,.image-missing,.image-gallery .gallery-media{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:var(--radius-sm);background:#e9ebe3}.image-gallery figcaption{color:var(--muted);font-size:10px;overflow-wrap:anywhere}.gallery-open{display:block;width:100%;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;overflow:hidden}.image-missing{display:grid;place-items:center;gap:8px;padding:12px;color:var(--muted)}.article-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;padding-top:24px;border-top:1px solid var(--line)}.article-pager .article-row{flex-direction:row;align-items:center;padding:18px}.viewer-shell,.lightbox{color-scheme:dark;--bg: #131c18;--bg-soft: #19251e;--panel: #1b2821;--panel-elevated: #223128;--panel-hover: #2b3d30;--line: #ffffff14;--line-strong: #ffffff30;--ink: #f1f1e9;--muted: #a4b2a5;--faint: #728574;--accent: #e9ac85;--accent-strong: #f4c4a3;--accent-soft: #e9ac8517;--accent-line: #e9ac8560;--warn: #ef8f96;--warn-soft: #ef8f961a;--amber: #eac078;color:var(--ink);background:var(--bg)}.viewer-shell{--viewer-media-height: calc(100dvh - 245px) ;display:flex;flex-direction:column;gap:16px;min-height:100dvh;padding:24px 30px 20px}.viewer-header{display:flex;align-items:center;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}.viewer-heading{flex:1;min-width:0}.viewer-heading h1{margin:4px 0 0;max-width:100%;font-size:17px;font-weight:500;overflow-wrap:anywhere}.viewer-back{color:var(--muted);background:transparent;border:0}.viewer-media-type{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;letter-spacing:.09em}.viewer-actions,.viewer-tools,.viewer-display-tools,.viewer-tool-actions,.viewer-slideshow-tools,.viewer-interval{display:flex;align-items:center;gap:10px}.viewer-actions{flex-wrap:wrap;justify-content:flex-end}.viewer-tools{justify-content:space-between}.viewer-toolbar-label,.viewer-hint,.viewer-interval{color:var(--muted);font-size:11px}.viewer-shell .favorite-active{color:var(--amber);border-color:#eac07860;background:#eac07816}.viewer-body{flex:1;display:grid;min-height:380px;gap:18px}.viewer-body[data-details-open=true]{grid-template-columns:minmax(0,1fr) 280px}.viewer-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:380px;border:1px solid #ffffff08;border-radius:var(--radius-md);background:#0e1611;overflow:hidden}.viewer-image-stage{display:grid;place-items:center;width:100%;height:100%;min-height:320px}.viewer-image,.viewer-video{--contained-media-height: var(--viewer-media-height);max-height:var(--viewer-media-height);max-width:100%;border-radius:3px}.viewer-video{display:block;width:min(1120px,100%);background:#000}.viewer-stage:has(.viewer-video){padding:0 65px}.viewer-load-status{display:grid;justify-items:center;gap:12px;max-width:calc(100% - 110px);padding:30px 0;text-align:center}.viewer-load-status .notice{margin:0;overflow-wrap:anywhere}.nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:54px;background:#23352ba6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-button.left{left:14px}.nav-button.right{right:14px}.nav-button:not(:disabled):hover{color:var(--accent);background:#334b3ad9}.viewer-details{padding:24px 22px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.viewer-details-heading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:0 0 22px}.viewer-details-heading h2{flex:1;font-size:12px;font-weight:500;margin:0}.viewer-details-heading .icon-button{min-width:30px;height:30px;border:0;background:transparent}.viewer-toolbar-note{color:var(--muted);font-size:11px}.viewer-loading-indicator{width:22px;height:22px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.viewer-details-name{font-size:15px;line-height:1.7;overflow-wrap:anywhere;margin:0 0 24px}.viewer-details dl{display:grid;gap:20px;margin:0}.viewer-details dl>div{display:grid;gap:5px}.viewer-details dt{font-size:10px;color:var(--muted)}.viewer-details dd{margin:0;font-size:12px;overflow-wrap:anywhere}.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px}.viewer-transport{display:flex;align-items:center;gap:14px}.viewer-position{min-width:65px;margin:0;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.viewer-position-total{color:var(--muted);font-size:12px}.viewer-slideshow-tools{flex-wrap:wrap}.viewer-interval select{width:auto;min-width:65px}.viewer-counter{position:absolute;bottom:15px;left:50%;transform:translate(-50%);padding:5px 12px;border-radius:20px;color:var(--muted);background:#131c18c0;font-size:11px}.viewer-stage:fullscreen{--viewer-media-height: 100dvh;width:100vw;height:100dvh;border:0;border-radius:0}.viewer-stage:fullscreen .viewer-image,.viewer-stage:fullscreen .viewer-video{max-height:100dvh}.viewer-video:fullscreen{width:100vw;height:100dvh;max-height:100dvh;object-fit:contain;border-radius:0}.center-message{display:grid;place-items:center;min-height:100dvh;padding:24px;color:var(--muted);text-align:center}.zoom-pan{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;touch-action:none;cursor:grab}.zoom-pan[data-dragging=true]{cursor:grabbing}.zoom-pan-inner{display:grid;place-items:center;will-change:transform}dialog.lightbox{position:fixed;inset:0;z-index:60;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:18px;border:0}dialog.lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}.lightbox::backdrop{background:#131c18f5}.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.lightbox-header>span{min-width:0;overflow-wrap:anywhere}.lightbox-stage{position:relative;display:grid;place-items:center;min-height:0}.lightbox-image{--contained-media-height: calc(100dvh - 95px) ;display:block;max-width:100%;max-height:var(--contained-media-height)}.privacy-media{position:relative;overflow:hidden}.privacy-media[data-fit=cover]{display:block}.privacy-media[data-fit=contain]{display:inline-block;line-height:0}.privacy-media[data-fit=contain][data-state=processing],.privacy-media[data-fit=contain][data-state=error-model],.privacy-media[data-fit=contain][data-state=error-image]{min-width:180px;min-height:135px}.privacy-fill{display:block}.privacy-media[data-fit=cover] .privacy-fill{width:100%;height:100%;object-fit:cover}.privacy-media[data-fit=contain] .privacy-fill{width:auto;height:auto;max-width:100%;max-height:var(--contained-media-height, 100%);object-fit:contain}.privacy-fill.is-hidden{display:none}.privacy-overlay{position:absolute;inset:0;display:grid;place-items:center;gap:10px;padding:14px;color:#d9dfd6;background:#131c18db;text-align:center;line-height:1.5}.privacy-overlay--error{color:#f2a1a8}.privacy-overlay-text{font-size:12px}.privacy-spinner{width:22px;height:22px;border:2px solid #ffffff40;border-top-color:#e9ac85;border-radius:50%;animation:spin .8s linear infinite}.privacy-badge{position:absolute;left:8px;bottom:8px;padding:3px 8px;border-radius:5px;color:#d9dfd6;background:#131c18c7;font-size:10px;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}.confirm-dialog{position:fixed;inset:0;width:min(440px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}.confirm-dialog::backdrop{background:#17261bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog-panel{max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-2);overflow-y:auto}.confirm-dialog-panel h2{margin-bottom:12px;font-size:18px}.confirm-dialog-panel p{margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.8}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.keyboard-help{width:min(480px,calc(100vw - 32px))}.shortcut-list{display:grid;gap:12px;margin:20px 0 0}.shortcut-list>div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:15px}.shortcut-list dt{justify-self:start;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg-soft);font-size:12px}.shortcut-list dd{margin:0;color:var(--muted);font-size:12px}.toast-container{position:fixed;right:24px;bottom:24px;z-index:80;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{position:relative;width:100%;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);background:var(--panel);box-shadow:var(--shadow-2);font-size:12px;text-align:left;pointer-events:auto;overflow:hidden}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.toast--success:before{background:var(--ok)}.toast--error:before{background:var(--warn)}@media(max-width:1100px){.workspace{padding:32px 28px 50px}.app-shell{padding-left:205px}.app-navigation{width:205px;padding-inline:14px}.viewer-footer{flex-wrap:wrap}.viewer-footer .viewer-hint{display:none}.reader-content{padding:32px}.reader-layout{grid-template-columns:140px minmax(0,1fr);gap:24px}.article-shell{padding-inline:28px}.reader-header{flex-wrap:wrap}.reader-tools{flex-basis:100%;justify-content:flex-start}}@media(max-width:760px){.app-shell{padding:0}.app-navigation{position:static;width:auto;padding:18px 20px}.app-brand{padding:0}.brand-symbol{width:34px;height:34px}.brand-symbol svg{width:23px}.brand-name{font-size:19px}.brand-name small,.navigation-label,.archive-note{display:none}.primary-navigation{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:7px 5px max(8px,env(safe-area-inset-bottom));background:#23382ef5;box-shadow:0 -3px 20px #23382e12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.navigation-item{flex-direction:column;gap:4px;min-height:51px;padding:6px 2px;text-align:center;font-size:10px;border-radius:7px}.navigation-item.active{box-shadow:none;background:#ffffff10}.navigation-footer{position:absolute;right:20px;top:17px;margin:0;padding:0}.navigation-account{padding:8px;width:auto;border:0}.navigation-account span{display:none}.workspace{padding:28px 20px 110px}.page-header{gap:10px;margin-bottom:25px}.page-header h1{font-size:28px}.page-description{font-size:11px;line-height:1.8}.page-actions .text-button{padding:0 11px}.archive-hero{padding:22px;gap:14px;margin-bottom:24px;border-radius:17px}.archive-hero{flex-wrap:wrap}.archive-hero-main{flex-basis:100%}.archive-hero h2{font-size:22px}.archive-hero-icon{display:none}.archive-summary{gap:14px;font-size:10px}.archive-summary>div{display:flex;align-items:baseline;gap:5px}.archive-summary strong{font-size:21px}.archive-parent{margin-left:auto;padding-inline:8px;font-size:10px}.browse-search-row{flex-wrap:wrap;gap:8px}.browse-search-row .search-box{flex:1 1 100%}.sort-control,.sort-control select{flex:1}.browse-filter-row{flex-wrap:wrap;gap:10px}.media-type-filter{flex:1}.media-type-filter{flex-wrap:nowrap}.media-type-filter button{flex:1;min-height:38px;padding-inline:10px;white-space:nowrap}.selection-toggle{margin-left:0}.browse-count{display:none}.folder-grid{grid-template-columns:1fr;gap:10px}.folder-open{min-height:78px;padding-block:12px}.folder-visual,.folder-visual .thumb,.folder-visual .thumb-wrap{width:54px;height:50px}.section-heading h2{font-size:15px}.media-grid,.media-grid[data-density=s],.media-grid[data-density=m]{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.media-grid[data-density=l]{grid-template-columns:1fr}.media-card-copy{padding:12px 12px 8px;gap:6px}.item-title{font-size:12px}.media-card-meta{gap:3px;font-size:10px}.media-card-meta .item-meta{font-size:10px}.media-type-badge{bottom:8px;left:8px;padding:3px 6px;font-size:9px}.media-card-tools{padding:0 7px 7px}.media-card-tools .favorite-button,.media-card-tools .delete-button{width:42px;height:42px}.selection-bar{top:8px;gap:8px;padding:10px}.selection-bar .text-button{padding:0 10px;font-size:11px}.collection-strip{margin-inline:-20px;padding-inline:20px}.collection-chip{min-width:235px;padding:16px}.library-collection-heading{align-items:flex-start;flex-wrap:wrap}.library-collection-heading h2{font-size:21px}.library-toolbar{gap:8px}.library-toolbar select{flex:1 1 40%;min-width:0}.library-filters{gap:8px}.library-result-summary{flex-wrap:wrap}.article-list,.article-list[data-density=s],.article-list[data-density=l]{grid-template-columns:1fr;gap:14px}.article-card{padding:22px}.article-shell{padding:22px 18px 45px}.reader-header{gap:15px;flex-wrap:wrap}.reader-collection{margin-left:auto;font-size:10px}.article-heading{flex-basis:100%}.article-heading h1{font-size:25px}.reader-tools{justify-content:flex-start;gap:8px;margin-bottom:20px}.reader-tools{flex-basis:100%;margin-bottom:0}.reader-tools .mode-switcher{flex:1 1 100%;justify-content:flex-start}.reader-layout{display:block}.reader-aside{position:static;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 18px}.reader-aside h2{display:none}.reader-aside>.eyebrow,.reader-info,.reader-scroll-top{display:none}.reader-aside nav{display:flex;flex-wrap:wrap;gap:13px;font-size:11px}.reader-progress{width:80px;flex-shrink:0;gap:6px}.reader-progress>div span:first-child,.reader-progress small{display:none}.reader-progress>div{justify-content:flex-end}.reader-content{margin-inline:-18px;padding:28px 22px;border-inline:0;border-radius:0}.article-body,.article-reader[data-font-size=m] .article-body{font-size:15px}.article-meta{gap:8px;font-size:10px}.article-description{padding:15px}.article-pager{grid-template-columns:1fr}.article-pager>span:empty{display:none}.reader-settings-pop{right:auto;left:0}.viewer-shell{--viewer-media-height: calc(100dvh - 300px) ;padding:16px 14px;gap:13px}.viewer-header{flex-wrap:wrap;gap:12px;padding-bottom:12px}.viewer-back{padding:0;min-width:32px}.viewer-back span{display:none}.viewer-heading h1{font-size:14px}.viewer-actions{flex:1 1 100%;justify-content:flex-end;gap:8px}.viewer-actions .icon-button{min-width:38px;width:38px;height:38px}.viewer-tools{align-items:flex-start;gap:8px}.viewer-display-tools{min-width:0;flex-wrap:wrap;gap:6px}.viewer-toolbar-label{display:none}.viewer-display-tools .mode-switcher{gap:1px}.viewer-display-tools .mode-switcher button{padding:0 8px;min-height:32px;font-size:10px}.viewer-tool-actions{gap:6px}.viewer-tool-actions .icon-button{min-width:36px;width:36px;height:38px}.viewer-body{min-height:300px}.viewer-body[data-details-open=true]{grid-template-columns:1fr}.viewer-stage,.viewer-image-stage{min-height:300px}.viewer-stage:has(.viewer-video){padding:0 38px}.nav-button{width:34px;min-width:34px;height:46px}.nav-button.left{left:5px}.nav-button.right{right:5px}.viewer-footer{flex-direction:column;gap:13px}.viewer-transport{order:-1}.viewer-details{padding:20px}.viewer-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-details .viewer-file-path{grid-column:1/-1}.viewer-load-status{max-width:calc(100% - 85px)}.toast-container{right:16px;bottom:90px}.shortcut-list>div{grid-template-columns:95px 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}