/*
Theme Name: Patchka Paper
Description: A quiet typographic catalogue with animated rows and translucent plugin sheets.
Version: 1.0.8
Text Domain: patchka-paper
*/
:root{--ink:#111;--muted:#929292;--rule:#a3a3a3;--paper:rgba(255,255,255,.89);--ease:cubic-bezier(.22,.68,0,1)}
*{box-sizing:border-box}html{background:#fff;color:var(--ink);font:16px/1.3 Inter,Arial,Helvetica,sans-serif}body{margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:1px solid #111;outline-offset:5px}button:hover:not(:disabled){color:#000}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-100px;z-index:10;background:#fff;padding:10px}.skip:focus{top:16px}.brand{position:fixed;top:7.4vh;left:50%;transform:translateX(-50%);font-size:16px;text-decoration:none;font-weight:400;z-index:1}.catalog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.catalog-list{padding:0;margin:0 0 5.5vh;list-style:none;text-align:center}.catalog-row{display:block;line-height:21px;white-space:nowrap;will-change:transform}.catalog-link{display:inline-block;text-decoration:none}.catalog-link:focus-visible{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.catalog-disabled{color:var(--muted);cursor:none;user-select:none}.sheet{position:fixed;inset:0;margin:auto;width:min(592px,calc(100vw - 32px));height:calc(100dvh - 96px);max-height:none;max-width:none;padding:0;border:0;overflow:visible;background:var(--paper);color:var(--ink);box-shadow:0 5px 34px #00000021}.sheet::backdrop{background:transparent}.sheet-frame{height:100%;display:flex;flex-direction:column;padding:26px 44px 44px;overflow:hidden}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:36px;flex-shrink:0}.sheet-header h1{font-size:16px;font-weight:700;margin:0;line-height:1.3}.sheet-controls{display:flex;align-items:center;margin-right:-12px}.icon-button{width:32px;height:44px;display:grid;place-items:center}.icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1}.icon-button:disabled{opacity:.25}.facts{margin:0;flex-shrink:0}.fact{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);min-height:38px;align-items:center}.fact dt,.fact dd{margin:0}.fact dd{text-align:right;overflow-wrap:anywhere;max-width:65%}.fact a{text-underline-offset:2px}.tabs{display:flex;border-bottom:1px solid var(--rule);flex-shrink:0}.tab{position:relative;flex:1;min-height:38px;text-align:left}.tab:last-child{text-align:right}.tab[aria-selected=true]::after{content:'';height:2px;background:#111;position:absolute;bottom:-1px;left:0;right:0}.sheet-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding-top:28px;padding-right:4px}.description{line-height:1.25;overflow-wrap:anywhere}.description>:first-child{margin-top:0}.description p{margin:0 0 1em}.description ul,.description ol{padding-left:24px}.description img{max-width:100%;height:auto}.description figure{margin:22px 0}.description iframe{max-width:100%}.description h2{font-size:20px}.description h3{font-size:17px}.description pre{overflow:auto}.comment-list{list-style:none;margin:0;padding:0}.comment{border-bottom:1px solid #ccc;padding:16px 0}.comment:first-child{padding-top:16px}.comment-author{text-align:right;margin-bottom:18px;font-style:normal}.comment-content{overflow-wrap:anywhere}.comment-content p{margin:0 0 10px}.empty-comments{color:#666;margin:16px 0 32px}.comment-respond{margin-top:32px}.comment-reply-title{font-size:16px;font-weight:400}.comment-form label{display:block;margin-bottom:6px}.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;border:1px solid #aaa;background:#ffffff99;border-radius:0;padding:10px}.comment-form textarea{resize:vertical;min-height:110px}.comment-form .submit{cursor:pointer;background:#111!important;color:#fff;min-height:44px}.comment-form-cookies-consent{display:flex;align-items:start;gap:8px;font-size:13px}.comment-notes,.logged-in-as,.form-allowed-tags{font-size:13px;color:#555}.notice{padding:12px;border:1px solid #aaa}.no-js .sheet[open]{display:block}.no-js .sheet-controls button,.no-js .tabs{display:none}.no-js .catalog:has(+.sheet[open]){visibility:hidden}.fallback-back{display:none}.no-js .fallback-back{display:inline}.no-js .sheet-scroll[hidden]{display:block!important}.empty-catalog{text-align:center;color:#666}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:640px){.brand{top:40px}.catalog-list{margin-bottom:0}.catalog-row{line-height:32px}.sheet{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.sheet-frame{padding:12px 22px 24px}.sheet-header{margin-bottom:20px}.sheet-header h1{max-width:60%}.icon-button{width:40px}.fact{min-height:38px;font-size:14px}.sheet-scroll{padding-top:24px}.description{font-size:16px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.telegram-entry{margin:28px 0 20px}.telegram-entry .sign-in-with-telegram-login-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #111;text-decoration:none;background:rgba(255,255,255,.75)}.telegram-entry .sign-in-with-telegram-login-button:hover{background:#111;color:#fff}.telegram-entry .comment-notes{line-height:1.4}

.catalog-row.is-selected{visibility:hidden}.catalog-link:focus{outline:none}.catalog-link:focus-visible{text-decoration:underline;text-underline-offset:3px}.sheet-header h1:focus{outline:none}

.sheet-scroll::-webkit-scrollbar{display:none;width:0;height:0}

@media(hover:hover) and (pointer:fine){.catalog-link:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}
