:root{--bg: #f2f2f5;--surface: #ffffff;--surface-alt: #f7f7f9;--border: #e0e0e6;--text: #17171a;--text-muted: #6b6b73;--accent: #1f4e79;--accent-text: #ffffff;--danger: #b3261e;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 16px rgba(0, 0, 0, .06);--radius: 14px;--radius-sm: 10px;--gap: 12px;--pad: 16px;--column: 480px;--tap: 44px;--header-height: 52px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--duration: .18s}@media(prefers-color-scheme:dark){:root{--bg: #121214;--surface: #1c1c1f;--surface-alt: #232327;--border: #303036;--text: #f2f2f4;--text-muted: #9a9aa3;--accent: #6ea8dc;--accent-text: #10161c;--danger: #f2857c;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .35)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#app{min-height:100dvh}.screen{max-width:var(--column);margin:0 auto;padding-bottom:calc(90px + env(safe-area-inset-bottom));padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;min-height:var(--header-height);margin:0 calc(var(--pad) * -1);padding:env(safe-area-inset-top) var(--pad) 8px;background:var(--bg)}.header__title{flex:1;margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{margin:20px 0 8px;color:var(--text-muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);font-size:20px;cursor:pointer;transition:background var(--duration),transform var(--duration)}.icon-button:active{background:var(--surface-alt);transform:scale(.94)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:0 18px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);font-size:16px;font-weight:600;cursor:pointer;transition:transform var(--duration),opacity var(--duration)}.button:active{transform:scale(.98);opacity:.9}.button--secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button--danger{background:transparent;border-color:transparent;color:var(--danger)}.button--block{width:100%}.card-list{display:flex;flex-direction:column;gap:var(--gap);margin:0;padding:0;list-style:none}.publisher-card{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:left;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform var(--duration)}.publisher-card:active{transform:scale(.985)}.publisher-card__stripe{flex:none;align-self:stretch;width:6px;border-radius:3px;background:var(--publisher-color, var(--accent))}.publisher-card__body{flex:1;min-width:0}.publisher-card__name{font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publisher-card__meta{color:var(--text-muted);font-size:14px}.publisher-card__chevron{flex:none;color:var(--text-muted);font-size:20px}.row-list{display:flex;flex-direction:column;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);list-style:none;overflow:hidden}.row{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px}.row+.row{border-top:1px solid var(--border)}.row__body{flex:1;min-width:0}.row__title{font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{color:var(--text-muted);font-size:13px}.swatch{flex:none;width:22px;height:22px;border-radius:50%;background:var(--publisher-color, var(--accent))}.row--document{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background var(--duration)}.row--document.is-pressed{background:var(--surface-alt)}.row__tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2px}.badge{padding:1px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-alt);color:var(--text-muted);font-size:12px;font-weight:600;white-space:nowrap}.fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--accent-text);font-size:30px;line-height:1;box-shadow:var(--shadow);cursor:pointer;transition:transform var(--duration)}.fab:active{transform:scale(.94)}@media(min-width:520px){.fab{right:calc(50% - var(--column) / 2 + 18px)}}.action-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.button--danger-text{color:var(--danger)}.progress{height:6px;margin-top:4px;border-radius:3px;background:var(--surface-alt);overflow:hidden}.progress__bar{width:0;height:100%;border-radius:3px;background:var(--accent);transition:width var(--duration) linear}.progress__bar--indeterminate{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.badge--warning{border-color:var(--danger);color:var(--danger)}.notice{margin:8px 2px 0;color:var(--danger);font-size:13px}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18vh;padding:0 12px;text-align:center}.empty__icon{font-size:40px}.empty__title{margin:0;font-size:18px;font-weight:600}.empty__text{margin:0 0 8px;color:var(--text-muted);font-size:15px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#00000059;animation:fade var(--duration) ease-out}.modal{width:100%;max-width:var(--column);max-height:88dvh;padding:18px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow-y:auto;animation:slide-up var(--duration) ease-out}@media(min-width:520px){.modal-backdrop{align-items:center}}.modal__title{margin:0 0 4px;font-size:18px;font-weight:700}.modal__text{margin:0 0 14px;color:var(--text-muted);font-size:15px}.modal__actions{display:flex;gap:10px;margin-top:18px}.modal__actions .button{flex:1}.field{display:block;margin-bottom:14px}.field__label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:13px;font-weight:600}.field__input{width:100%;min-height:var(--tap);padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt)}.field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field__error{margin-top:6px;color:var(--danger);font-size:13px}.color-picker{display:flex;flex-wrap:wrap;gap:10px}.color-option{width:var(--tap);height:var(--tap);padding:0;border:2px solid transparent;border-radius:50%;background:var(--publisher-color);box-shadow:inset 0 0 0 2px var(--surface);cursor:pointer}.color-option[aria-pressed=true]{border-color:var(--text)}.color-option--custom{position:relative;overflow:hidden}.color-option--custom input{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);padding:0;border:0;background:transparent;cursor:pointer}.viewer{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg)}.viewer__bar{flex:none;display:flex;align-items:center;gap:6px;padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--surface)}.viewer__title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer__pages{flex:none;padding-right:6px;color:var(--text-muted);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.viewer__scroll{flex:1;-webkit-touch-callout:none;overflow:auto;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.viewer__pages-flow{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;width:max-content;min-width:100%;will-change:transform}.page{flex:none;background:#fff;box-shadow:var(--shadow)}.page__canvas{display:block;width:100%;height:100%}.viewer__status{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 16px;color:var(--text-muted)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:200;max-width:calc(var(--column) - 32px);padding:10px 16px;border-radius:999px;background:var(--text);color:var(--bg);font-size:14px;transform:translate(-50%);animation:fade var(--duration) ease-out}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}