*{box-sizing:border-box}body{margin:0;background:#383838;color:#333;font:14px/1.5 Arial,"Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.library-page{--unit:calc(min(100vw,480px)/393);max-width:480px;height:100dvh;position:relative;margin:auto;background:white;display:flex;flex-direction:column}.library-header{height:calc(46 * var(--unit));flex:none;display:flex;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #eee;background:#fff;padding:0 calc(12 * var(--unit))}.library-header>a:first-child{font-size:28px;line-height:1;padding:5px 5px}.library-header h1{position:absolute;left:50%;transform:translateX(-50%);font-weight:400;font-size:calc(16 * var(--unit));line-height:1.2;margin:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-header-actions{display:flex;gap:calc(9 * var(--unit))}.library-header-actions button{display:flex;align-items:center;flex-direction:column;gap:1px;border:0;background:none;color:#6aaf7d;font-size:calc(12 * var(--unit));padding:0}.library-header-actions svg{width:calc(18 * var(--unit));height:calc(18 * var(--unit));fill:none;stroke:currentColor;stroke-width:1.5}.library-search{height:calc(53 * var(--unit));padding:calc(10 * var(--unit)) calc(12 * var(--unit));display:flex;gap:8px;background:#eee;flex:none}.library-search>div{display:flex;align-items:center;flex:1;min-width:0;border-radius:24px;background:#fff;padding:0 10px}.library-search select{font-size:calc(12 * var(--unit));color:#6caf80;border:0;background:#fff;max-width:62px;outline:0}.library-search input[type=search]{min-width:0;flex:1;border:0;background:white;font-size:calc(14 * var(--unit));padding:0;outline:0}.library-search input::placeholder{color:#c8c8c8}.library-search>button{font-size:calc(16 * var(--unit));border:0;background:none;color:#6caf80;padding:0}.library-list{overflow:auto;flex:1;min-height:0;padding-right:calc(7 * var(--unit));scroll-behavior:auto}.library-list section{position:relative}.library-list h2{font-size:calc(17 * var(--unit));font-weight:700;color:#67b379;margin:0;padding:calc(3 * var(--unit)) calc(13 * var(--unit));line-height:calc(25 * var(--unit))}.library-row{min-height:calc(41 * var(--unit));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(8 * var(--unit)) calc(14 * var(--unit));font-size:calc(14 * var(--unit));border-bottom:1px solid #f5f5f5}.library-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-term{display:block;flex:none;min-width:calc(49 * var(--unit));line-height:calc(21 * var(--unit));text-align:center;border-radius:2px;color:#73b785;background:#f2f2f2}.library-index{position:absolute;right:1px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:4}.library-index button{font-size:10px;line-height:14px;border:0;background:#ffffffcf;color:#333;padding:0 3px}.library-empty{color:#aaa;text-align:center;padding:40px 15px}.library-index-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-year-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:480px;padding:0;border:0;margin:auto auto 0;background:#fff}.library-year-dialog header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.library-year-dialog h2{font-size:16px;font-weight:400;margin:0}.library-year-dialog button{border:0;background:none;color:#6caf80}.library-year-dialog select{display:block;width:100%;border:0;text-align:center;font-size:17px;height:220px;padding:0;background:white;color:#777}.library-year-dialog option{padding:12px}.library-year-dialog::backdrop{background:#0007}.picture-page{height:auto;min-height:100dvh}.picture-page .library-header{position:sticky;top:0;z-index:5}.picture-history{color:#6caf80;font-size:12px}.picture-years,.picture-issues{display:flex;overflow:auto;flex:none;background:#fff;border-bottom:1px solid #eee;scrollbar-width:thin}.picture-years button,.picture-issues button{flex:none;min-width:calc(69 * var(--unit));font-size:calc(14 * var(--unit));padding:calc(10 * var(--unit)) calc(10 * var(--unit));background:#fff;border:0;color:#777}.picture-years [aria-pressed=true],.picture-issues [aria-pressed=true]{color:#07c160;border-bottom:2px solid #07c160}.picture-content{padding:10px 10px 24px}.picture-caption{color:#6caf80;font-size:13px;text-align:center;margin:5px 0 12px}.picture-image-button{padding:0;width:100%;background:white;border:0;display:block}.picture-image-button img{display:block;width:100%;height:auto}.picture-controls{display:flex;justify-content:space-around;padding:15px 0;gap:10px}.picture-controls button{border:1px solid #a8d1b4;background:white;color:#68ad7c;padding:7px 10px}.picture-note{font-size:12px;text-align:center;color:#999}.picture-error{color:#999;text-align:center;padding:35px 10px;background:#f8f8f8}.picture-viewer{inset:0;border:0;padding:0;width:100%;height:100dvh;max-height:100dvh;max-width:100vw;margin:0;background:#111;color:white}.picture-viewer header{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#222}.picture-viewer button{color:white;background:none;border:0}.picture-viewer label{display:flex;align-items:center;gap:10px}.picture-viewer-scroll{height:calc(100dvh - 50px);overflow:auto}.picture-viewer img{display:block;max-width:none;height:auto;min-width:100%}:focus-visible{outline:2px solid #07c160;outline-offset:-2px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}