@font-face{font-family:'JetBrains Mono';src:url('/assets/JetBrainsMono-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{font-family:'JetBrains Mono',monospace;color:#171717;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default;color:#aaa;background:#f1f1f1}button:focus-visible,a:focus-visible{outline:2px solid #666;outline-offset:4px}input:focus,select:focus{outline:1px solid #222;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:38px 48px}.brand{text-decoration:none;font-size:25px;letter-spacing:-1px;line-height:1}.brand-name{display:block;letter-spacing:.9px;font-size:8px;margin-top:8px}.text-button{border:0;background:transparent;padding:8px 0;font-size:12px}.text-button:hover,.save-link:hover{text-decoration:underline}.home{min-height:100svh;display:flex;flex-direction:column}.home-main{width:min(600px,calc(100% - 40px));margin:clamp(90px,19vh,200px) auto 72px;flex:1}.shorten-row{display:flex;gap:12px;align-items:stretch}input,select{width:100%;min-width:0;border:1px solid #d9d9d9;border-radius:0;background:#fff;padding:13px 14px;color:#171717;font-size:12px}input::placeholder{color:#929292}.primary{border:1px solid #171717;border-radius:0;background:#171717;color:#fff;padding:13px 19px;font-size:12px;white-space:nowrap}.primary:disabled{border-color:#eee}.primary:not(:disabled):hover{background:#333}#notice{font-size:11px;line-height:1.6;margin:9px 0 0;color:#707070}#notice:empty{display:none}.error{color:#a52e28!important}.features{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px}.features button{border:0;padding:0;background:none;color:#777;font-size:10px;white-space:nowrap}.features button:hover{color:#111}.features span{font-size:12px;color:#999}.features small{font-size:8px;color:#a1a1a1;margin-left:2px}.feature-note{font-size:11px;line-height:1.8;color:#777;max-width:450px;margin:18px 0}.result{margin-top:40px}.result-label{font-size:11px;color:#777;margin:0 0 12px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.result-row a{font-size:14px;text-decoration:none;overflow-wrap:anywhere;min-width:0}.result-row .text-button{flex-shrink:0}.save-link{border:0;background:none;padding:0;margin-top:25px;text-align:left;font-size:11px}.result-caption{font-size:10px;color:#aaa;margin:7px 0 0}.local-access{display:inline-block;font-size:10px;color:#777;margin-top:20px}.home-footer{text-align:center;padding:24px 20px 34px;font-size:10px;line-height:1.8;color:#aaa}.home-footer a{text-decoration:none}.home-footer a:hover{color:#555}.mobile-break{display:none}dialog{border:1px solid #ddd;border-radius:0;padding:26px;width:min(460px,calc(100% - 32px));font-size:12px;color:#222;line-height:1.8}dialog::backdrop{background:#0003}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}h2{font-size:16px;font-weight:400;margin:0}.icon-button{border:0;background:none;font-size:22px;color:#777;padding:0 3px}.dialog-link{display:inline-block;text-decoration:none;margin-top:12px}.workspace main,.info-main{max-width:800px;margin:65px auto 80px;padding:0 24px}.create-panel{margin-bottom:30px}.workspace label,dialog label{display:block;font-size:11px;margin:18px 0 9px}.url-row{display:flex;gap:10px}.hint,.optional{font-size:10px;color:#999}.step,.eyebrow,.intro,.hero,.environment{display:none}.library{margin-top:45px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.tools,.card-actions{display:flex;gap:12px}.secondary{background:none;border:1px solid #ddd;padding:8px 10px;font-size:10px;color:#555}.secondary:hover{border-color:#777}#count{font-size:11px;color:#999;margin-left:8px}.storage-note{font-size:10px;line-height:1.8;color:#888;max-width:620px;margin:18px 0 24px}.empty{padding:40px 0;text-align:center;color:#999;border-top:1px solid #eee;font-size:11px}.empty h3{font-size:12px;font-weight:400}.empty-icon{display:none}.link-card{padding:22px 0;border-top:1px solid #eee;display:flex;justify-content:space-between;gap:20px;align-items:center}.link-info{min-width:0;flex:1}.link-info h3{font-size:12px;font-weight:400;margin:0 0 10px;overflow-wrap:anywhere}.short-url{font-size:12px;overflow-wrap:anywhere}.destination-text{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999}.badge{font-size:9px;color:#555}.badge.off{color:#999}.workspace footer{border-top:1px solid #eee;display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding:20px 0;font-size:10px;color:#999}.small{font-size:15px}.info-main{max-width:650px;font-size:12px;line-height:1.9}.info-main h1{font-size:20px;font-weight:400;margin-bottom:35px}.info-main h2{margin:30px 0 12px}.info-main p{color:#666}.info-nav{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:36px;font-size:10px}.info-main a{color:#333}#edit-error{color:#a52e28;font-size:11px}#edit-form>.primary{margin-top:12px}[hidden]{display:none!important}@media(max-width:600px){.topbar{padding:25px 22px}.brand{font-size:23px}.home-main{width:calc(100% - 40px);max-width:450px;margin-top:clamp(50px,9vh,95px);margin-bottom:50px}.shorten-row{gap:8px}.shorten-row input{font-size:11px;padding:12px 10px}.shorten-row .primary{font-size:11px;padding:12px 10px}.features{justify-content:flex-start;gap:13px 18px;margin-top:18px}.features button{font-size:9px}.result-row a{font-size:12px}.result-row .text-button{font-size:10px}.mobile-break{display:block}.home-footer{font-size:9px;padding-bottom:24px}.library-heading,.link-card{align-items:flex-start;flex-direction:column}.card-actions{flex-wrap:wrap}.link-info{width:100%}.url-row{flex-direction:column}.workspace main{margin-top:35px}.workspace footer{flex-wrap:wrap}.tools{flex-wrap:wrap}}
/* Reference: published malevich prototype v2; updated Cremax logo. */
@font-face{font-family:'JetBrains Mono';src:url('/assets/JetBrainsMono-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
:root{color:#111a2a}.topbar{height:68px;padding:0 32px;flex-shrink:0}.brand{display:flex;align-items:center;gap:15px;font-size:20px;font-weight:600;letter-spacing:0;color:#333}.brand img{width:32px;height:auto;display:block}.text-button,.save-link{color:#1761db;font-weight:600}.home-main{width:100%;margin:0;flex:1;display:flex;align-items:center;justify-content:center;padding:0 24px 5vh}.shortener{width:min(600px,calc(100vw - 48px));margin:auto}.shorten-row{min-height:62px;border-bottom:1px solid #26354b;padding:0 0 8px;gap:20px;align-items:center}.shorten-row:focus-within{border-bottom:2px solid #1267ef}.shorten-row input{flex:1;border:0;background:#fff;outline:0;padding:16px 0;font-size:14px;letter-spacing:-.035em;color:#111a2a}.shorten-row input::placeholder{color:#9ba8bb}.shorten-row .primary{border:0;background:transparent;color:#1761db;font-size:13px;font-weight:600;padding:8px 2px;flex:none}.shorten-row .primary:hover{background:transparent;color:#1267ef}.shorten-row .primary:disabled{opacity:.6;cursor:wait}.features{justify-content:flex-start;gap:16px;margin-top:18px}.features button{color:#64738b}.features span{font-size:9px}.features small{color:#8290a4}.result{background:#f7f9fc;padding:20px;margin-top:25px}.result-row a{color:#245ce4}.result-label{letter-spacing:.12em;color:#6e7e95;font-weight:600}.home-footer{font-size:11px;line-height:1.5;padding:12px 20px 24px;color:rgba(19,35,62,.42)}.home-footer a{text-decoration:none}.home-footer a:hover{color:#1761db}.workspace .primary,.dialog-link{background:transparent;color:#1761db;border:0;padding-left:0}.workspace .primary:hover,.dialog-link:hover{background:transparent;text-decoration:underline}.workspace .short-url{color:#245ce4}
@media(max-width:850px){.topbar{padding:12px 18px}.home-main{padding:0 16px 5vh}.shortener{width:calc(100vw - 32px)}.shorten-row{min-height:58px;gap:6px}.shorten-row input{font-size:13px}.shorten-row .primary{font-size:12px;padding:8px 0}}
@media(max-width:600px){.home .topbar{height:54px;min-height:54px;padding:4px 18px;margin-top:-8px}.home-main{margin:0;max-width:none;width:100%}.shorten-row{width:75%;margin:0 auto}.shorten-row input{font-size:13px;padding:16px 0}.shorten-row .primary{font-size:12px;padding:8px 0}.features,.feature-note,#notice{width:75%;margin-left:auto;margin-right:auto}.features{gap:12px}.home-footer{font-size:11px;padding:12px 20px 24px}.result{padding:16px}.brand{font-size:20px}}
.result-row{justify-content:flex-start;gap:12px}.result-row #copy{color:#9ba8bb}.result-row #copy:hover{color:#9ba8bb}

.shorten-row .primary{display:inline-flex;align-items:center;gap:6px}.shorten-logo{display:block;width:22px;height:auto;flex-shrink:0}

.breadcrumbs{font-size:11px;line-height:1.6;color:#8a98ad;margin-bottom:12px}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.breadcrumbs li{display:flex;align-items:center;gap:10px}.info-main .breadcrumbs a{color:#70839f;text-decoration:none}.info-main .breadcrumbs a:hover{text-decoration:underline}.info-main .info-back{display:inline-block;color:#1267ef;font-size:12px;text-decoration:none;margin-bottom:24px}.info-main .info-back:hover{text-decoration:underline}.info-back+h1{margin-top:0}

#close-dialog{appearance:none;border:0;background:transparent;box-shadow:none;outline:none}#close-dialog:hover,#close-dialog:focus,#close-dialog:focus-visible{text-decoration:none}#close-dialog:focus-visible{color:#111}
.auth-main{width:min(430px,calc(100% - 40px));margin:55px auto 80px;font-size:12px;line-height:1.8}.auth-main h1{font-size:24px;font-weight:400;line-height:1.3;margin:22px 0}.auth-tabs{display:flex;gap:26px;margin:24px 0}.auth-tabs a{color:#70839f;text-decoration:none}.auth-tabs a[aria-current]{color:#1267ef;text-decoration:underline;text-underline-offset:8px}.auth-main .info-back{font-size:12px;color:#1267ef;text-decoration:none}.auth-main fieldset{border:0;padding:0;margin:20px 0}.auth-main label{display:block;margin:16px 0 6px;color:#52647d}.auth-main input{border:0;border-bottom:1px solid #aab8cb;padding:14px 0}.auth-main fieldset:disabled{opacity:.5}.auth-main #auth-notice{color:#70839f}.auth-main .text-button{margin-top:12px}

.auth-main #auth-notice[data-state="error"]{color:#b42318}

#account-controls{font-size:12px;line-height:1.7;margin:24px 0}#account-create label,#account-edit label{display:block;margin:14px 0 6px;font-size:12px}#claim-section{margin:28px 0;color:#70839f}#account-editor{width:min(480px,calc(100% - 32px))}#account-editor h2{font-size:18px;font-weight:400}

#qr-dialog{width:min(430px,calc(100% - 32px));font-size:12px;line-height:1.7}#qr-dialog h2{font-size:18px;font-weight:400}#qr-image{max-width:100%;height:auto;margin:20px auto;background:#fff}#qr-image:not([hidden]){display:block}#qr-address{overflow-wrap:anywhere;color:#52647d}#qr-message{color:#70839f}#qr-downloads a{display:inline-block;margin-right:20px}#qr-close{font-size:24px;text-decoration:none}

/* All close crosses share this style, including keyboard focus. */
:is(button[aria-label="Закрыть"],button.dialog-close),
:is(button[aria-label="Закрыть"],button.dialog-close):is(:hover,:active,:focus,:focus-visible){appearance:none;border:0;background:transparent;box-shadow:none;outline:none;text-decoration:none}
:is(button[aria-label="Закрыть"],button.dialog-close):focus-visible{color:#111}

#stats-dialog{width:min(480px,calc(100% - 32px));max-height:85vh;overflow:auto;font-size:12px;line-height:1.7}#stats-dialog h2{font-size:18px;font-weight:400}#stats-address{overflow-wrap:anywhere;color:#52647d}#stats-close{font-size:24px}#stats-table{width:100%;border-collapse:collapse;margin-top:20px}#stats-table th,#stats-table td{padding:8px 0;border-bottom:1px solid #eee;text-align:left}#stats-table th:last-child,#stats-table td:last-child{text-align:right}

/* Link management lives on one page, below its section menu. */
[hidden]{display:none!important}
.detail-short,.detail-menu{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.detail-short a,.destination-text,#detail-title,#detail-crumb{overflow-wrap:anywhere}
.detail-short #copy-link{color:#70839f;text-decoration:none}
.detail-menu{margin:40px 0 0;border-bottom:1px solid #dce2e9;gap:24px}
.detail-menu button{padding:12px 0;text-decoration:none;color:#70839f;border:0;border-bottom:2px solid transparent;background:transparent}
.detail-menu button[aria-pressed="true"]{color:#1267ef;border-bottom-color:#1267ef}
.detail-section{padding:24px 0}.detail-section h2{margin-top:0}
.stats-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 40px}
.stats-summary div{padding:16px;border:1px solid #dce2e9}.stats-summary dt{color:#70839f;font-size:14px}.stats-summary dd{margin:8px 0 0;font-size:26px;overflow-wrap:anywhere}
.detail-stats-table{width:100%;border-collapse:collapse}.detail-stats-table th,.detail-stats-table td{text-align:left;padding:10px;border-bottom:1px solid #e9edf2}.detail-stats-table th:last-child,.detail-stats-table td:last-child{text-align:right}
.link-click-count{color:#70839f;margin:8px 0;font-size:14px}#qr-downloads a{display:inline-block;margin:12px 24px 12px 0}
@media(max-width:600px){.stats-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-menu{gap:16px}.detail-section .section-top{flex-wrap:wrap}}

/* Align account actions on a shared baseline. */
#account-links .card-actions{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:20px;flex-shrink:0}
#account-links .card-actions > a,#account-links .card-actions > button{display:inline-block;padding:0;margin:0;font:inherit;line-height:1.9;white-space:nowrap}
#account-links .link-click-count,#account-links .destination-text{font-size:10px}
#account-links .link-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px 24px;align-items:baseline}
#account-links .link-info{display:contents}
#account-links .link-info > *{margin:0}
#account-links .link-info > h3{grid-column:1/-1;grid-row:1;margin-bottom:2px}
#account-links .link-info > a{grid-column:1;grid-row:2;overflow-wrap:anywhere}
#account-links .link-click-count{grid-column:2;grid-row:2;white-space:nowrap}
#account-links .destination-text{grid-column:1/-1;grid-row:3;overflow-wrap:anywhere}
#account-links .badge{grid-column:3;grid-row:2;white-space:nowrap}
#account-links .card-actions{grid-column:4;grid-row:2;align-self:baseline}
@media(max-width:700px){#account-links .link-card{grid-template-columns:minmax(0,1fr) auto;column-gap:16px}#account-links .link-info > a{grid-column:1/-1}#account-links .link-click-count{grid-column:1;grid-row:4}#account-links .badge{grid-column:2;grid-row:4}#account-links .card-actions{grid-column:1/-1;grid-row:5;margin-top:8px}}



.link-detail-main,.account-main{max-width:1120px}
.account-header-link{line-height:normal;text-decoration:none}
#settings-form{max-width:640px}#settings-form label{display:block;margin:14px 0 6px}

.analytics-scroll{overflow-x:auto;max-width:100%}.analytics-scroll table{min-width:940px}.analytics-scroll td{max-width:180px;overflow-wrap:anywhere;vertical-align:top}

.analytics-period{display:flex;align-items:center;gap:16px;margin:16px 0;flex-wrap:wrap}.analytics-period select{width:auto;min-width:130px}

.analytics-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:24px 0 12px}.analytics-filters label{flex:1 1 180px;min-width:0}.analytics-filters input{display:block;width:100%;box-sizing:border-box;margin-top:8px}.analytics-filters .text-button{margin-bottom:8px}

.account-search{display:grid;grid-template-columns:minmax(0,1fr) 130px auto auto;gap:16px;align-items:end;margin:28px 0 18px}.account-search label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;font-size:12px;line-height:1.4}#account-search input,#account-search select{height:34px;min-height:34px;margin:0;padding:5px 10px;font-size:12px;line-height:22px;border:1px solid #d9d9d9;border-radius:0;background-color:#fff}#account-search select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%2352647d'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}#account-search .text-button{height:34px;margin:0;padding:5px 0;align-self:end}@media(max-width:560px){.account-search{grid-template-columns:minmax(0,1fr) auto auto;gap:12px}.account-search label:first-child{grid-column:1/-1}.account-search label:nth-child(2){max-width:150px}}

.account-sort{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0 8px}.account-sort .text-button{color:#70839f;padding:6px 0;border-bottom:1px solid transparent}.account-sort .text-button[aria-pressed="true"]{color:#1267ef;border-bottom-color:#1267ef}

.custom-dates:not([hidden]){display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:12px 0}.custom-dates label{display:flex;flex-direction:column;gap:6px;font-size:12px}.custom-dates input{width:160px;padding:6px 8px}.custom-dates .hint{margin-bottom:8px}

.period-picker{position:relative}.period-picker #period-toggle{margin:0;padding:6px 0;color:#1267ef}.period-options:not([hidden]){position:absolute;top:100%;left:0;z-index:10;display:flex;flex-direction:column;min-width:130px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 4px 12px #00000010;padding:4px}.period-options button{border:0;background:none;text-align:left;padding:8px 12px;font-size:12px;color:#52647d;white-space:nowrap}.period-options button:hover,.period-options button:focus-visible{background:#f5f7fa}.period-options button[aria-pressed="true"]{color:#1267ef}

#details-rows,#stats-rows{color:#666}

#stats-data .stats-summary{margin-bottom:0}#stats-data > h3{margin-top:40px;margin-bottom:1em}#stats-data > .hint{margin-bottom:0}

/* Compact-screen account and link pages. */
.analytics-scroll-hint{display:none}
@media(max-width:700px){
 .account-main,.link-detail-main{margin-top:28px;padding-left:16px;padding-right:16px}
 .link-detail-main .breadcrumbs li{min-width:0;max-width:100%}
 .link-detail-main .breadcrumbs li:last-child{flex:1 1 140px}
 .link-detail-main #detail-crumb{min-width:0}
 .detail-short > a{min-width:0;max-width:100%;flex:1 1 220px}
 .detail-menu{gap:20px;margin-top:28px}
 .detail-menu button{min-height:44px}
 .account-main input,.account-main select,.link-detail-main input,.link-detail-main select,#account-search input,#account-search select{font-size:16px;min-height:44px}
 #account-search .text-button,.account-sort .text-button,#account-links .card-actions > a,#account-links .card-actions > button,.analytics-period .text-button,.analytics-filters .text-button,.custom-dates .text-button,.period-options button{min-height:44px;display:inline-flex;align-items:center}
 #account-search .text-button{height:44px}
 .account-sort{gap:20px}
 .analytics-filters{gap:12px}
 .analytics-filters label{flex-basis:calc(50% - 6px)}
 .analytics-filters .text-button{margin-bottom:0}
 .custom-dates label{flex:1 1 140px;min-width:0}
 .custom-dates input{width:100%;min-width:0}
 .analytics-scroll{overscroll-behavior-x:contain}
 .analytics-scroll-hint{display:block;margin:8px 0;font-size:10px;color:#666}
 .stats-summary{gap:10px}
 .stats-summary div{padding:12px}
}
@media(max-width:380px){
 .analytics-filters label{flex-basis:100%}
 .detail-menu{gap:16px}
 .account-search{column-gap:10px}
}

/* Smaller mobile fields and visit summary cards. */
@media(max-width:700px){
 .account-main input,.account-main select,.link-detail-main input,.link-detail-main select,#account-search input,#account-search select{height:34px;min-height:34px;padding:4px 8px;line-height:24px;font-size:14px}
 #account-search select{padding-right:26px}
 .link-detail-main .stats-summary{gap:8px;margin-top:18px}
 .link-detail-main .stats-summary div{padding:8px 10px}
 .link-detail-main .stats-summary dt{font-size:12px;line-height:1.4}
 .link-detail-main .stats-summary dd{font-size:20px;line-height:1.2;margin-top:4px}
}

.creator-footer{width:100%;text-align:right;padding:20px 24px;margin-top:auto}.creator-footer a{font-size:9px;color:#1267ef;text-decoration:none}.creator-footer a:hover{text-decoration:underline}@media(max-width:700px){.creator-footer{padding:20px 16px}}

.unavailable-page{min-height:100svh;display:flex;flex-direction:column}.unavailable-main{width:100%;max-width:650px}.unavailable-main .info-back{margin-top:16px}