.archive-glass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column-gap:clamp(14px,2.6vw,44px);column-gap:clamp(14px,2.6vw,44px);grid-row-gap:44px;row-gap:44px;padding-bottom:26px}.archive-selection-mark{position:absolute;inset:auto 0 -19px;height:2px;width:clamp(28px,18%,78px);margin-inline:auto;pointer-events:none;border-radius:100%;background:#b7b9aa;opacity:.22;transform:scaleX(.7);transition:opacity .55s,transform .55s,box-shadow .55s}.archive-glass[data-selected=true] .archive-selection-mark{opacity:.85;transform:scaleX(1);box-shadow:0 0 10px #d1d4bd66}.archive-glass{position:relative;isolation:isolate;aspect-ratio:1.2;min-height:120px;--folder-tint:#788d9d;--folder-shadow:#47322b;--folder-ease:cubic-bezier(.22,.72,.22,1)}.archive-glass:nth-child(2){--folder-tint:#929688;--folder-shadow:#4b434e}.archive-glass:nth-child(3){--folder-tint:#8e777a;--folder-shadow:#2f414c}.archive-back,.archive-front,.archive-paper-stack,.archive-profile-defs{position:absolute;pointer-events:none}.archive-back{inset:13% 0 0;background:radial-gradient(ellipse at 86% 15%,#62604a66,transparent 66%),linear-gradient(145deg,#262622 12%,#454332 49%,#342d25 83%,#3b3c3a)}.archive-back:before{content:"";position:absolute;inset:0;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h128v128H0z'/%3E%3C/svg%3E")}.archive-paper-stack{inset:23% 3% 5%;transition:transform .75s var(--folder-ease)}.archive-photo-insert{position:absolute;inset:0;overflow:hidden;border:1px solid #ecece741;border-radius:clamp(7px,1vw,14px);background:#292925;transform:translateY(-5%)}.archive-photo-insert+.archive-photo-insert{transform:none}.archive-photo-insert :is(img,video):not([data-loaded=true]){visibility:hidden}.archive-photo-insert :is(img,video){width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.78) saturate(.72)}.archive-front{inset:28% 0 0;z-index:2;transform-origin:50% 100%;transform:perspective(2400px) rotateX(0deg);transition:transform .75s var(--folder-ease)}.archive-front-blur,.archive-front-glass,.archive-front-light-frost,.archive-front-outline{position:absolute;inset:0;width:100%;height:100%}.archive-front-light-frost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.archive-front-blur{-webkit-backdrop-filter:blur(44px);backdrop-filter:blur(44px);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}.archive-front-mid-frost{-webkit-backdrop-filter:blur(23px);backdrop-filter:blur(23px)}.archive-front-outer-frost{-webkit-backdrop-filter:blur(33px);backdrop-filter:blur(33px)}.archive-front-glass{background:linear-gradient(180deg,#e5ece505,#bac8d20a 37%,#171a203d 76%,#1113186b)}.archive-front-outline{overflow:visible;fill:none;stroke:#e4ebe34d;stroke-width:1;transition:stroke .65s}.archive-glass[data-selected=true] .archive-front{transform:perspective(2400px) rotateX(-24deg)}.archive-glass[data-selected=true] .archive-front-outline{stroke:#ece9df9c}.archive-glass[data-selected=true] .archive-paper-stack{transform:translateY(-6%)}.archive-glass-title{position:absolute;left:10%;right:68px;bottom:18%;pointer-events:none;font-size:clamp(13px,1.3vw,18px);color:#fff;text-shadow:0 1px 9px #000b}.archive-glass-title[data-light-insert=true]{color:#080909;text-shadow:0 1px 8px #fff7}.archive-select{position:absolute;inset:0;width:100%;z-index:1;border-radius:18px}.archive-lock{position:absolute;z-index:2;right:8%;bottom:13%;pointer-events:auto;width:50px;height:50px;display:grid;place-items:center;border-radius:12px;color:#e0ded5;background:#141517bb;box-shadow:inset 0 0 0 1px #fff3;transition:background .3s}.archive-lock:hover{background:#404248}.archive-lock svg{width:23px;height:23px}.archive-glass-dialog{width:min(440px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #e0e4df35;border-radius:20px;color:#dedbd1;background:#1c1e20ef;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 90px #000a}.archive-glass-dialog[open]{animation:archive-dialog-in .32s ease both}.archive-glass-dialog::-webkit-backdrop{background:#060708b8}.archive-glass-dialog::backdrop{background:#060708b8}.archive-glass-dialog .journal-folder-detail{padding:12px 5px 5px}.archive-glass-dialog:has([data-code-only=true]){width:min(350px,calc(100% - 24px));padding:46px 12px}.archive-glass-dialog:has([data-code-only=true]) .archive-dialog-close{display:grid;place-items:center;width:34px;height:34px;padding:0;top:8px;right:10px}.archive-glass-dialog [data-code-only=true] .journal-unlock-form{justify-items:center;margin-top:0}.archive-glass-dialog .journal-folder-detail[data-code-only=true]{padding:0;border:0}.archive-glass-dialog:has(.archive-browser){box-sizing:border-box;width:min(960px,calc(100% - 28px));min-height:min(480px,85dvh);padding:clamp(16px,2.5vw,26px);color-scheme:dark}.archive-glass-dialog:has(.archive-browser,[data-code-only=true]){background:linear-gradient(155deg,#55595750,#2023228c 55%,#151718a8);-webkit-backdrop-filter:blur(22px) saturate(.7);backdrop-filter:blur(22px) saturate(.7);border-color:#e0e4df40;box-shadow:inset 0 1px 0 #ffffff12,0 24px 90px #0009}.archive-glass-dialog:has(.archive-browser,[data-code-only=true])::-webkit-backdrop{background:#06070872}.archive-glass-dialog:has(.archive-browser,[data-code-only=true])::backdrop{background:#06070872}.archive-glass-dialog .archive-browser{border:0;padding:0}.archive-browser .archive-breadcrumbs button{font-size:clamp(18px,2.2vw,22px);font-weight:500;letter-spacing:-.025em}.archive-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin:0 24px 24px 0}.archive-breadcrumbs button{padding:3px 0;color:#b6b8ae}.archive-breadcrumbs button+button:before{content:"/";margin-right:8px;color:#85877f}.archive-breadcrumbs [aria-current]{color:#f0ebe1}.archive-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,118px),1fr));grid-gap:18px;gap:18px;padding:0;margin:0;list-style:none}.archive-browser .archive-file-grid{--columns:5;display:flex;flex-wrap:wrap;justify-content:flex-start;padding-inline:clamp(0px,2vw,18px)}.archive-browser .archive-file-grid>li{flex:0 0 calc((100% - (var(--columns) - 1) * var(--file-gap)) / var(--columns));max-width:148px}.archive-browser .archive-file-grid{--file-gap:18px;gap:var(--file-gap)}.archive-browser .archive-file-grid[data-compact=true]{--columns:10;--file-gap:12px}@media(max-width:760px){.archive-browser .archive-file-grid{--columns:4}.archive-browser .archive-file-grid[data-compact=true]{--columns:6}}@media(max-width:520px){.archive-browser .archive-file-grid{--columns:3;--file-gap:12px}.archive-browser .archive-file-grid[data-compact=true]{--columns:4;--file-gap:9px}}.archive-file-grid li{min-width:0}.archive-file-grid li>:is(a,button){display:grid;width:100%;grid-gap:8px;gap:8px;padding:0;text-align:left}.archive-file-tile-art{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#ffffff0b;color:#d8d5c9}.archive-file-tile-art :is(img,video){width:100%;height:100%;object-fit:cover}.archive-file-grid :is(a,button):hover .archive-file-tile-art{filter:brightness(1.15)}.archive-file-tile-name{font-size:13px;overflow-wrap:anywhere}.archive-dialog-close{position:absolute;top:10px;right:14px;font-size:25px;line-height:1}@keyframes archive-dialog-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.archive-glass-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-glass-title{right:52px}.archive-lock{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.archive-front,.archive-front-outline,.archive-lock,.archive-paper-stack,.archive-selection-mark{transition:none}.archive-glass-dialog[open]{animation:none}}.archive-private-image{display:block;width:auto;height:auto;max-width:min(72vw,700px);max-height:65dvh;object-fit:contain;border-radius:8px}.archive-media-preview{max-width:calc(100% - 28px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:8px;background:transparent;color:#dedbd1}.archive-media-preview[open]{display:grid;justify-items:center;grid-gap:16px;gap:16px;animation:archive-dialog-in .24s ease both}.archive-media-preview::-webkit-backdrop{background:#08090894}.archive-media-preview::backdrop{background:#08090894}.archive-media-preview .archive-media-back{position:absolute;top:8px;left:8px;z-index:1;width:34px;height:34px;padding:0;border:0;background:none;color:#eee;font-size:20px;text-shadow:0 1px 5px #000}.archive-media-preview:has([role=status]),.archive-media-preview[data-kind=audio]{width:min(420px,calc(100% - 28px));min-height:160px;align-content:center;padding:44px 20px 26px;border:1px solid #ffffff24;border-radius:16px;background:#242624dc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 54px #0008}.archive-media-preview h3{margin:0;font-size:clamp(15px,2vw,20px);font-weight:500;text-align:center;overflow-wrap:anywhere}.archive-media-preview audio{display:block;width:min(100%,340px);color-scheme:dark}.archive-media-preview video{display:block;width:min(80vw,760px);max-height:68dvh;background:#111}.archive-media-preview a{text-decoration:underline}@media(max-width:420px){.archive-glass-grid{grid-template-columns:minmax(0,1fr);max-width:340px;margin-inline:auto}.archive-glass-title{font-size:16px;right:65px}.archive-lock{width:44px;height:44px}}