.archive-screen{--unit:2;color:#aaa;background:#080808;min-height:100svh;font:12px/1.5 system-ui,sans-serif}.archive-screen #study{max-width:1160px;margin:0 auto;padding:28px 20px 24px}.archive-screen #loading{text-align:center;margin:60px auto}.archive-screen .ff-window{background-color:#5d5f59;background-image:var(--window-grain), var(--window-texture);background-size:calc(2px * var(--unit)) calc(2px * var(--unit)), 100% 100%;border:calc(1px * var(--unit)) solid #181916;box-shadow:inset calc(1px * var(--unit)) calc(1px * var(--unit)) #9a9a90, inset calc(-1px * var(--unit)) calc(-1px * var(--unit)) #333431, inset calc(2px * var(--unit)) calc(2px * var(--unit)) #81817a, inset calc(-2px * var(--unit)) calc(-2px * var(--unit)) #4d4e48;background-repeat:repeat,no-repeat;position:relative}.archive-screen .menu-bar{grid-template-columns:minmax(0, 1fr) calc(84px * var(--unit));gap:calc(5px * var(--unit));margin-bottom:calc(9px * var(--unit));display:grid}.archive-screen #categories{padding:calc(3px * var(--unit));display:flex}.archive-screen .category-button{min-width:0;height:calc(29px * var(--unit));cursor:pointer;background:0 0;border:0;flex:1;padding:0;position:relative}.archive-screen #collection-count{min-width:0}.archive-screen .raster{image-rendering:auto;display:block}.archive-screen #junction{align-items:center;gap:calc(3px * var(--unit));padding:calc(3px * var(--unit)) calc(5px * var(--unit));margin-bottom:calc(3px * var(--unit));flex-wrap:wrap;display:flex}.archive-screen #board-search{flex:1 1 calc(90px * var(--unit));min-width:calc(70px * var(--unit));height:calc(17px * var(--unit));box-sizing:border-box;color:#eeeee7;border:calc(1px * var(--unit)) solid #353930;font:calc(7px * var(--unit))/1 var(--font-galmuri), monospace;background:#1a1b18;outline:none;padding:0 8px}.archive-screen #board-search:focus-visible{border-color:#e8dfa1}.archive-screen #board-search::placeholder{color:#8c8e84}.archive-screen .view-toggle{flex:0 0 calc(62px * var(--unit));height:calc(17px * var(--unit));cursor:pointer;background:0 0;border:0;padding:0}.archive-screen .view-toggle:focus-visible{outline-offset:2px;outline:2px solid #e8dfa1}.archive-screen .timeline-axis{height:calc(14px * var(--unit))}.archive-screen .tier-items.timeline{min-height:calc(24px * var(--unit));padding:0;display:block;position:relative}.archive-screen .work-slot.mini{width:calc(14px * var(--unit));height:calc(17px * var(--unit));position:absolute}.archive-screen .tick{pointer-events:none;border-left:1px solid #3d4038;position:absolute;top:0;bottom:0}.archive-screen .junction-chip{flex:0 0 calc(44px * var(--unit));height:calc(17px * var(--unit));cursor:pointer;background:0 0;border:0;padding:0}.archive-screen .junction-chip[data-label=감상\ 있음],.archive-screen .junction-chip[data-label=중도하차]{flex-basis:calc(76px * var(--unit))}.archive-screen .junction-chip:focus-visible{outline-offset:2px;outline:2px solid #e8dfa1}.archive-screen .work-card.is-dim{opacity:.22;filter:grayscale()}.archive-screen #tier-board{gap:calc(3px * var(--unit));flex-direction:column;display:flex}.archive-screen #tier-board.is-switching{overflow:hidden}.archive-screen .tier-row{grid-template-columns:calc(43px * var(--unit)) minmax(0, 1fr);min-height:calc(34px * var(--unit));display:grid}.archive-screen .rank-cell{border-right:calc(1px * var(--unit)) solid #3d4038;margin:calc(3px * var(--unit)) 0;position:relative}.archive-screen .rank-art{width:100%;position:sticky;top:8px}.archive-screen .tier-row.want{background-color:#4f514b}.archive-screen .tier-items{align-content:start;gap:calc(3px * var(--unit));padding:calc(6px * var(--unit)) calc(8px * var(--unit));flex-wrap:wrap;min-width:0;margin:0;list-style:none;display:flex}.archive-screen .work-slot{width:calc(24px * var(--unit));height:calc(29px * var(--unit));flex:none}.archive-screen .work-card{cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;width:100%;height:100%;padding:0;scroll-margin-top:90px;scroll-margin-bottom:150px;transition:transform .12s ease-out;display:block;position:relative}.archive-screen .work-card.is-near{z-index:1;transform:scale(1.25)}.archive-screen .work-card.is-selected{z-index:2;width:160%;box-shadow:0 0 0 calc(1px * var(--unit)) #eee8b4, 0 4px 10px #000b;transform-origin:50% 100%;animation:.12s ease-out card-pop;position:absolute;bottom:0;left:-30%}@keyframes card-pop{0%{transform:scale(.625)}to{transform:scale(1)}}.archive-screen .work-slot{position:relative}.archive-screen[data-motion=off] .work-card{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.archive-screen .work-card{transition:none;animation:none}}.archive-screen #lens{z-index:6;width:calc(170px * var(--unit));pointer-events:none;box-shadow:inset calc(1px * var(--unit)) calc(1px * var(--unit)) #9a9a90, inset calc(-1px * var(--unit)) calc(-1px * var(--unit)) #333431, 0 6px 16px #000c;position:fixed;top:0;left:0}.archive-screen #lens[hidden]{display:none}.archive-screen .selection-motion{pointer-events:none;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.archive-screen .work-card:focus-visible{outline-offset:1px;outline:1px dotted #f2e9b1}.archive-screen .work-card.is-lifted{outline-offset:2px;outline:2px dashed #f2e9b1}.archive-screen #tier-board.is-owner .work-card{touch-action:pan-y;cursor:grab}.archive-screen #tier-board.is-owner .work-card.is-lifted{cursor:grabbing;opacity:.55}.archive-screen .drag-ghost{z-index:7;width:calc(24px * var(--unit));pointer-events:none;opacity:.92;filter:drop-shadow(0 6px 10px #000c);position:fixed;top:0;left:0}.archive-screen .empty-art{width:calc(24px * var(--unit));height:calc(12px * var(--unit))}.archive-screen #selection-bar{grid-template-columns:minmax(0, 1fr) calc(65px * var(--unit));margin-top:calc(8px * var(--unit));padding:calc(5px * var(--unit));z-index:3;box-shadow:inset calc(1px * var(--unit)) calc(1px * var(--unit)) #9a9a90, inset calc(-1px * var(--unit)) calc(-1px * var(--unit)) #333431, 0 4px 12px #0009;display:grid;position:sticky;bottom:8px}.archive-screen #selection-info{min-width:0}.archive-screen #open-selected{width:100%;height:calc(28px * var(--unit));cursor:pointer;background:0 0;border:0;align-self:center;padding:0}.archive-screen #open-selected:disabled{cursor:default;opacity:.6}.archive-screen .caption{text-align:center;color:#888;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:12px 0;font-size:11px;display:flex}.archive-screen .caption button{font:inherit;color:#c8c8c8;cursor:pointer;background:#222;border:1px solid #555;padding:3px 8px}.archive-screen .caption button[aria-pressed=true]{color:#151515;background:#c6c6bf}.archive-screen .caption a{color:#bbb;text-underline-offset:3px}.archive-screen .caption button:focus-visible,.archive-screen .caption a:focus-visible,.archive-screen .category-button:focus-visible{outline-offset:3px;outline:2px solid #e8dfa1}.archive-screen .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#detail-dialog{color:#eee;width:min(840px,100vw - 32px);max-height:calc(100dvh - 32px);padding:calc(7px * var(--unit,2));border-radius:0;margin:auto;overflow:hidden}#detail-dialog #detail-scroll{max-height:calc(100dvh - 32px - 16px * var(--unit,2));overflow:auto}#detail-dialog::backdrop{background:#000c}#detail-dialog #detail-header{border-bottom:calc(1px * var(--unit,2)) solid #353930;min-width:0;padding-bottom:calc(5px * var(--unit,2))}#detail-dialog #detail-body{padding:calc(8px * var(--unit,2)) calc(5px * var(--unit,2))}#detail-dialog .raster-block{width:100%}#detail-dialog #detail-actions{gap:calc(4px * var(--unit,2));padding:calc(4px * var(--unit,2)) 0;display:flex}#detail-dialog #detail-actions button,#detail-dialog .editor-actions button{height:calc(27px * var(--unit,2));cursor:pointer;background:#5b5e58;border:0;padding:0}#detail-dialog #detail-move,#detail-dialog .editor-actions button{width:calc(60px * var(--unit,2))}#detail-dialog #detail-edit{width:calc(80px * var(--unit,2))}#detail-dialog #detail-drop{width:calc(92px * var(--unit,2))}#detail-dialog button:focus-visible{outline-offset:2px;outline:2px solid #e8dfa1}#detail-dialog .comment-editor{box-sizing:border-box;color:#eeeee7;border:calc(1px * var(--unit,2)) solid #353930;width:100%;font:16px/1.5 var(--font-galmuri), monospace;resize:vertical;background:#1a1b18;padding:8px;display:block}#detail-dialog .editor-actions{gap:8px;margin-top:8px;display:flex}#detail-dialog .editor-error{color:#e8b0a0;margin:6px 0 0;font:12px/1.4 system-ui,sans-serif}#detail-dialog #detail-close{width:calc(101px * var(--unit,2));height:calc(27px * var(--unit,2));cursor:pointer;background:#5b5e58;border:0;margin-left:auto;padding:0;display:block;position:sticky;bottom:0}@media (max-width:1000px){.archive-screen,#detail-dialog{--unit:1.75}}@media (max-width:650px){.archive-screen,#detail-dialog{--unit:1.25}.archive-screen #study{padding:18px 8px 20px}.archive-screen .menu-bar{grid-template-columns:minmax(0, 1fr) calc(54px * var(--unit))}.archive-screen .tier-items{gap:calc(3px * var(--unit));padding-inline:calc(3px * var(--unit))}.archive-screen .caption{padding:0 8px;font-size:10px}.archive-screen #selection-bar{grid-template-columns:minmax(0, 1fr) calc(56px * var(--unit));bottom:4px}#detail-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:calc(6px * var(--unit))}#detail-dialog #detail-scroll{max-height:calc(100dvh - 16px - 14px * var(--unit))}}
@font-face{font-family:galmuri;src:url(../media/Galmuri14-s.p.2nxb5gxnx_r2z.woff2)format("woff2");font-display:block}@font-face{font-family:galmuri Fallback;src:local(Arial);ascent-override:81.3%;descent-override:16.26%;line-gap-override:16.26%;size-adjust:123.0%}.galmuri_1419b381-module__ZJGpBW__className{font-family:galmuri,galmuri Fallback}.galmuri_1419b381-module__ZJGpBW__variable{--font-galmuri:"galmuri", "galmuri Fallback"}