:root{--win98-surface:silver;--win98-shadow:gray;--win98-dark:#404040;--win98-light:#fff;--win98-title:navy;--win98-title-end:#1084d0;color:#fff;background:#202020;font-family:MS Sans Serif,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{background:#202020;width:100%;min-width:320px;min-height:100%;overflow-x:hidden}body{background:#202020;width:100%;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:after,body:before{display:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:1px dotted #000}::-webkit-scrollbar{width:17px}::-webkit-scrollbar-track{background:var(--win98-surface)}::-webkit-scrollbar-thumb{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);background:var(--win98-surface);border-bottom:1px solid #000;border-right:1px solid #000;border-radius:0}#root{z-index:1;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.archive-page{width:min(100%,100vw);min-height:100vh;margin:0;padding:clamp(58px,7vw,86px) clamp(12px,2.4vw,42px) 72px;position:relative;overflow-x:hidden}.topbar{justify-content:center;align-items:center;gap:18px;min-height:48px;display:flex}.topbar-right{justify-content:center;align-items:center;width:min(100%,430px);min-width:0;display:flex}.search{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);color:#000;background:var(--win98-surface);width:100%;min-width:0;min-height:30px;box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow), 4px 5px 0 #00000038;border-bottom:1px solid #000;border-right:1px solid #000;border-radius:0;align-items:center;gap:5px;padding:3px;display:flex}.search svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;color:#000;flex:none;width:15px;height:15px}.search input{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);color:#000;background:#fff;border-radius:0;outline:0;width:100%;min-width:0;min-height:22px;padding:2px 6px;box-shadow:inset 1px 1px #000}.search input::placeholder{color:#6d6d6d}.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(54px,6vw,82px) clamp(18px,2.4vw,36px);width:100%;min-width:0;padding-top:clamp(82px,8vw,118px);display:grid}.archive-item{width:100%;min-width:0;max-width:150px;margin-inline:auto}.folder{aspect-ratio:1;cursor:pointer;filter:drop-shadow(5px 8px 8px #00000052);background:0 0;border:0;width:100%;padding:0;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s;display:block;position:relative;transform:translateY(0)}.folder:hover{filter:drop-shadow(7px 11px 10px #00000061);transform:translateY(-5px)}.folder-shell{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute}.folder-back{z-index:1;inset:0}.folder-stack{z-index:2;perspective:900px;position:absolute;inset:1% 14% 35%}.mood-image{transform-origin:50% 100%;background:linear-gradient(145deg,#fffffffa,#e2e1dcf5),#f3f2ee;border:1px solid #ffffff9e;border-radius:10px;width:50%;height:98%;transition:transform .85s cubic-bezier(.18,.76,.2,1),opacity .65s;position:absolute;bottom:0;left:50%;overflow:hidden;box-shadow:0 13px 22px #0000002e,inset 0 1px #ffffffdb}.mood-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:translateZ(0)}.mood-image:before,.mood-image:after,.image-grain,.image-subject{content:"";position:absolute;inset:0}.mood-image:before{mix-blend-mode:soft-light;background:linear-gradient(118deg,#ffffffb8,#0000 38%),linear-gradient(#0000 45%,#0000000d 100%)}.mood-image:after{opacity:.28;background:#9a9995;border:0;border-radius:999px;height:7px;inset:auto 12% 18%}.image-grain{opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.image-subject{opacity:.32}.mood-image:not(.is-placeholder) .image-subject,.mood-image:not(.is-placeholder) .sheet-lines{display:none}.mood-image.is-placeholder{background:linear-gradient(145deg,#fffffffa,#e2e1dcf5),#f3f2ee}.sheet-lines{opacity:.3;background:linear-gradient(#9d9c98,#9d9c98) 0 0/92% 8px no-repeat,linear-gradient(#b1b0ac,#b1b0ac) 0 36%/72% 7px no-repeat,linear-gradient(#aaa9a5,#aaa9a5) 0 70%/82% 7px no-repeat;border-radius:999px;height:36%;position:absolute;top:32%;left:16%;right:16%}.mood-image[data-tone=limestone]{background:linear-gradient(145deg,#fff,#e7e5df)}.mood-image[data-tone=limestone] .image-subject{background:linear-gradient(90deg,#0000 0 18%,#ffffff47 18% 22%,#0000 22% 46%,#00000040 46% 52%,#0000 52%),linear-gradient(0deg,#0000005c 0 24%,#0000 24%)}.mood-image[data-tone=lichen]{background:linear-gradient(145deg,#f7f7f4,#ddddda)}.mood-image[data-tone=lichen] .image-subject{background:radial-gradient(circle at 62% 38%,#e6e2d28f 0 10%,#0000 11%),radial-gradient(circle at 42% 58%,#4f53469e 0 19%,#0000 20%),linear-gradient(75deg,#0000 0 47%,#ffffff29 48% 50%,#0000 51%)}.mood-image[data-tone=pearl]{background:linear-gradient(145deg,#fff,#e9e7e2)}.mood-image[data-tone=pearl] .image-subject{background:radial-gradient(at 50% 24%,#ffffff94 0 12%,#0000 13%),linear-gradient(100deg,#0000 0 38%,#2c2a276b 39% 51%,#0000 52%),linear-gradient(0deg,#332f2b6b 0 18%,#0000 19%)}.mood-image[data-tone=ink]{background:linear-gradient(145deg,#f5f4f0,#d8d7d3)}.mood-image[data-tone=ink] .image-subject{background:repeating-linear-gradient(90deg,#ffffff24 0 1px,#0000 1px 18px),linear-gradient(0deg,#0000 0 42%,#000000a3 42% 56%,#0000 56%)}.mood-image[data-tone=graphite]{background:linear-gradient(145deg,#faf9f5,#dfddd8)}.mood-image[data-tone=graphite] .image-subject{background:radial-gradient(at 60% 58%,#dedacf75 0 20%,#0000 21%),linear-gradient(90deg,#0000 0 25%,#0000006b 25% 43%,#0000 44%)}.mood-image[data-tone=warm]{background:linear-gradient(145deg,#fffefa,#e3dfd7)}.mood-image[data-tone=warm] .image-subject{background:radial-gradient(circle at 56% 44%,#ffffff61 0 18%,#0000 19%),linear-gradient(28deg,#0000 0 45%,#3e37308a 45% 63%,#0000 64%)}.mood-image[data-tone=silver]{background:linear-gradient(145deg,#fbfbf8,#dededb)}.mood-image[data-tone=silver] .image-subject{background:linear-gradient(120deg,#0000 0 34%,#ffffff75 35% 37%,#0000 38%),radial-gradient(at 52% 60%,#1b1b1a7a 0 23%,#0000 24%)}.mood-image[data-tone=smoke]{background:linear-gradient(145deg,#f8f7f3,#d8d7d3)}.mood-image[data-tone=smoke] .image-subject{background:radial-gradient(circle at 40% 36%,#ffffff47 0 14%,#0000 15%),repeating-linear-gradient(135deg,#ffffff1a 0 2px,#0000 2px 18px)}.mood-image-1{z-index:1;transform:translate(-90%)translateY(-1%)rotate(-9deg)}.mood-image-2{z-index:2;transform:translate(-50%)translateY(-10%)rotate(0)}.mood-image-3{z-index:3;transform:translate(-10%)translateY(0)rotate(9deg)}.mood-image-4{z-index:4;transform:translate(38%)translateY(7%)rotate(13deg)}.mood-image-5{z-index:0;transform:translate(-37%)translateY(8%)rotate(-14deg)}.folder:hover .mood-image-1{transform:translate(-101%)translateY(-10%)rotate(-12deg)}.folder:hover .mood-image-2{transform:translate(-50%)translateY(-18%)rotate(0)}.folder:hover .mood-image-3{transform:translate(1%)translateY(-9%)rotate(12deg)}.folder-reflection{display:none}.folder:hover .folder-reflection{opacity:.9;transform:translateY(-2px)}.folder-front{z-index:4;inset:0}.item-caption{text-align:center;text-shadow:1px 1px 1px #000000d9;margin-top:6px;padding:0}.item-caption h2{color:#fff;letter-spacing:0;margin:0;font-family:Tahoma,MS Sans Serif,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.18}.item-caption p{color:#eaf2ff;letter-spacing:0;text-transform:none;margin:3px 0 0;font-size:11px;font-weight:400}.empty-state{color:#000;background:var(--win98-surface);border:2px solid #000;border-radius:0;grid-column:1/-1;place-items:center;min-height:180px;margin:0;font-size:14px;display:grid}.status-message{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);color:#000;background:var(--win98-surface);border-bottom:1px solid #000;border-right:1px solid #000;width:fit-content;max-width:min(520px,100%);margin:28px auto 0;padding:10px 14px;font-size:12px}.xp-folder-window{z-index:20;border-top:2px solid var(--win98-light);border-left:2px solid var(--win98-light);background:var(--win98-surface);width:min(900px,100vw - 48px);max-height:min(720px,100vh - 56px);box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow), 8px 12px 0 #00000052;color:#000;transform-origin:50% 46%;border-bottom:2px solid #000;border-right:2px solid #000;border-radius:0;animation:.36s cubic-bezier(.18,.9,.2,1) both xp-window-open;position:fixed;top:54%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.xp-window-titlebar{color:#fff;min-height:24px;text-shadow:none;background:linear-gradient(90deg, var(--win98-title), var(--win98-title-end));justify-content:space-between;align-items:center;margin:2px;padding:3px 3px 3px 6px;font-size:12px;font-weight:700;display:flex}.xp-window-close{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);color:#000;background:var(--win98-surface);width:18px;height:18px;box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow);cursor:pointer;border-bottom:1px solid #000;border-right:1px solid #000;border-radius:0;justify-content:center;align-items:center;padding:0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:18px;display:flex}.xp-window-close:active{border-top-color:#000;border-left-color:#000;border-right-color:var(--win98-light);border-bottom-color:var(--win98-light);box-shadow:inset 1px 1px 0 var(--win98-shadow)}.xp-window-body{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);background:#fff;max-height:660px;margin:0 4px 4px;padding:clamp(34px,5vw,62px);display:block;overflow:auto;box-shadow:inset 1px 1px #000}.xp-empty-folder{color:#000;margin:0;font-size:12px}.xp-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:clamp(30px,4.4vw,54px);min-width:0;display:grid}.xp-folder-actions{justify-content:flex-end;margin:0 0 24px;display:flex}.xp-action-button{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);color:#000;background:var(--win98-surface);min-height:26px;box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow);cursor:pointer;border-bottom:1px solid #000;border-right:1px solid #000;justify-content:center;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.xp-image-file{color:#000;text-align:center;background:0 0;border:1px solid #0000;gap:7px;padding:10px;font-size:12px;display:grid}.xp-image-open:hover,.xp-image-open:focus-visible{background:#c7d8ff;border-color:navy}.xp-image-open{cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:4px;display:block}.xp-image-open img{aspect-ratio:4/3;object-fit:cover;border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);background:#f4f4f4;width:100%;box-shadow:inset 1px 1px #000}.xp-image-actions{justify-content:center;gap:6px;display:flex}.xp-icon-button{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);color:#000;background:var(--win98-surface);width:26px;height:24px;box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow);cursor:pointer;border-bottom:1px solid #000;border-right:1px solid #000;justify-content:center;align-items:center;padding:0;display:flex}.xp-icon-button:active{border-top-color:#000;border-left-color:#000;border-right-color:var(--win98-light);border-bottom-color:var(--win98-light);box-shadow:inset 1px 1px 0 var(--win98-shadow)}.xp-icon-button:hover,.xp-icon-button:focus-visible,.xp-action-button:hover,.xp-action-button:focus-visible{background:#a8a8a8}.xp-icon-button:disabled,.xp-action-button:disabled{opacity:.55;cursor:default}.xp-icon-button svg,.xp-action-button svg{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.5px;width:14px;height:14px}.xp-modal-status{color:#000;text-align:center;margin:18px 0 0;font-size:12px}.admin-page{place-items:start center;display:grid}.admin-window{border-top:2px solid var(--win98-light);border-left:2px solid var(--win98-light);background:var(--win98-surface);width:min(760px,100%);box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow), 8px 12px 0 #00000052;color:#000;border-bottom:2px solid #000;border-right:2px solid #000}.admin-panel{gap:16px;padding:22px;font-size:12px;display:grid}.admin-fieldset{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);gap:12px;min-width:0;margin:0;padding:16px 12px 12px;display:grid}.admin-fieldset legend{padding:0 5px}.admin-danger-zone{background:#d0d0d0}.admin-panel label{gap:6px;display:grid}.admin-panel input,.admin-panel select{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);color:#000;background:#fff;border-radius:0;min-height:26px;padding:3px 6px;box-shadow:inset 1px 1px #000}.admin-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-warning{background:#ffffd6;border:1px solid olive;margin:0;padding:10px;line-height:1.45}.admin-denied{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);background:#ffffd6}.admin-panel p{margin:0;line-height:1.45}.admin-panel code{font-family:Courier New,monospace;font-size:11px}.admin-preview-section{gap:8px;display:grid}.admin-section-label{font-size:12px}.admin-thumb-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.admin-thumb{text-align:center;gap:4px;min-width:0;display:grid;position:relative}.admin-thumb-image{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);cursor:pointer;background:#fff;width:100%;padding:0;display:block;box-shadow:inset 1px 1px #000}.admin-thumb-image img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.admin-thumb-remove{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);color:#000;background:var(--win98-surface);width:18px;height:18px;box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow);cursor:pointer;border-bottom:1px solid #000;border-right:1px solid #000;justify-content:center;align-items:center;padding:0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.admin-thumb-remove:disabled{color:var(--win98-shadow);cursor:default}.admin-thumb>span{color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.admin-preview-window{z-index:40;border-top:2px solid var(--win98-light);border-left:2px solid var(--win98-light);background:var(--win98-surface);width:min(760px,100vw - 48px);max-height:min(760px,100vh - 48px);box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow), 8px 12px 0 #00000061;border-bottom:2px solid #000;border-right:2px solid #000;animation:.22s cubic-bezier(.18,.9,.2,1) both xp-window-open;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-confirm-window{z-index:45;border-top:2px solid var(--win98-light);border-left:2px solid var(--win98-light);background:var(--win98-surface);width:min(420px,100vw - 48px);box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow), 8px 12px 0 #00000061;color:#000;border-bottom:2px solid #000;border-right:2px solid #000;animation:.22s cubic-bezier(.18,.9,.2,1) both xp-window-open;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.admin-confirm-body{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);background:var(--win98-surface);gap:12px;margin:0 4px 4px;padding:18px;font-size:12px;display:grid}.admin-confirm-body p{margin:0;line-height:1.45}.admin-confirm-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.admin-preview-body{border-top:1px solid var(--win98-shadow);border-left:1px solid var(--win98-shadow);border-right:1px solid var(--win98-light);border-bottom:1px solid var(--win98-light);background:#fff;max-height:calc(100vh - 106px);margin:0 4px 4px;padding:12px;overflow:auto;box-shadow:inset 1px 1px #000}.admin-preview-body img{object-fit:contain;max-width:100%;max-height:calc(100vh - 132px);margin:0 auto;display:block}.win98-button{border-top:1px solid var(--win98-light);border-left:1px solid var(--win98-light);color:#000;background:var(--win98-surface);width:fit-content;min-width:110px;min-height:28px;box-shadow:inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 var(--win98-shadow);cursor:pointer;border-bottom:1px solid #000;border-right:1px solid #000;border-radius:0;padding:4px 12px}.win98-button:disabled{color:var(--win98-shadow);cursor:default}.win98-button:active:not(:disabled){border-top-color:#000;border-left-color:#000;border-right-color:var(--win98-light);border-bottom-color:var(--win98-light);box-shadow:inset 1px 1px 0 var(--win98-shadow)}@keyframes xp-window-open{0%{opacity:0;filter:blur(3px);transform:translate(-50%,-48%)scale(.94)}62%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1.012)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=740px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-item{max-width:142px}}@media (width<=560px){.archive-page{padding-top:38px}.topbar-right{width:100%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:52px;padding-top:70px}.archive-item{max-width:140px}.xp-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=360px){.topbar{min-height:54px}.archive-grid{grid-template-columns:1fr;row-gap:48px}.folder{margin-inline:auto}.archive-item{max-width:146px}}@media (width<=380px){.archive-page{padding-inline:10px}.search{padding-inline:6px}.archive-item{max-width:136px}.item-caption h2{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}