.surf-icon{--surf-icon-fill: #000;display:inline-block;flex-shrink:0;color:var(--surf-icon-fill);fill:var(--surf-icon-fill);stroke:none;vertical-align:middle}html[data-theme=dark] .surf-icon{--surf-icon-fill: #fff}.button.primary:not(:disabled):not([aria-disabled=true]) .surf-icon,.capture:not(:disabled):not([aria-disabled=true]) .surf-icon,.surf-cover.has-image>.surf-icon{--surf-icon-fill: #fff}.surf-cover:not(.has-image)>.surf-icon{--surf-icon-fill: #000}html[data-theme=dark] .surf-card[data-category] .surf-cover:not(.has-image)>.surf-icon{--surf-icon-fill: #fff}@media(forced-colors:active){html .surf-icon{color:ButtonText;fill:ButtonText}}html.task-screen-open{overflow:hidden}dialog.task-screen{--task-content-width: 720px;position:fixed;inset:var(--task-top, 0px) 0 auto;width:100%;max-width:none;height:var(--task-height, 100dvh);max-height:none;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;color:var(--ink);background:var(--canvas);overflow:hidden}dialog.task-screen[open]{display:flex;flex-direction:column}dialog.task-screen-wide{--task-content-width: 960px}dialog.task-screen::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.task-screen-header{flex:0 0 auto;padding-top:env(safe-area-inset-top,0px);background:var(--surface);border-bottom:1px solid var(--line)}.task-screen-header-inner{display:flex;align-items:center;gap:22px;width:100%;max-width:calc(var(--task-content-width) + 64px);margin-inline:auto;min-height:78px;padding:14px max(24px,env(safe-area-inset-right,0px)) 14px max(24px,env(safe-area-inset-left,0px))}.task-screen-header h1{margin:0;min-width:0;font-size:24px;line-height:1.25;overflow-wrap:anywhere}.task-screen-header h1:focus{outline:none}.task-screen-back{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--blue);background:var(--surface);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.task-screen-back:active{background:var(--soft, var(--canvas))}.task-screen-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-block:24px}.task-screen-content{width:100%;max-width:calc(var(--task-content-width) + 64px);margin-inline:auto;padding:30px 32px max(28px,env(safe-area-inset-bottom,0px));min-width:0}.task-screen-content>:first-child{margin-top:0}.task-screen-fluid :is(.task-screen-header-inner,.task-screen-content){max-width:none;padding-inline:max(clamp(18px,3vw,40px),env(safe-area-inset-left,0px)) max(clamp(18px,3vw,40px),env(safe-area-inset-right,0px))}.task-screen-content form{display:flex;flex-direction:column;gap:20px;min-width:0}.task-screen-content label,.task-screen-content fieldset,.task-screen-content input,.task-screen-content textarea,.task-screen-content select{min-width:0;max-width:100%}.task-screen-content input,.task-screen-content textarea,.task-screen-content select{scroll-margin-block:24px}.task-screen-content label{line-height:1.5}.task-screen-content .form-row{gap:20px}.task-screen .dialog-actions{position:static;margin:10px 0 -1px;padding:18px 0 max(18px,env(safe-area-inset-bottom,0px));background:var(--canvas);border-top:1px solid var(--line);gap:12px}.task-screen .dialog-actions .button{min-height:48px;font-size:15px}.task-screen .import-preview{max-height:min(400px,45dvh)}.task-screen>.toast{position:absolute;bottom:18px;z-index:10}dialog.task-screen[data-compact=true] .task-screen-header-inner{min-height:56px;padding-block:6px}dialog.task-screen[data-compact=true] .task-screen-header h1{font-size:20px}dialog.task-screen[data-compact=true] .task-screen-content{padding-top:16px}@media(max-width:700px){.task-screen-header-inner{min-height:72px;gap:14px;padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px))}.task-screen-header h1{font-size:20px}.task-screen-back{padding:10px;min-width:44px;border:0;background:transparent}.task-screen-back span{display:none}.task-screen-back:after{content:none}.task-screen-content{padding:22px max(18px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}.task-screen-content .form-row{grid-template-columns:minmax(0,1fr);gap:18px}.task-screen .dialog-actions{flex-wrap:wrap;gap:10px}.task-screen .dialog-actions .button{flex:1 1 auto;min-width:0;white-space:normal}}@media(max-width:900px),(pointer:coarse){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}}.task-screen-content>p{margin-bottom:22px}.task-screen input[type=checkbox],.task-screen input[type=radio]{padding:0;width:20px;height:20px;min-height:20px;flex-shrink:0}.task-screen .checkbox-row{min-height:44px}.task-screen .color-options{gap:4px}.task-screen .color-option{width:44px;height:44px;flex:0 0 44px;border-width:6px}.workspace-task-host{display:none}html.workspace-task-open:is(.viewer-has-master,.viewer-route-active){--viewer-master-width: 100vw}.workspace-task-open:is(.viewer-has-master,.viewer-route-active) .workspace{width:100%}.workspace-task-open .workspace-main>.app-content{visibility:hidden;pointer-events:none}.workspace-task-open .workspace-task-host{position:fixed;display:flex;left:var(--workspace-task-left, 0px);top:var(--workspace-task-top, 64px);width:var(--workspace-task-width, 100%);height:var(--workspace-task-height, calc(100dvh - 64px) );min-width:0;min-height:0;z-index:30;overflow:hidden;background:var(--canvas)}.workspace-task-screen{--task-content-width: 720px;display:flex;flex-direction:column;position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;color:var(--ink);background:var(--canvas);overflow:hidden;container-type:inline-size;container-name:workspace-task}.workspace-task-screen.task-screen-wide{--task-content-width: 960px}.workspace-task-screen[aria-hidden=true]{visibility:hidden}.workspace-task-screen .task-screen-header{padding-top:0}.workspace-task-screen :is(.task-screen-header-inner,.task-screen-content){width:100%;max-width:none}.workspace-task-screen[data-compact=true] .task-screen-header-inner{min-height:56px;padding-block:6px}.workspace-task-screen[data-compact=true] .task-screen-content{padding-top:16px}@container workspace-task (max-width: 620px){.task-screen-header-inner{min-height:64px;gap:12px;padding:10px 16px}.task-screen-header h1{font-size:20px}.task-screen-content{padding:22px 18px max(24px,env(safe-area-inset-bottom,0px))}.task-screen-content .form-row{grid-template-columns:minmax(0,1fr)}.task-screen .dialog-actions{flex-wrap:wrap}.task-screen .dialog-actions .button{flex:1 1 auto;min-width:0;white-space:normal}}.link-preview-card{display:grid;grid-template-columns:176px minmax(0,1fr);min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.link-preview-media{position:relative;display:grid;place-items:center;min-height:136px;background:var(--soft, var(--canvas));color:var(--muted)}.link-preview-media>img,.link-preview-media>.image-fallback{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}.link-preview-info{padding:18px 20px;min-width:0}.link-preview-domain{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:var(--muted);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.link-preview-domain>img,.link-preview-domain>.image-fallback{width:18px;height:18px;border-radius:3px;object-fit:contain;flex:0 0 auto}.link-preview-domain svg{flex:0 0 auto}.link-preview-info>strong{display:block;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.link-preview-info>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55;overflow-wrap:anywhere}.link-preview-status{display:flex;align-items:flex-start;gap:7px;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.5}.link-preview-status svg{flex:0 0 auto;margin-top:1px}.link-preview-retry{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:4px;padding-inline:0;font-size:13px}@media(max-width:540px){.link-preview-card{grid-template-columns:76px minmax(0,1fr)}.link-preview-media{min-height:120px}.link-preview-media>img,.link-preview-media>.image-fallback{min-height:0}.link-preview-info{padding:14px}.link-preview-info>strong{font-size:15px}}.bookmark-capture-options>summary{min-height:48px;padding-block:12px;border-top:1px solid var(--line);color:var(--ink);font-weight:600;line-height:1.5;cursor:pointer}.bookmark-capture-options[open]>summary{margin-bottom:14px}.capture-page--extension{color:var(--ink);background:var(--paper);min-height:100dvh;padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.capture-page--extension>header{max-width:880px;min-height:72px;padding-block:12px;gap:12px}.capture-page--extension .capture-panel{width:100%;max-width:680px;margin:12px auto 0;padding:24px;border-color:var(--line);background:var(--surface);border-radius:16px;min-width:0}.capture-page--extension .capture-heading{margin-bottom:10px}.capture-page--extension .capture-heading h1{font-size:23px;line-height:1.25}.capture-page--extension .capture-panel form{display:grid;gap:16px;margin-top:20px}.capture-page--extension .capture-panel form>label{display:grid;gap:8px;margin:0;min-width:0}.capture-page--extension :is(input,select,textarea){width:100%;min-width:0;font-size:16px;line-height:1.45}.capture-page--extension :is(input,select),.capture-page--extension .button{min-height:48px}.capture-page--extension .capture-source{border-color:var(--line);background:var(--soft)}.capture-page--extension .capture-panel .privacy-note{margin:0;padding:10px 12px;border:1px solid var(--line);background:var(--soft);color:var(--muted);flex-wrap:nowrap}.capture-page--extension .capture-panel :is(p,small){overflow-wrap:anywhere}@media(max-width:600px){.capture-page--extension .capture-panel{border:0;padding:16px 0;margin-top:0}.capture-page--extension>header{min-height:64px}}.download-page{width:min(calc(100% - 2 * var(--public-gutter)),var(--public-width));margin-inline:auto;padding-block:clamp(32px,5vw,64px) 64px;min-width:0}.download-intro{max-width:760px;margin-bottom:36px}.download-intro .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent)}.download-intro h1{margin:16px 0;font-size:clamp(32px,4.2vw,48px);line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}.download-intro>p{margin:0;max-width:660px;color:var(--muted);font-size:17px;line-height:1.65}.download-device-hint{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:44px;margin-top:18px;color:var(--blue);font-size:14px;font-weight:600}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.download-card{display:flex;flex-direction:column;gap:22px;min-width:0;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);scroll-margin-top:110px}.download-card[data-recommended]{border-color:var(--selected-line);box-shadow:0 0 0 1px var(--selected-line)}.download-card-heading{display:flex;align-items:flex-start;flex-wrap:wrap;gap:14px}.download-platform-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;color:var(--blue);background:var(--selected);border-radius:14px}.download-card-heading>div{flex:1 1 145px;min-width:0}.download-card h2{margin:0 0 6px;font-size:24px;line-height:1.25;overflow-wrap:anywhere}.download-status{display:inline-block;color:var(--muted);font-size:13px;line-height:1.5}.download-recommended{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:6px 9px;border-radius:8px;color:var(--blue);background:var(--selected);font-size:12px;line-height:1.4}.download-recommended svg{flex-shrink:0}.download-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}.download-specs>div{min-width:0}.download-specs dt{margin-bottom:5px;color:var(--muted);font-size:12px;line-height:1.4}.download-specs dd{margin:0;font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.download-requirements{grid-column:1 / -1}.download-delivery-note{display:flex;align-items:flex-start;gap:10px;margin:0;padding:14px;border-radius:10px;color:var(--muted);background:var(--canvas);font-size:14px;line-height:1.6}.download-delivery-note>svg{flex:0 0 19px;margin-top:2px;color:var(--blue)}.download-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:auto;padding-top:2px}.download-page .button{min-height:48px;line-height:1.4;white-space:normal;text-align:center}.download-page .button>svg{flex-shrink:0}.download-unavailable{display:inline-flex;align-items:center;gap:8px;min-height:48px;color:var(--muted);font-size:14px;line-height:1.5}.download-unavailable>svg{flex-shrink:0}.download-checksum{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--blue);font-size:13px;text-decoration:underline;text-underline-offset:3px}.download-web-fallback{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.download-web-fallback>div{flex:1 1 300px;min-width:0}.download-web-fallback h2{margin:0 0 8px;font-size:21px;line-height:1.3}.download-web-fallback p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.download-card:focus-visible,.download-page a:focus-visible,.home-download a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.footer .download-footer-link{display:inline-flex;align-items:center;min-height:44px}.home-download{margin-top:22px}.home-download-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.home-download-actions .button{min-height:44px;gap:8px;padding:10px 14px;font-size:14px;line-height:1.4;white-space:normal}.home-download-actions .button>svg{flex-shrink:0}.home-download-all{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--blue);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.home-download>p{margin:9px 0 0;max-width:420px;color:var(--muted);font-size:13px;line-height:1.55}@media(max-width:700px){.download-page{padding-block:28px 40px}.download-intro{margin-bottom:26px}.download-intro>p{font-size:16px}.download-grid{grid-template-columns:minmax(0,1fr);gap:16px}.download-card{gap:20px;padding:22px 20px;border-radius:15px}.download-card h2{font-size:23px}.download-web-fallback{padding:22px 20px;gap:16px}.download-web-fallback .button{width:100%}}@media(max-width:360px){.download-card,.download-web-fallback{padding-inline:16px}.download-card-actions .button{width:100%}}.extension-page{width:min(calc(100% - 2 * var(--public-gutter)),var(--public-width));min-width:0;margin-inline:auto;padding-block:clamp(28px,4vw,56px) 64px}.extension-page-heading{margin-bottom:28px}.extension-page-heading h1{margin:10px 0 12px;font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.03em;overflow-wrap:anywhere}.extension-page-heading>p{margin:0;color:var(--muted);font-size:17px;line-height:1.55}.extension-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:650;line-height:1.4}.browser-extensions{width:100%;min-width:0;display:grid;gap:24px;container-type:inline-size}.browser-extensions :is(h2,p){margin:0}.browser-extensions h2,.extension-intro-title{color:var(--ink);font-size:20px;line-height:1.3;font-weight:650;letter-spacing:-.015em}.browser-extensions p{font-size:14px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.extension-intro{display:flex;align-items:flex-start;gap:16px;min-width:0}.extension-intro>img{flex:0 0 48px;width:48px;height:48px;object-fit:contain}.extension-intro>div{min-width:0;display:grid;gap:8px}.extension-intro .extension-intro-title{color:var(--ink);font-size:20px;line-height:1.3}.extension-browser-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.extension-browser-picker button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:14px;line-height:1.4;font-weight:600;cursor:pointer}.extension-browser-picker button[aria-pressed=true]{border-color:var(--selected-line);background:var(--selected);color:var(--blue);box-shadow:inset 0 0 0 1px var(--selected-line)}.extension-browser-picker button svg{flex-shrink:0}.extension-browser-picker button:hover{border-color:var(--selected-line)}.extension-guide{min-width:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.extension-guide-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:22px}.extension-guide-heading>div{display:grid;gap:5px}.extension-guide-heading h2{font-size:24px;line-height:1.25}.extension-availability{display:inline-flex;align-items:center;gap:7px;max-width:100%;color:var(--muted);font-size:12px;line-height:1.4}.extension-availability svg{flex-shrink:0}.extension-package{margin-bottom:22px}.extension-steps{display:grid;gap:24px;margin:0;padding:0;list-style:none;counter-reset:extension-step}.extension-steps>li{position:relative;min-width:0;padding-left:42px;counter-increment:extension-step}.extension-steps>li:before{content:counter(extension-step);position:absolute;top:0;left:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--blue);background:var(--selected);font-size:13px;line-height:1;font-weight:650}.extension-steps strong{display:block;margin:2px 0 6px;font-size:15px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}.extension-address-block{margin-top:14px}.extension-address-label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;line-height:1.4}.extension-address{display:flex;align-items:stretch;gap:8px;min-width:0}.extension-address input{flex:1 1 0;min-width:0;width:100%;min-height:44px;font-size:16px}.extension-address .button{flex-shrink:0;min-height:44px}.extension-address-block .extension-copy-status{margin-top:7px;font-size:12px;line-height:1.5}.extension-support-note{padding:14px 16px;border-radius:10px;border:1px solid var(--line);background:var(--soft)}.extension-guide>.extension-support-note{margin-bottom:22px}.extension-guide>.extension-steps+.extension-support-note{margin-block:22px 0}.extension-official-link,.download-extension-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;color:var(--blue);font-size:14px;line-height:1.4;font-weight:600}.extension-official-link{margin-top:20px}.extension-save-flow,.extension-mobile-note{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px}.extension-save-flow>svg,.extension-mobile-note>svg{flex-shrink:0;color:var(--blue)}.extension-save-flow>div,.extension-mobile-note>div{display:grid;gap:9px;min-width:0}.extension-save-flow h2,.extension-mobile-note h2{font-size:17px;line-height:1.4}.extension-mobile-note .button{justify-self:start;margin-top:5px;white-space:normal}.extension-privacy-note{display:flex;align-items:flex-start;gap:9px}.extension-privacy-note>svg{flex:0 0 18px;margin-top:2px;color:var(--muted)}.extension-privacy-note span{min-width:0}.download-extension-link>svg{flex-shrink:0}@media(max-width:600px){.extension-browser-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-steps>li{padding-left:36px}.extension-address{flex-wrap:wrap}.extension-address input{flex-basis:100%}.extension-intro{gap:12px}}@container (max-width: 520px){.extension-browser-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.extension-address{flex-wrap:wrap}.extension-address input{flex-basis:100%}}.viewer-has-master .browser-extensions .extension-browser-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-has-master .browser-extensions .extension-address{flex-wrap:wrap}.viewer-has-master .browser-extensions .extension-address input{flex-basis:100%}.extension-privacy{width:min(calc(100% - 2 * var(--public-gutter)),72ch);min-width:0;margin-inline:auto;padding-block:28px 56px;color:var(--ink);overflow-wrap:anywhere}.extension-privacy a,.extension-privacy a:visited{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.extension-privacy a:hover{color:var(--ink);text-decoration-thickness:2px}.extension-privacy a:focus-visible{color:var(--ink);outline:2px solid currentColor;outline-offset:3px}.extension-privacy-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:20px}.extension-privacy header{margin-bottom:32px}.extension-privacy-eyebrow{color:var(--muted);font-size:13px;font-weight:650;letter-spacing:.04em}.extension-privacy h1{margin:8px 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-.025em}.extension-privacy section+section{margin-top:28px}.extension-privacy h2{margin:0 0 10px;font-size:20px;line-height:1.35;letter-spacing:-.01em}.extension-privacy p{margin:0;font-size:16px;line-height:1.65}.extension-privacy p+p{margin-top:12px}.extension-privacy-footer{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line)}.extension-privacy-footer a{display:inline-flex;align-items:center;min-height:44px}.desktop-radio{position:fixed;inset:auto 0 0;z-index:45;display:grid;grid-template-columns:160px 48px minmax(0,1fr) 172px;grid-template-areas:"brand play now volume";align-items:center;column-gap:20px;min-height:82px;padding:12px 28px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));color:var(--ink);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 24px #0d3f6e06}.desktop-radio audio{display:none}.desktop-radio__brand{grid-area:brand;display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;border-radius:8px;align-self:stretch}.desktop-radio__brand:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.desktop-radio__brand img{display:block;width:126px;height:50px;object-fit:contain;filter:brightness(0);transform:translateY(-3px)}html[data-theme=dark] .desktop-radio__brand img{filter:brightness(0) invert(1)}.desktop-radio :is(.desktop-radio__play,.desktop-radio__mute){display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.desktop-radio .desktop-radio__play{grid-area:play;width:48px;height:48px;color:#fff;background:var(--primary)}.desktop-radio .desktop-radio__play:hover{background:var(--primary-hover)}.desktop-radio .desktop-radio__play:active{box-shadow:inset 0 0 0 2px #ffffff40}.desktop-radio .desktop-radio__mute{color:var(--muted);background:transparent}.desktop-radio .desktop-radio__mute:hover{color:var(--ink);background:var(--canvas)}.desktop-radio button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.desktop-radio__now{grid-area:now;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.3}.desktop-radio__station{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:11px;line-height:1.4}.desktop-radio__station>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-radio__signal{display:grid;place-items:center;width:12px;height:12px;flex:0 0 12px}.desktop-radio__signal>span{width:5px;height:5px;background:var(--muted);border-radius:50%}.desktop-radio__signal.is-live>span{background:#26816b}html[data-theme=dark] .desktop-radio__signal.is-live>span{background:#76d9b2}.desktop-radio__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;line-height:1.35}.radio-marquee{display:block;min-width:0;width:100%;overflow:hidden}.radio-marquee>span{display:inline-block;width:max-content;max-width:none;white-space:nowrap}.radio-marquee.is-overflowing>span{animation:radio-text-scroll var(--radio-text-duration) ease-in-out infinite alternate}.desktop-radio:hover .radio-marquee>span,.desktop-radio:focus-within .radio-marquee>span{animation-play-state:paused}@supports selector(:has(:focus-visible)){.desktop-radio:not(:hover):not(:has(:focus-visible)) .radio-marquee>span{animation-play-state:running}}@keyframes radio-text-scroll{0%,18%{transform:translate(0)}82%,to{transform:translate(calc(-1 * var(--radio-text-distance)))}}.desktop-radio__artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;line-height:1.35}.desktop-radio__volume{display:flex;align-items:center;gap:6px}.desktop-radio__volume--inline{grid-area:volume}.desktop-radio__volume-menu{display:none;grid-area:volume}.desktop-radio .desktop-radio__volume-toggle{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;cursor:pointer;padding:0;min-height:44px;border:0;background:transparent;grid-area:volume;color:var(--muted)}.desktop-radio .desktop-radio__volume-toggle:hover,.desktop-radio .desktop-radio__volume-toggle[aria-expanded=true]{color:var(--ink);background:var(--canvas)}.desktop-radio .desktop-radio__volume-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.desktop-radio__volume-popover{grid-column:1 / -1;grid-row:2;justify-content:flex-end;margin-top:8px;padding-top:6px;border-top:1px solid var(--line)}.desktop-radio__volume input[type=range]{appearance:auto;-webkit-appearance:auto;accent-color:var(--blue);width:110px;min-width:0;height:44px;min-height:44px;margin:0;padding:0;border:none;border-radius:4px;box-shadow:none;background:transparent;cursor:pointer}.desktop-radio__volume input[type=range]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:none}html.desktop-radio-active body{padding-bottom:var(--desktop-radio-height)}html.desktop-radio-active .workspace{min-height:calc(100dvh - var(--desktop-radio-height))}html.desktop-radio-active .sidebar{bottom:var(--desktop-radio-height)}html.desktop-radio-active :is(.viewer-pane,.viewer-route,.sidebar-backdrop){bottom:var(--desktop-radio-height)}html.desktop-radio-active .app-content{min-height:calc(100dvh - 64px - var(--desktop-radio-height))}html.desktop-radio-active .mobile-nav{bottom:var(--desktop-radio-height)}html.desktop-radio-active:is(.viewer-has-master,.viewer-route-active) :is(.workspace,.workspace-main){height:calc(100dvh - var(--desktop-radio-height))}html.desktop-radio-active:is(.viewer-has-master,.viewer-route-active) .app-content{min-height:0}@media(max-width:760px){.desktop-radio{grid-template-columns:88px minmax(0,1fr) 44px 44px;grid-template-areas:"brand now play volume";column-gap:16px;padding:10px 20px max(10px,env(safe-area-inset-bottom,0px));min-height:72px}.desktop-radio__brand img{width:84px;height:36px;transform:translateY(-2px)}.desktop-radio .desktop-radio__play{width:44px;height:44px}.desktop-radio__volume--inline{display:none}.desktop-radio__volume-menu{display:contents}.desktop-radio__station{font-size:12px}.desktop-radio[data-status=idle] .desktop-radio__title{display:none}.desktop-radio[data-status=idle] .desktop-radio__station>span:last-child{white-space:normal;text-overflow:clip}.desktop-radio[data-status=idle] .desktop-radio__signal{display:none}.desktop-radio[data-has-track=true] .desktop-radio__station{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media(max-width:440px){.desktop-radio{grid-template-columns:72px minmax(0,1fr) 44px 44px;column-gap:16px;padding-inline:20px}.desktop-radio__brand img{width:72px;height:32px}.desktop-radio__title{font-size:14px}.desktop-radio__artist{font-size:12px}}@media(prefers-reduced-motion:reduce){.radio-marquee.is-overflowing>span{animation:none}.desktop-radio .spin{animation:none}.desktop-radio button{transition:none}}@media(forced-colors:active){.desktop-radio :is(.desktop-radio__play,.desktop-radio__mute){border:1px solid ButtonText}.desktop-radio__brand img{filter:none;background:#000}}.radio-station-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:76px;margin-top:14px;padding:12px 20px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:12px;cursor:pointer}.radio-station-shortcut img{display:block;width:112px;height:44px;object-fit:contain;filter:brightness(0);transform:translateY(-3px)}html[data-theme=dark] .radio-station-shortcut img{filter:brightness(0) invert(1)}.radio-station-shortcut:hover{background:var(--soft);color:var(--ink)}.radio-station-shortcut:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.radio-station-shortcut:disabled{cursor:progress;opacity:.75}@media(prefers-reduced-motion:reduce){.radio-station-shortcut .spin{animation:none}}.library-page{min-width:0}.library-page .library-heading{gap:20px}.library-page .library-heading>div{min-width:0}.library-page .library-heading h1,.library-page .library-heading p{overflow-wrap:anywhere}.library-page .library-heading .button{white-space:normal;min-width:0}.library-page .library-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-block:12px;margin-bottom:12px}.library-page .library-toolbar .toolbar-left,.library-page .library-toolbar .toolbar-right{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:8px}.library-page .library-toolbar .toolbar-count{color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.library-page .library-toolbar .button{min-height:44px;max-width:100%;padding:9px 13px;white-space:normal;font-size:13px;line-height:1.35}.library-page .library-selection-done{color:var(--blue);background:var(--selected);border-color:transparent}.library-page .view-switch{display:flex;flex-shrink:0}.library-page .view-switch button{min-width:44px;min-height:44px}.library-page .library-selection-help{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.5}.library-page .library-bulk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px;margin:0 0 18px}.library-page .library-bulk-actions .button,.library-page .library-bulk-actions select{width:auto;min-width:0;min-height:44px;max-width:100%;margin:0;background:var(--surface);color:var(--ink);border-color:var(--line);font-size:14px;line-height:1.4;white-space:normal}.library-page .library-bulk-actions select{flex:1 1 180px;padding-inline:12px 30px;text-overflow:ellipsis}.library-page .library-bulk-actions .library-bulk-trash{color:var(--danger)}.library-page .bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));gap:18px}.library-page .bookmark-card{border-color:var(--line);border-radius:15px;outline:none;overflow:hidden}.library-page .bookmark-card.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.library-page .bookmark-preview{background:var(--soft)}.library-page .bookmark-preview>.image-fallback{background:var(--soft);color:var(--muted)}.library-page .bookmark-body{min-width:0;padding:12px 16px 14px}.library-page .library-card-heading{display:flex;align-items:center;min-width:0;gap:4px;margin-bottom:5px}.library-page .library-card-heading .card-domain{flex:1;min-width:0;flex-wrap:wrap;gap:5px 7px;padding:0;margin:0;color:var(--muted);font-size:12px;line-height:1.4}.library-page .library-card-heading .favicon{flex-shrink:0}.library-page .library-domain-name{max-width:calc(100% - 24px)}.library-page .card-domain .metadata-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:10px}.library-page .bookmark-card .card-menu{position:static;flex:0 0 44px;width:44px;height:44px;margin:0 -6px 0 0;border:0;border-radius:50%;background:transparent;color:var(--muted)}.library-page .bookmark-body h2{padding:0;margin:0 0 6px;color:var(--ink);font-size:16px;line-height:1.45;overflow-wrap:anywhere}.library-page .bookmark-body h2 a{color:inherit}.library-page .bookmark-body>p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.5}.library-page .bookmark-card .card-bottom{gap:6px;padding-top:8px;border-color:var(--line);min-height:44px}.library-page .bookmark-card .card-bottom .icon-button{flex:0 0 44px;width:44px;height:44px;border-radius:50%}.library-page .card-bottom .is-favorite{color:var(--accent)}.library-page .library-select-item{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:50%;color:var(--blue);background:transparent;cursor:pointer}.library-page .library-check-circle{display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--muted);border-radius:50%;background:var(--surface)}.library-page .library-select-item[aria-pressed=true] .library-check-circle{color:var(--surface);background:var(--blue);border-color:var(--blue)}.library-page .library-selection-title{display:block;width:100%;min-height:44px;padding:0;border:0;border-radius:5px;color:inherit;background:transparent;font:inherit;text-align:start;overflow-wrap:anywhere;cursor:pointer}.library-page .library-select-item:focus-visible,.library-page .library-selection-title:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.library-page .bookmark-list{display:grid;gap:0}.library-page .bookmark-list .bookmark-card{grid-template-columns:92px minmax(0,1fr);gap:18px;min-height:0;padding:16px 0;border-width:0 0 1px;border-radius:0;box-shadow:none;overflow:visible}.library-page .bookmark-list .bookmark-card.selected{border-radius:12px;background:var(--selected);box-shadow:inset 3px 0 0 var(--blue)}.library-page .bookmark-list .bookmark-preview{align-self:start;width:100%;height:92px;min-height:0;border-radius:10px;margin-top:7px}.library-page .bookmark-list .bookmark-body{padding:0}.library-page .bookmark-list .bookmark-body h2{font-size:16px;padding:0}.library-page .bookmark-list .card-bottom{padding-top:0;border:0}@media(hover:hover){.library-page .card-menu:hover,.library-page .library-select-item:hover{background:var(--selected);color:var(--blue)}}@media(max-width:600px){.library-page .library-toolbar .toolbar-right{gap:6px;margin-left:auto}.library-page.is-selecting .library-toolbar .toolbar-left{width:100%}.library-page.is-selecting .library-toolbar .toolbar-right{width:100%;margin:0}.library-page.is-selecting .library-select-all{flex:1}.library-page .library-bulk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.library-page .library-bulk-actions .button,.library-page .library-bulk-actions select{width:100%;padding:10px;font-size:14px}.library-page .library-bulk-actions select{grid-column:1 / -1;grid-row:2;font-size:16px;padding-right:30px}.library-page .bookmark-list .bookmark-card{grid-template-columns:64px minmax(0,1fr);gap:12px;padding-block:14px}.library-page .bookmark-list .bookmark-preview{height:72px;margin-top:6px}.library-page .bookmark-list .bookmark-body h2{font-size:15px}.library-page .bookmark-list .card-domain{font-size:11px}}.privacy-note.email-verification-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 12px}.email-verification-note>.email-verification-actions{grid-column:2}.email-verification-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0}.email-verification-actions>button{min-width:0;min-height:44px;margin:0;white-space:normal;line-height:1.4;text-align:center}.email-verification-actions>.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.email-verification-actions>button>svg{flex-shrink:0}.email-verification-status{flex-basis:100%;margin:0;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}.account-settings .settings-section>.email-verification-actions{margin-bottom:20px}.email-verification-publish{display:grid;gap:12px;margin-block:16px}.surf-stop-picker{display:grid;gap:20px;min-width:0;color:var(--ink)}.surf-stop-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;background:var(--canvas);border:1px solid var(--line);border-radius:14px}.surf-stop-sources button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 14px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:9px;font:inherit;font-weight:600;line-height:1.4;overflow-wrap:normal;word-break:normal}.surf-stop-sources button svg{flex-shrink:0}.surf-stop-sources button.is-active{color:var(--blue);border-color:var(--line);background:var(--surface);box-shadow:0 1px 3px #00000008}.surf-stop-picker .surf-stop-explainer,.surf-stop-picker .surf-stop-url-hint,.surf-stop-picker .surf-stop-footer>p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.surf-stop-filters{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}.surf-stop-filters>label,.surf-stop-manual>label{min-width:0}.surf-stop-picker input,.surf-stop-picker textarea,.surf-stop-picker select{min-width:0;max-width:100%;min-height:48px;font-size:16px;line-height:1.5}.surf-stop-search{display:flex;align-items:center;min-width:0;gap:10px;padding-inline:13px}.surf-stop-search>svg{flex-shrink:0;color:var(--muted)}.surf-stop-search>input{flex:1;min-width:0;padding-inline:0}.surf-stop-results{min-width:0}.surf-stop-results>ul{max-height:min(48dvh,28rem);overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.surf-stop-results>ul>li{min-width:0}.surf-stop-result{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:78px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-align:start;font:inherit;line-height:1.45}.surf-stop-result:hover:not(:disabled){border-color:var(--blue)}.surf-stop-result.is-selected{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--surface))}.surf-stop-result:disabled{opacity:.55}.surf-stop-result:disabled.is-selected{opacity:1}.surf-stop-result-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted)}.surf-stop-result-icon>img{width:22px;height:22px;object-fit:contain}.surf-stop-result-icon>.image-fallback{width:100%;height:100%}.surf-stop-result-icon svg{width:18px;height:18px}.surf-stop-result-content{display:grid;gap:4px;min-width:0;flex:1}.surf-stop-result-content>strong{font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.surf-stop-result-details{display:flex;flex-wrap:wrap;gap:4px 12px;min-width:0;color:var(--muted);font-size:12px}.surf-stop-result-details>span{min-width:0;overflow-wrap:anywhere}.surf-stop-result-directory{display:inline-flex;align-items:center;gap:4px}.surf-stop-result-directory svg{flex-shrink:0}.surf-stop-picker .surf-stop-duplicate{color:var(--blue);font-size:12px;font-weight:500}.surf-stop-selection{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:28px;min-height:28px;border:1px solid var(--line);border-radius:50%;color:var(--blue);background:var(--surface);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.surf-stop-result.is-selected .surf-stop-selection{color:var(--surface);background:var(--blue);border-color:var(--blue)}.surf-stop-load-more{width:100%;margin-top:12px}.surf-stop-empty{display:grid;justify-items:center;gap:12px;padding:30px 20px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}.surf-stop-empty>h2{margin:0;color:var(--ink);font-size:17px;line-height:1.4}.surf-stop-empty>p{margin:0;max-width:40ch;font-size:14px;line-height:1.55}.surf-stop-selected{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);min-width:0}.surf-stop-selected>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px}.surf-stop-selected>div>strong{font-size:14px;line-height:1.4}.surf-stop-selected>p{margin:4px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}.surf-stop-selected>ol{max-height:12rem;overflow-y:auto;scroll-padding-block:8px;margin:0;padding-inline-start:24px}.surf-stop-selected li{padding-inline-start:3px;color:var(--blue);font-size:13px}.surf-stop-selected li>span{display:inline-block;max-width:calc(100% - 48px);vertical-align:middle;color:var(--ink);overflow-wrap:anywhere;line-height:1.5}.surf-stop-selected li>.icon-button{margin-inline-start:4px;min-height:44px;min-width:44px;vertical-align:middle}.surf-stop-repeat-note{display:flex;align-items:flex-start;gap:9px;margin:0;padding:12px 14px;color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--surface));border-radius:10px;font-size:14px;line-height:1.5}.surf-stop-repeat-note>svg{flex-shrink:0;margin-top:2px}.surf-stop-footer{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--line)}.surf-stop-footer .dialog-actions{margin:0}.surf-stop-footer .button{min-height:48px;line-height:1.4;white-space:normal;word-break:normal}.surf-stop-picker .surf-stop-manual{max-width:660px;width:100%;justify-self:center;display:grid;gap:18px}.surf-stop-manual .surf-stop-url-hint{margin-top:-12px}@media(max-width:560px){.surf-stop-picker{gap:18px}.surf-stop-sources{gap:4px}.surf-stop-sources button{flex-direction:column;gap:6px;padding:10px 8px;font-size:14px}.surf-stop-filters{grid-template-columns:minmax(0,1fr);gap:14px}.surf-stop-result{gap:10px;padding:12px 10px}.surf-stop-result-content>strong{font-size:14px}.surf-stop-result-icon{width:30px;height:30px;border-radius:8px}.surf-stop-selected{padding:13px}.surf-stop-footer .dialog-actions{display:grid;grid-template-columns:minmax(0,1fr)}.surf-stop-footer .dialog-actions>.primary{order:-1}}.surf-stop-picker .surf-stop-search>input{padding-inline:0}.surf-share-content{display:grid;gap:20px;min-width:0}.surf-share-preview{display:flex;align-items:flex-start;gap:16px;min-width:0;padding-block:8px 16px}.surf-share-preview>div{min-width:0}.surf-share-mark{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:16px;color:var(--blue);background:var(--tint-blue)}.surf-share-origin{font-size:.8rem;color:var(--muted)}.surf-share-preview h2{margin:5px 0 8px;font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.35;overflow-wrap:anywhere}.surf-share-preview p{margin:0;color:var(--muted);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.surf-share-private{display:flex;align-items:flex-start;gap:10px;margin:0;line-height:1.6}.surf-share-private svg{flex-shrink:0;margin-top:3px}.surf-share-address{display:flex;align-items:center;gap:10px;padding:6px 16px;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}.surf-share-address svg{flex:0 0 18px;display:block;color:var(--muted)}.surf-share-address input{min-width:0;min-height:44px;width:100%;padding:0;border:0;background:transparent;color:var(--ink);font-size:16px;line-height:1.6;-webkit-user-select:all;user-select:all}.surf-share-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}.surf-share-actions>button{min-height:52px;min-width:0;white-space:normal;line-height:1.4}.surf-share-actions svg{flex-shrink:0}.surf-share-help{margin:0;color:var(--muted);font-size:.875rem;line-height:1.6}.surf-share-status{margin:0;min-height:1.5em;color:var(--blue);font-size:.875rem;line-height:1.6}.surf-player-heading{min-width:0}.surf-player-heading h1{overflow-wrap:anywhere}.surf-player-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:5px}@media(max-width:520px){.surf-player .player-header{gap:8px}.surf-player-header-actions{gap:2px}.surf-player-header-actions .icon-button{width:44px;min-width:44px;min-height:44px;padding:8px}.surf-player .surf-player-heading h1{font-size:1rem;line-height:1.4}.surf-player .surf-player-heading>span{display:none}.surf-share-preview{gap:12px}}.bookmark-preview-link{display:block;width:100%;height:100%}.bookmark-preview-link:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}.surf-player-canvas.surf-overview-canvas{overflow-y:auto;overscroll-behavior:contain;background:var(--surface);color:var(--ink);scrollbar-gutter:stable}.surf-overview{width:100%;min-width:0;padding:clamp(20px,3%,40px);padding-bottom:40px;text-align:start}.surf-overview-brand-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:clamp(28px,4vw,48px)}.surf-overview-brand{width:172px;max-width:60%;height:auto;display:block}.surf-overview-page{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.4;color:var(--muted)}.surf-overview-page>span{color:var(--blue);font-variant-numeric:tabular-nums;font-weight:650}.surf-overview-hero{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}.surf-overview-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:650;line-height:1.4;letter-spacing:.04em}.surf-overview-hero h2{margin:0;max-width:24ch;font-size:clamp(28px,3.4vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}.surf-overview-hero h2:focus{outline:none}.surf-overview-description{margin:0;max-width:66ch;font-size:16px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;white-space:pre-line}.surf-overview-start{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:8px}.surf-overview-start>.button{min-height:48px;gap:12px;font-size:15px;line-height:1.4}.surf-overview-start>span{font-size:14px;color:var(--muted)}.surf-overview-index-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px}.surf-overview-index-heading h3{margin:0;font-size:17px;line-height:1.35;letter-spacing:-.01em}.surf-overview-index-heading>span{font-size:13px;line-height:1.45;color:var(--muted)}.surf-overview-sites{margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:14px;overflow:hidden}.surf-overview-sites>li+li{border-top:1px solid var(--line)}.surf-overview-entry{display:grid;grid-template-columns:24px 36px minmax(0,1fr);align-items:start;gap:12px;width:100%;min-height:76px;padding:18px 16px;margin:0;border:0;border-radius:0;background:var(--surface);color:var(--ink);text-align:start;font:inherit;cursor:pointer;box-shadow:none;transform:none;transition:background-color .14s}.surf-overview-entry:hover{background:var(--soft);transform:none;box-shadow:none}.surf-overview-entry:focus-visible{outline:2px solid var(--focus);outline-offset:-3px;background:var(--soft)}.surf-overview-number{padding-top:8px;font-size:12px;line-height:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted)}.surf-overview-favicon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--soft);color:var(--muted)}.surf-overview-favicon img{width:22px;height:22px;object-fit:contain;border-radius:3px}.surf-overview-favicon .image-fallback{display:flex;align-items:center;justify-content:center;min-height:0;background:transparent}.surf-overview-favicon .image-fallback svg{width:20px;height:20px}.surf-overview-entry-text{display:flex;flex-direction:column;min-width:0;gap:5px;padding-top:6px}.surf-overview-entry-title{font-size:15px;line-height:1.4;font-weight:650;overflow-wrap:anywhere}.surf-overview-entry-description{font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;white-space:pre-line}.surf-overview-empty{padding:20px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:15px;line-height:1.5}.surf-overview-author{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.surf-overview-author-mark{display:flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--selected);color:var(--blue);font-size:17px;font-weight:650}.surf-overview-author>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;min-width:0;font-size:13px;line-height:1.45;color:var(--muted)}.surf-overview-author strong{font-size:14px;color:var(--ink);overflow-wrap:anywhere}.surf-overview-username{overflow-wrap:anywhere}@media(max-width:480px){.surf-overview-entry{grid-template-columns:20px 30px minmax(0,1fr);gap:8px;padding:15px 12px}.surf-overview-favicon{width:30px;height:34px}.surf-overview-number,.surf-overview-entry-text{padding-top:4px}}@media(prefers-reduced-motion:reduce){.surf-overview-entry{transition:none}}@media(forced-colors:active){.surf-overview-entry:focus-visible{outline-color:Highlight}}.surf-web-page{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--surface);color:var(--ink)}.surf-web-page-frame{flex:1 1 0;min-width:0;min-height:0}.surf-web-page-frame[hidden]{display:none}.surf-web-page-frame>iframe{display:block;width:100%;height:100%;border:0;background:var(--surface)}.surf-web-page .button>svg,.surf-web-page-domain>svg{flex:none}.surf-web-page-help{display:flex;flex:1 1 0;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:clamp(16px,5%,36px);background:var(--soft)}.surf-web-page-card{width:min(100%,480px);min-width:0;margin:auto;padding:clamp(20px,5%,32px);border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:center;box-shadow:0 12px 36px #0000000d}.surf-web-page-brand{display:block;width:48px;height:48px;margin:0 auto 20px;object-fit:contain}.surf-web-page-card>h2{margin:0;font-size:clamp(22px,2.5vw,28px);line-height:1.25;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}.surf-web-page-card>h2:focus{outline:none}.surf-web-page-site{display:flex;flex-direction:column;align-items:center;min-width:0;gap:6px;margin:20px 0 14px}.surf-web-page-domain{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--blue);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.surf-web-page-site>p{margin:0;max-width:100%;font-size:15px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}.surf-web-page-explanation{margin:0;color:var(--muted);font-size:15px;line-height:1.55;overflow-wrap:anywhere}.surf-web-page-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.surf-web-page-actions>.button{flex:1 1 170px;min-width:0;max-width:100%;min-height:48px;padding:12px 16px;gap:8px;font-size:14px;line-height:1.4;text-align:center;white-space:normal}.surf-web-page-actions>.surf-web-page-open{flex-basis:100%}.surf-toolbar{--surf-toolbar-control-size: 48px;position:static;flex:none;width:100%;min-width:0;margin:0;padding:8px 16px;border:0;background:var(--surface);color:var(--ink);box-shadow:none}.surf-toolbar-inner{display:block;width:100%;min-width:0}.surf-toolbar-navigation{display:grid;grid-template-columns:var(--surf-toolbar-control-size) minmax(0,1fr) var(--surf-toolbar-control-size);align-items:center;gap:4px;min-width:0;width:100%;height:calc(var(--surf-toolbar-control-size) + 8px);padding:4px;border:0;border-radius:14px;background:var(--soft)}.surf-toolbar .surf-toolbar-control.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--surf-toolbar-control-size);min-width:var(--surf-toolbar-control-size);height:var(--surf-toolbar-control-size);min-height:var(--surf-toolbar-control-size);margin:0;padding:10px;border:0;border-radius:11px;background:transparent;color:var(--blue);box-shadow:none;transform:none}.surf-toolbar .surf-toolbar-control.icon-button:hover:not(:disabled){background:var(--selected);color:var(--blue);box-shadow:none;transform:none}.surf-toolbar .surf-toolbar-control.icon-button:active{transform:none}.surf-toolbar .surf-toolbar-control.icon-button:disabled{background:transparent;color:var(--muted);cursor:default;opacity:.45;box-shadow:none}.surf-toolbar .surf-toolbar-control.icon-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.surf-toolbar .surf-toolbar-control>svg{flex:none}.surf-toolbar .surf-toolbar-selector{position:relative;width:100%;min-width:0;height:var(--surf-toolbar-control-size);border:1px solid transparent;border-radius:10px;background:transparent}.surf-toolbar .surf-toolbar-selector>select{display:block;width:100%;min-width:0;height:100%;min-height:0;margin:0;padding:8px 44px 8px 12px;padding-inline:12px 44px;border:0;border-radius:9px;appearance:none;-webkit-appearance:none;background:transparent;background-image:none;color:var(--blue);font:inherit;font-size:16px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;box-shadow:none;transform:none}.surf-toolbar .surf-toolbar-selector>select:is(:focus,:focus-visible){outline:none;outline-offset:0;border:0;box-shadow:none;transform:none}.surf-toolbar .surf-toolbar-selector:focus-within{border-color:var(--focus);background:var(--surface);outline:none;box-shadow:var(--field-focus-shadow, 0 0 0 2px rgb(8 87 154 / 18%))}.surf-toolbar .surf-toolbar-selector>svg{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}@media(max-width:600px){.surf-toolbar{padding:8px}}@media(forced-colors:active){.surf-toolbar .surf-toolbar-selector:focus-within{border-color:transparent;box-shadow:none}.surf-toolbar .surf-toolbar-selector>select:focus-visible,.surf-toolbar .surf-toolbar-control.icon-button:focus-visible{outline:2px solid Highlight;outline-offset:0}}@media(prefers-reduced-motion:reduce){.surf-toolbar .surf-toolbar-control,.surf-toolbar .surf-toolbar-selector>select{transition:none}}.community-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}.community-heading>div{max-width:720px;min-width:0}.community-heading .eyebrow,.public-directory-heading .eyebrow{display:flex;align-items:center;gap:9px}.community-heading h1,.public-directory-heading h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-.04em;margin:16px 0;overflow-wrap:anywhere}.community-heading p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}.community-heading>.button{flex-shrink:0}.discovery-controls{padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:32px}.community-search{max-width:720px;margin-bottom:20px;min-height:54px;padding:8px 16px;border:1px solid var(--line);border-radius:10px;background:#f9fbfd}.community-search:focus-within{outline:3px solid var(--focus);outline-offset:2px}.surf-card[data-category=design] .surf-cover:not(.has-image){background:#fff2e7}.surf-card[data-category=study] .surf-cover:not(.has-image){background:#eaf4ff}.surf-card[data-category=tools] .surf-cover:not(.has-image){background:#e5f7f7}.community-search input{min-width:0;font-size:16px}.community-search>svg{flex-shrink:0}.discovery-categories{display:flex;flex-wrap:wrap;gap:9px}.discovery-categories button{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;min-height:44px;background:var(--paper, #fff);color:var(--ink);font-size:13px;font-weight:550;text-align:left;line-height:1.35}.discovery-categories button svg{flex-shrink:0}.discovery-categories button.selected{background:#eaf5fc;border-color:#86bada;color:var(--blue)}.discovery-categories button:hover{border-color:#86bada;background:#f1f8fc}.community-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:36px}.community-feed{min-width:0}.community-feed>.surf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.community-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.community-section-heading h2{font-size:21px;letter-spacing:-.025em;margin:0}.community-section-heading>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.community-sidebar{display:grid;align-content:start;gap:22px;padding-top:45px}.community-panel{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:23px}.community-panel>svg{color:var(--blue)}.community-panel h2{font-size:18px;margin:14px 0 10px;letter-spacing:-.02em}.community-panel p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.community-panel .text-button{margin-top:18px;text-align:left}.community-note{background:#f4f9fc}.community-authors{display:grid;gap:8px;margin-top:20px}.community-author{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;border-radius:8px;padding:4px 0;color:inherit}.community-author:hover strong{color:var(--blue);text-decoration:underline}.community-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #d0e6f4;border-radius:50%;background:#eef7fd;color:var(--blue);font-size:15px;font-weight:650}.community-author>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}.community-author strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.community-author small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.community-author>svg{flex-shrink:0;color:var(--muted)}.surf-card .surf-author-link{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.surf-card .surf-author-link:hover{color:var(--blue);text-decoration:underline}.community-profile{display:flex;align-items:flex-start;gap:20px;padding:20px 0 28px;max-width:850px}.community-profile>div{display:grid;align-content:start;gap:6px;min-width:0}.community-profile .eyebrow{display:block;margin:0;color:var(--muted);font-size:13px;font-weight:550;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}.community-profile h1{margin:0;font-size:clamp(26px,2.6vw,32px);font-weight:650;line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}.community-profile p{max-width:64ch;margin:4px 0 0;color:var(--muted);font-size:15px;line-height:1.5;overflow-wrap:anywhere}.community-profile-avatar{width:80px;height:80px;border-radius:22px;background:#e9f5fc;color:var(--blue);border:1px solid #d2e6f3;display:grid;place-items:center;flex-shrink:0;font-size:32px;font-weight:600;overflow:hidden}.community-profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-public-label{display:inline-flex;align-items:center;justify-self:start;gap:6px;margin-top:4px;font-size:12px;line-height:1.4;color:var(--muted)}.profile-public-label svg{flex-shrink:0}.community-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:30px}.community-tabs button{display:inline-flex;align-items:center;gap:9px;padding:15px 0 17px;min-height:52px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:600;font-size:15px}.community-tabs button[aria-current=page]{color:var(--blue);border-bottom-color:var(--blue)}.public-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.public-directory-card{display:flex;align-items:flex-start;gap:16px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:inherit;transition:border-color .15s;min-width:0}.public-directory-card:hover{border-color:#86bada;background:#fafcfe}.public-directory-card>div{min-width:0;flex:1}.public-directory-card h3{font-size:18px;line-height:1.3;margin:8px 0;overflow-wrap:anywhere}.public-directory-card p{font-size:13px;color:var(--muted);margin:0}.public-directory-card>svg{flex-shrink:0;color:var(--muted)}.directory-card-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:13px;background:#eaf5fc;color:var(--blue)}.public-directory-heading{display:flex;align-items:flex-start;gap:24px;padding:34px 0 28px}.public-directory-heading>div{min-width:0;flex:1}.public-directory-heading>.directory-card-icon{margin-top:6px;width:64px;height:64px;border-radius:18px}.public-directory-heading>.community-author{min-width:180px;margin-top:10px}.public-directory-heading p{font-size:14px;color:var(--muted);margin:15px 0 0}.community-privacy-note{display:flex;align-items:flex-start;gap:10px;color:var(--muted);padding:16px 20px;border-radius:10px;background:#f0f6fa;margin-bottom:28px}.community-privacy-note svg{flex-shrink:0;margin-top:2px}.community-privacy-note p{margin:0;line-height:1.5;font-size:13px}.public-bookmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.public-bookmark{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.public-bookmark-title{display:flex;align-items:center;gap:10px;max-width:100%}.public-bookmark-title img,.public-bookmark-title .image-fallback{width:28px;height:28px;flex-shrink:0;border-radius:7px}.public-bookmark-title .domain{color:var(--muted);font-size:12px;overflow-wrap:anywhere;min-width:0}.public-bookmark h2{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:22px 0 12px;overflow-wrap:anywhere}.public-bookmark h2 a>svg{display:none}.public-bookmark>p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 24px;overflow-wrap:anywhere}.public-bookmark>.text-button{margin-top:auto;min-height:44px}.publication-settings{border:1px solid var(--line);border-radius:10px;padding:17px;margin:22px 0}.publication-settings legend{font-size:13px;font-weight:600;padding:0 6px}.publication-settings .checkbox-row{align-items:center;min-height:44px;margin:0}.publication-settings p{font-size:13px;color:var(--muted);line-height:1.6;margin:8px 0 0}@media(max-width:1080px){.community-columns{grid-template-columns:minmax(0,1fr) 230px;gap:24px}.community-panel{padding:19px}.public-directory-grid,.public-bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-heading{align-items:flex-start}}@media(max-width:800px){.community-heading{flex-direction:column;gap:24px}.community-columns{grid-template-columns:minmax(0,1fr)}.community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:10px}.community-profile{gap:20px}.public-directory-heading{flex-wrap:wrap;gap:18px}.public-directory-heading>.community-author{flex-basis:100%;margin:0;max-width:330px}}@media(max-width:540px){.community-heading{margin-bottom:27px}.community-heading p{font-size:15px}.community-heading>.button{width:100%}.community-search{margin-bottom:16px}.discovery-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.discovery-categories button{font-size:12px;padding:10px;min-height:46px}.community-feed>.surf-grid,.public-directory-grid,.public-bookmark-grid,.community-sidebar{grid-template-columns:minmax(0,1fr)}.community-section-heading h2{font-size:19px}.community-section-heading>span{display:none}.community-profile{gap:14px;padding-block:20px 24px}.community-profile h1{font-size:24px}.community-profile-avatar{width:56px;height:56px;border-radius:16px;font-size:24px}.community-tabs{gap:22px}.community-tabs button{font-size:13px;gap:7px}.public-directory-heading>.directory-card-icon{width:46px;height:46px;border-radius:12px}.public-directory-heading{gap:14px}.public-directory-heading h1{font-size:30px}.public-directory-card,.public-bookmark{padding:20px}}.community-search,.community-note,.community-privacy-note{background:var(--soft);color:var(--muted)}.community-panel,.public-directory-card,.public-bookmark{background:var(--surface);border-color:var(--line)}.community-avatar,.community-profile-avatar,.directory-card-icon{background:var(--selected);color:var(--blue);border-color:var(--line)}.community-panel>svg,.community-tabs button[aria-current=page]{color:var(--blue)}.community-tabs button[aria-current=page]{border-color:var(--blue)}.discovery-categories button{background:var(--surface);color:var(--muted);border-color:var(--line)}.discovery-categories button.selected{background:var(--selected);color:var(--blue);border-color:var(--selected-line)}.discovery-categories button:hover,.public-directory-card:hover{background:var(--soft);border-color:var(--selected-line)}html[data-theme=dark] .surf-card[data-category] .surf-cover:not(.has-image){background:var(--selected);color:var(--blue)}.community-page--embedded{width:100%;min-width:0;container-type:inline-size;container-name:app-community}.community-page--embedded .community-heading{align-items:flex-start;gap:24px}.community-page--embedded .community-heading h1{font-size:clamp(26px,3cqi,36px);line-height:1.2;margin-block:10px;letter-spacing:-.025em}.community-page--embedded .community-heading p{font-size:15px;line-height:1.55}.community-page--embedded .community-heading>.button{white-space:normal}.community-page--embedded .community-columns{gap:24px}.community-page--embedded .community-search{max-width:none;background:var(--surface)}.community-page--embedded .surf-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}@container app-community (max-width: 880px){.community-heading{flex-wrap:wrap}.community-columns{grid-template-columns:minmax(0,1fr)}.community-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}}@container app-community (max-width: 620px){.community-heading{flex-direction:column;gap:16px}.community-heading>.button{width:100%}.community-sidebar{grid-template-columns:minmax(0,1fr)}.discovery-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-categories button{min-width:0}.community-profile{flex-wrap:wrap}}@media(max-width:760px){.community-page--embedded .community-heading{flex-direction:column;gap:16px}.community-page--embedded .community-columns,.community-page--embedded .community-sidebar{grid-template-columns:minmax(0,1fr)}}.account-settings{width:100%;max-width:none;min-width:0;margin-inline:0;line-height:1.45;container-name:account-settings;container-type:inline-size}.account-settings-layout{min-width:0}.account-settings.has-section>.account-settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:start;gap:24px}.account-screen,.account-section-content{min-width:0}.account-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.account-heading>div{min-width:0;flex:1}.account-heading h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}.account-heading h1:focus{outline:none}.account-heading p{margin:6px 0 0;color:var(--muted);line-height:1.45;font-size:14px}.account-identity{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:20px;border:1px solid var(--line);background:var(--surface);border-radius:14px;color:var(--ink);text-decoration:none;line-height:1.35}.account-avatar{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:14px;color:var(--blue);background:var(--selected);font-size:21px;font-weight:650;line-height:1}.account-identity-text{display:grid;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}.account-identity-text strong{display:block;margin:0;font-size:17px;font-weight:650;line-height:1.3}.account-identity-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;min-width:0}.account-identity-meta>span,.account-identity-meta>small{min-width:0;max-width:100%;margin:0;color:var(--muted);font-size:13px;font-weight:400;line-height:1.4;letter-spacing:normal;overflow-wrap:anywhere}.account-identity>svg,.account-section-card>svg{flex-shrink:0;color:var(--muted)}.account-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:10px}.account-section-card{display:flex;align-items:center;gap:12px;min-height:88px;padding:16px;color:var(--ink);text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:14px;line-height:1.4;transition:background .15s,border-color .15s}.account-section-card:hover,.account-identity:hover{background:var(--canvas);border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}.account-card-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface))}.account-icon-security,.account-icon-privacy{color:var(--accent);background:color-mix(in srgb,var(--orange) 10%,var(--surface))}.account-card-copy{flex:1;display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.account-card-copy strong{margin:0;font-size:15px;font-weight:650;line-height:1.35}.account-card-copy>span{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}.account-secondary-nav{display:grid;gap:5px;position:sticky;top:24px}.account-secondary-nav a,.account-mobile-back{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:550;text-decoration:none;line-height:1.45}.account-secondary-nav svg{flex-shrink:0}.account-secondary-nav .account-index-link{color:var(--ink);margin-bottom:10px}.account-nav-link.active{color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--surface))}.account-secondary-nav a:hover{background:var(--surface);color:var(--ink)}.account-settings .account-mobile-back{display:none}.account-settings .settings-section{margin:0 0 16px;min-width:0;padding:20px}.account-settings .settings-section h2{margin:0 0 8px;font-size:17px;letter-spacing:-.02em;line-height:1.35}.account-settings .settings-section>p,.account-settings .account-form-note{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.account-settings .settings-section>p{margin:0 0 16px}.account-settings .settings-section form{max-width:none;margin-top:16px}.account-settings .settings-section label{line-height:1.4}.account-settings .settings-section label small{line-height:1.45}.account-settings .button{min-height:44px;font-size:14px;white-space:normal}.account-settings .checkbox-row{min-height:44px}.account-settings input,.account-settings textarea,.account-settings select{min-width:0;max-width:100%;font-size:16px}.account-settings .privacy-note{flex-wrap:wrap;font-size:13px;line-height:1.5}.account-settings .privacy-note>svg{flex-shrink:0}.account-settings .privacy-note>span{min-width:0;flex:1}.account-settings .language-settings>.button{margin-top:16px}.account-settings .device-row>div{min-width:0}.account-settings .device-row strong{font-size:14px;line-height:1.5}.account-settings .device-row small{font-size:12px;line-height:1.5}.account-settings .device-row>.button{flex-shrink:0}.account-settings a:focus-visible,.account-settings button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media(max-width:960px){.account-settings.has-section>.account-settings-layout{display:block}.account-secondary-nav{display:none}.account-settings .account-mobile-back{display:inline-flex;margin:-8px 0 14px -10px;color:var(--blue)}}@media(max-width:620px){.account-card-grid{grid-template-columns:minmax(0,1fr);gap:9px}.account-heading{margin-bottom:18px}.account-heading h1{font-size:24px}.account-identity{padding:14px;gap:12px;margin-bottom:18px}.account-avatar{width:44px;height:44px;border-radius:13px;font-size:20px}.account-identity-text strong{font-size:16px}.account-section-card{min-height:80px;padding:14px;gap:12px}.account-card-icon{width:36px;height:36px;border-radius:11px}.account-settings .settings-section{padding:18px 16px}.account-settings .settings-section .form-row{grid-template-columns:minmax(0,1fr)}.account-settings .device-row{flex-wrap:wrap;gap:12px}.account-settings .device-row>div{flex:1 1 65%}.account-settings .device-row>.button{margin-left:30px}.account-settings .language-picker{flex-wrap:wrap}.account-settings .theme-options{grid-template-columns:minmax(0,1fr)}}@supports not (container-type: inline-size){:is(.viewer-has-master,.viewer-route-active) .account-settings.has-section>.account-settings-layout{display:block}:is(.viewer-has-master,.viewer-route-active) .account-secondary-nav{display:none}:is(.viewer-has-master,.viewer-route-active) .account-settings .account-mobile-back{display:inline-flex;margin:-8px 0 14px -10px;color:var(--blue)}:is(.viewer-has-master,.viewer-route-active) .account-settings :is(.form-row,.theme-options){grid-template-columns:minmax(0,1fr)}}@container account-settings (max-width: 880px){.account-settings.has-section>.account-settings-layout{display:block}.account-secondary-nav{display:none}.account-settings .account-mobile-back{display:inline-flex;margin:-8px 0 14px -10px;color:var(--blue)}}@container account-settings (max-width: 620px){.account-settings .settings-section .form-row,.account-settings .theme-options{grid-template-columns:minmax(0,1fr)}.account-settings .surf-notifications>.review-queue-heading{min-width:0;flex-direction:column;align-items:stretch;gap:10px}.account-settings .surf-notifications>.review-queue-heading>h2{min-width:0;max-width:100%;flex-wrap:wrap;margin:0;overflow-wrap:anywhere}.account-settings .surf-notifications>.review-queue-heading>.button{width:100%;min-width:0;max-width:100%;white-space:normal}}@media(prefers-reduced-motion:reduce){.account-section-card{transition:none}}.admin-console{container-type:inline-size;width:100%;min-width:0;color:var(--ink);line-height:1.45}.admin-console :is(h1,h2,h3,p){margin:0}.admin-console :is(h1,h2,h3){color:var(--ink);overflow-wrap:anywhere}.admin-console h1{font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.035em}.admin-console h2{font-size:23px;line-height:1.25;letter-spacing:-.025em}.admin-console h3{font-size:16px;line-height:1.35;letter-spacing:-.015em}.admin-page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.admin-page-heading>div{display:grid;gap:8px;min-width:0}.admin-page-heading p{color:var(--muted);font-size:14px}.admin-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.admin-role,.admin-badge,.admin-count{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:5px 8px;font-size:12px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.admin-role{flex:0 1 auto;max-width:40%}.admin-count{margin-left:auto;padding:2px 6px;font-size:11px}.admin-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:24px}.admin-main,.admin-navigation{min-width:0}.admin-main{display:grid;gap:20px}.admin-section-heading{min-width:0;display:flex;align-items:center;gap:12px}.admin-navigation-links{display:grid;gap:4px}.admin-navigation-links a{min-height:44px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:10px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;line-height:1.35}.admin-navigation-links a svg{flex-shrink:0}.admin-navigation-links a:hover{background:var(--surface);color:var(--ink)}.admin-navigation-links a[aria-current=page]{color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--surface));border-color:color-mix(in srgb,var(--blue) 20%,var(--line))}.admin-mobile-navigation{display:none!important}.admin-card,.admin-email-preview{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}.admin-card{display:grid;gap:18px}.admin-card>h3{margin-bottom:2px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0;display:grid;gap:10px;align-content:start}.admin-metric svg{color:var(--blue)}.admin-metric strong{font-size:30px;line-height:1;letter-spacing:-.04em;overflow-wrap:anywhere}.admin-metric span{color:var(--muted);font-size:12px;line-height:1.4}.admin-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:16px;margin:0}.admin-facts>div{display:grid;align-content:start;gap:4px;min-width:0}.admin-facts dt{color:var(--muted);font-size:12px}.admin-facts dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.admin-console .admin-hint,.admin-editor .admin-hint{color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}.admin-toolbar,.admin-actions,.admin-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-toolbar{justify-content:space-between}.admin-search{display:flex;flex:1 1 260px;max-width:520px;gap:8px}.admin-search label{flex:1;min-width:0}.admin-local-search{max-width:480px}.admin-console .button,.admin-editor .button{min-height:44px;height:auto;white-space:normal;text-align:center;font-size:14px;line-height:1.35;gap:8px}.admin-console .button svg,.admin-editor .button svg{flex:0 0 auto}.admin-console .button.primary,.admin-editor .button.primary{min-height:48px}.admin-console :is(input,select,textarea),.admin-editor :is(input,select,textarea){width:100%;min-width:0;max-width:100%;font-size:16px;line-height:1.45}.admin-console :is(input,select),.admin-editor :is(input,select){min-height:48px}.admin-console textarea,.admin-editor textarea{min-height:96px;resize:vertical}.admin-console label,.admin-editor label{display:grid;align-content:start;gap:7px;margin:0;min-width:0;font-size:13px;font-weight:600;line-height:1.4}.admin-console fieldset,.admin-editor fieldset{display:grid;gap:20px;min-width:0;margin:0;padding:0;border:0}.admin-editor{display:grid;gap:20px;min-width:0;color:var(--ink);line-height:1.45}.admin-editor form{display:grid;gap:20px;min-width:0}.admin-editor>p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}.admin-form-grid>.admin-span{grid-column:1 / -1}.admin-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.admin-filters label{flex:1 1 180px;max-width:360px}.admin-console .admin-toggle,.admin-editor .admin-toggle{display:flex;align-items:center;gap:12px;min-height:48px;font-weight:500;padding:8px 0}.admin-console .admin-toggle input,.admin-editor .admin-toggle input{width:20px;height:20px;min-height:20px;margin:0;flex:0 0 20px;accent-color:var(--blue)}.admin-toggle span{min-width:0;overflow-wrap:anywhere}.admin-records{display:grid;gap:10px;min-width:0}.admin-record{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);min-width:0}.admin-record-main{min-width:0;display:grid;gap:7px;flex:1}.admin-record-main p{color:var(--muted);font-size:13px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.admin-record-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;color:var(--muted);font-size:12px;line-height:1.4}.admin-record-meta>*{min-width:0;overflow-wrap:anywhere}.admin-record>.button{flex:0 1 auto}.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}.admin-pagination span{color:var(--muted);font-size:12px;text-align:center}.admin-empty{min-height:140px;border:1px dashed var(--line);border-radius:14px;display:grid;align-content:center;justify-items:center;gap:10px;color:var(--muted);font-size:14px;text-align:center;padding:20px}.admin-user-identity{display:grid;gap:5px;padding-bottom:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.admin-user-identity strong{font-size:20px;line-height:1.3}.admin-user-identity span{color:var(--muted);font-size:13px}.admin-group-navigation{display:flex;flex-wrap:wrap;gap:8px}.admin-group-navigation .button[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--surface))}.admin-info{display:flex;gap:12px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface);font-size:13px}.admin-info svg{flex-shrink:0;color:var(--blue)}.admin-locale-select{max-width:280px}.admin-email-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.admin-placeholders{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px}.admin-placeholders strong{flex-basis:100%}.admin-placeholders code{background:var(--canvas);border:1px solid var(--line);border-radius:5px;padding:5px 7px;overflow-wrap:anywhere}.admin-email-preview{display:grid;gap:20px}.admin-email-preview>img{width:150px;height:auto;max-width:100%;margin:4px 0}.admin-email-preview>h3{font-size:22px}.admin-email-preview p{color:var(--muted);overflow-wrap:anywhere}.admin-email-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.admin-preview-action{justify-self:start;border-radius:9px;background:var(--blue);color:#fff;padding:13px 18px;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.admin-access-card{max-width:640px;display:grid;justify-items:start;gap:20px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.admin-access-card>img{width:48px;height:48px;object-fit:contain}.admin-access-card>p{color:var(--muted);font-size:14px;line-height:1.5}.admin-access-card form{display:grid;gap:18px;width:100%}.admin-conflict{display:grid;gap:12px;border:1px solid var(--orange);border-radius:12px;background:var(--surface);padding:18px;min-width:0}.admin-conflict p{font-size:13px;color:var(--muted);line-height:1.5}.admin-console pre,.admin-editor pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.5;border-radius:8px;background:var(--canvas);padding:12px}.admin-console summary,.admin-editor summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:13px;font-weight:600}@container (max-width: 900px){.admin-layout{grid-template-columns:minmax(0,1fr);gap:20px}.admin-navigation-links{display:none}.admin-mobile-navigation{display:grid!important}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-email-layout{grid-template-columns:minmax(0,1fr)}}@container (max-width: 520px){.admin-page-heading{flex-direction:column;gap:12px;margin-bottom:18px;padding-bottom:18px}.admin-role{max-width:100%}.admin-card,.admin-email-preview,.admin-access-card{padding:16px;border-radius:12px}.admin-form-grid{grid-template-columns:minmax(0,1fr)}.admin-record{align-items:stretch;flex-direction:column;padding:15px;gap:12px}.admin-record>.button{align-self:start}.admin-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-pagination span{grid-column:1 / -1;grid-row:2}.admin-toolbar>.button{width:100%}.admin-metric{padding:15px}.admin-group-navigation .button{flex:1 1 130px}}@media(max-width:900px){.admin-layout{grid-template-columns:minmax(0,1fr)}.admin-navigation-links{display:none}.admin-mobile-navigation{display:grid!important}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-email-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.admin-form-grid{grid-template-columns:minmax(0,1fr)}.admin-page-heading{flex-direction:column}.admin-role{max-width:100%}.admin-record{flex-direction:column;align-items:stretch}.admin-card,.admin-access-card{padding:16px}}.viewer-has-master .admin-layout,.viewer-has-master .admin-email-layout{grid-template-columns:minmax(0,1fr)}.viewer-has-master .admin-navigation-links{display:none}.viewer-has-master .admin-mobile-navigation{display:grid!important}.viewer-has-master .admin-form-grid{grid-template-columns:minmax(0,1fr)}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #22272e;--muted: #626c77;--blue: #08579a;--deep: #0d3f6e;--accent: #c44300;--orange: #f66e0b;--line: #e5e7eb;--surface: #fff;--canvas: #f7f8fa;--focus: #0875b8;--radius: 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-picker{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0;font-weight:500}.language-picker>svg{flex-shrink:0;color:var(--blue)}.language-picker select{width:auto;min-width:130px;margin:0;background:var(--surface)}.language-picker.compact{gap:5px}.language-picker.compact select{border:0;min-width:0;width:auto;padding:8px 4px;background:transparent;font-size:13px}.product-landing{background:var(--surface)}.product-hero{text-align:center;padding:60px 32px 48px;max-width:1280px;margin:auto}.product-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.11em;font-weight:650;color:var(--blue)}.product-kicker img{width:25px;height:25px}.product-hero h1{font-size:clamp(48px,7.4vw,92px);font-weight:700;letter-spacing:-.055em;line-height:1.05;margin:20px 0 23px}.product-hero h1 em{color:#e94e00;font-style:normal}.product-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0 20px}.product-actions .button{min-height:48px;padding:12px 22px}.button.quiet{border-color:#e3ebf2;background:var(--surface);color:var(--blue)}.platform-note{color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.demo-label{padding:3px 7px;background:#fff2e8;color:#a23a00;border-radius:5px;font-size:10px;font-weight:600}.product-benefits{max-width:1120px;margin:45px auto 80px;padding:25px 36px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.benefit-heading .eyebrow{color:var(--blue);margin-bottom:15px}.benefit-heading h2{font-size:clamp(30px,3.8vw,44px);line-height:1.12;font-weight:650}.benefit-heading>p{margin-top:19px;color:var(--muted);font-size:15px}.benefit-list{display:flex;flex-direction:column;gap:30px}.benefit-list article{display:flex;align-items:flex-start;gap:18px}.benefit-icon{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#e9f1fa;color:var(--blue);flex-shrink:0}.benefit-icon.aqua{background:#e9faff;color:#006b86}.benefit-icon.orange{background:#fff1e4;color:#b44600}.benefit-icon svg{width:21px}.benefit-list h3{font-size:19px;font-weight:600;letter-spacing:-.025em;margin-bottom:7px}.benefit-list p{font-size:13px;color:var(--muted)}.product-privacy{max-width:1048px;margin:0 auto;padding:30px 34px;display:flex;align-items:center;gap:24px;background:#f1f8fd;border-radius:15px}.product-privacy>svg{flex-shrink:0;color:var(--blue)}.product-privacy>div{flex:1}.product-privacy .eyebrow{color:var(--blue);margin-bottom:7px}.product-privacy h2{font-size:24px;margin-bottom:10px}.product-privacy p{font-size:13px;color:#47677f;max-width:700px}.product-invitation{text-align:center;padding:80px 28px 90px}.product-invitation>img{width:72px;height:72px;margin-bottom:19px}.product-invitation h2{font-size:clamp(30px,4vw,43px);line-height:1.15;max-width:700px;margin:auto}.product-invitation p{color:var(--muted);font-size:15px;margin:16px 0 23px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a,button{transition:background .16s,color .16s,transform .16s}button{color:inherit}button:active:not(:disabled),.button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h1{line-height:1.08}p{line-height:1.65}input,textarea,select{width:100%;border:1px solid #cad8df;border-radius:8px;padding:12px 14px;min-height:46px;font-size:16px;background:var(--surface);color:var(--ink)}input::placeholder,textarea::placeholder{color:#677f8d}textarea{resize:vertical;line-height:1.55}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--blue);flex-shrink:0}input[type=file]{padding:8px;font-size:12px;color:var(--muted)}input[type=file]::file-selector-button{border:0;border-radius:7px;background:#eaf6fc;color:#0d3f6e;padding:9px 12px;margin-right:10px;font:inherit;font-weight:600;cursor:pointer}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;margin-bottom:20px}label small{font-size:12px;font-weight:400;color:var(--muted);line-height:1.5}form .button{min-height:46px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 16px;border:1px solid #cfdce2;border-radius:8px;background:var(--surface);font-size:15px;font-weight:600;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:break-word}.button.primary{color:#fff;background:var(--deep);border-color:var(--deep)}.button.small{min-height:44px;padding:9px 12px;font-size:14px}.button>svg{flex-shrink:0}.button>span{min-width:0}.button.danger{background:#a32929;border-color:#a32929;color:#fff}.button.full{width:100%}.button.soft{background:#eaf2f5;border-color:#eaf2f5}.text-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:0;background:none;font-size:14px;font-weight:600;padding:10px;color:var(--blue);min-height:44px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:8px;flex-shrink:0}.icon-button:hover{background:#edf5fb}.icon-button.danger{color:#ac2b29}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36856d;flex-shrink:0}.muted{color:var(--muted)}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{display:block;width:188px;height:auto}.public-nav{max-width:1440px;margin:auto;min-height:96px;display:flex;justify-content:space-between;align-items:center;padding:18px 5.5%;gap:24px}.public-nav nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:30px 5.5%;font-size:11px;color:var(--muted)}.footer .brand img{width:122px}.footer>span{margin-right:auto}.footer a:not(.brand){min-height:44px;display:flex;align-items:center}.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,.85fr) 1fr;background:var(--surface)}.auth-story{background:#eaf1f3;padding:45px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:70px;position:relative;overflow:hidden}.auth-story:after{content:"";border:1px solid #cbdfe4;width:600px;height:600px;position:absolute;border-radius:50%;left:-300px;bottom:-240px;pointer-events:none}.auth-story>div{z-index:1}.auth-story h1{font-size:clamp(50px,5.3vw,78px);font-weight:500;letter-spacing:-.06em;margin:24px 0}.auth-story h1 em{font-style:normal;color:var(--accent)}.auth-story p{color:#58717e;font-size:15px}.auth-story-bottom{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.12em}.auth-story-bottom svg{color:var(--accent)}.auth-form{padding:35px clamp(25px,6.5vw,100px) 50px}.back-link{font-size:12px;color:var(--muted);min-height:44px;display:flex;align-items:center}.auth-inner{max-width:420px;margin:55px auto 0}.auth-inner>h1{font-size:34px;font-weight:500;margin:14px 0}.auth-inner>.muted{font-size:14px;margin-bottom:30px}.input-prefix{display:flex;border:1px solid #cad8df;border-radius:8px;align-items:center;padding-left:14px}.input-prefix input{border:0;background:none;min-width:0}.input-prefix>span{color:var(--muted);font-weight:400}.password-field{position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:5px;top:3px;height:40px;border:0;background:none;font-size:11px;padding:0 10px;color:var(--muted)}.checkbox-label{flex-direction:row;align-items:flex-start;font-size:12px;line-height:1.65;font-weight:400;gap:10px}.checkbox-label input{margin-top:3px}.checkbox-label a{text-decoration:underline;text-underline-offset:3px}.checkbox-label small{display:block;font-size:10px;margin-top:4px}.forgot-link{display:flex;justify-content:flex-end;font-size:12px;color:var(--blue);padding:0 0 22px}.auth-switch{margin-top:22px;font-size:12px;text-align:center;color:var(--muted)}.auth-switch a{color:var(--blue);font-weight:600;margin-left:5px}.auth-assurance{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:7px}.success-box{padding:24px;background:#eff8f3;border:1px solid #c7e1d3;border-radius:10px;display:flex;flex-direction:column;gap:15px;color:#25654c}.startup{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:30px}.startup>img{width:90px}.loading{display:flex;align-items:center;justify-content:center;padding:65px;gap:12px;font-size:13px;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace{display:flex;min-height:100dvh}.sidebar{width:244px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 18px 0;position:fixed;inset:0 auto 0 0;z-index:40}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin-bottom:35px}.sidebar-brand .brand img{width:175px}.capture{justify-content:flex-start;width:100%;font-size:12px;gap:10px;margin-bottom:29px}.capture kbd{margin-left:auto;opacity:.6;font-size:15px}.nav-label{display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#69818e;font-size:9px;font-weight:600;letter-spacing:.12em;margin:6px 0 10px;min-height:30px}.nav-label .icon-button{width:30px;height:30px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.sidebar-link{display:flex;align-items:center;gap:11px;min-height:43px;padding:10px 13px;border-radius:7px;color:#536d7b;font-size:12px;font-weight:500;min-width:0}.sidebar-link>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link>svg{flex-shrink:0}.sidebar-link>small{margin-left:auto;font-size:10px;font-weight:400;color:#6e8792}.sidebar-link>svg:last-child:not(:first-child){margin-left:auto}.sidebar-link:hover{background:#f3f7f8}.sidebar-link.active{background:#eaf3f7;color:var(--blue)}.sidebar-link.active>small{color:var(--blue)}.directory-nav{flex:1;overflow-y:auto;min-height:80px}.directory-empty{background:none;border:1px dashed #d6e3e8;border-radius:7px;margin:0 7px;padding:13px 10px;display:flex;align-items:center;gap:7px;font-size:10px;color:#637f8c;text-align:left;line-height:1.5}.sidebar-bottom{padding-top:15px}.sidebar-bottom>.sidebar-link{font-size:11px;min-height:39px}.account-chip{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 0;margin-top:17px}.avatar{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ebeff8;color:#435c83;font-size:13px;flex-shrink:0;text-transform:uppercase}.account-chip strong{font-size:10px;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis}.account-chip small{font-size:9px;color:#718996;display:block;margin-top:5px;max-width:125px;overflow:hidden;text-overflow:ellipsis}.account-chip .icon-button{width:30px;margin-left:auto}.workspace-main{margin-left:244px;width:calc(100% - 244px);min-width:0}.app-topbar{height:85px;background:#f6f9fc;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 42px;position:sticky;top:0;z-index:20}.global-search{display:flex;align-items:center;gap:12px;flex:1;max-width:600px;min-width:0;color:#6b8390}.global-search input{background:none;border:0;min-width:0;padding:10px 0;font-size:12px}.global-search kbd{font-size:9px;white-space:nowrap;padding:3px 5px;background:var(--surface);border:1px solid #dae4e8;border-radius:4px;color:#66808d}.sync-status{margin-left:auto;display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:9px;color:#637d8a}.sync-status.offline .status-dot{background:#b17938}.app-topbar>.icon-button{width:36px;height:36px;background:var(--surface);border:1px solid var(--line)}.app-content{max-width:1680px;margin:auto;padding:38px 42px 70px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading .eyebrow{color:#718b98;font-size:8px;margin-bottom:12px}.page-heading h1{font-size:32px;font-weight:500;margin-bottom:12px;overflow-wrap:anywhere}.page-heading p{font-size:12px;color:var(--muted)}.heading-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page-heading .heading-actions{margin-top:18px}.page-heading .button{font-size:15px}.library-intro{display:flex;align-items:center;gap:28px;background:#eaf2f4;border:1px solid #d6e5e9;border-radius:10px;padding:23px 25px;margin-bottom:31px}.intro-icon{background:var(--surface);border:1px solid #d6e5e9;border-radius:12px;min-width:57px;height:57px;display:flex;align-items:center;justify-content:center;color:#1e758d;transform:rotate(-7deg)}.library-intro h2{font-size:18px;font-weight:500;margin-bottom:8px}.library-intro p{font-size:11px;color:#587482;max-width:600px}.library-intro>a,.library-intro>button{margin-left:auto;white-space:nowrap;font-size:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:22px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px}.toolbar-count{font-size:11px;color:#6b8591}.view-switch{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;background:var(--surface)}.view-switch button{border:0;border-radius:4px;background:none;width:32px;height:31px;display:flex;align-items:center;justify-content:center;color:#69838e}.view-switch button.active{background:#edf4f7;color:var(--blue)}.toolbar select{font-size:11px;min-height:38px;padding:8px 26px 8px 11px;width:auto;background:var(--surface)}.bookmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:20px}.bookmark-card{background:var(--surface);border:1px solid #dde6eb;border-radius:10px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0}.bookmark-card.selected{outline:2px solid var(--blue);outline-offset:1px}.bookmark-preview{height:156px;background:#edf2f4;position:relative;overflow:hidden}.bookmark-preview>.image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 45%,#e7f0f4,transparent 70%);color:#aec4ce}.bookmark-preview>img{width:100%;height:100%;object-fit:cover}.card-selection{position:absolute;left:11px;top:10px;z-index:1;display:flex;background:#ffffffed;border-radius:5px;padding:4px}.card-selection input{margin:0;width:15px;min-height:15px}.card-menu{position:absolute;right:8px;top:6px;background:#ffffffeb;width:32px;height:32px;border-radius:6px}.bookmark-body{padding:18px 17px 14px;display:flex;flex-direction:column;flex:1}.card-domain{display:flex;align-items:center;gap:7px;color:#68818d;font-size:9px;margin-bottom:13px;min-width:0}.card-domain .favicon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:3px;object-fit:contain}.card-domain .favicon svg{width:12px;height:12px}.card-domain>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-body h2{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.015em;margin-bottom:9px;overflow-wrap:anywhere}.bookmark-body h2 a{display:block}.bookmark-body>p{font-size:11px;color:#6b818c;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:17px}.card-bottom{display:flex;align-items:center;gap:6px;border-top:1px solid #edf1f3;padding-top:10px;margin-top:auto;min-height:39px}.card-bottom .icon-button{width:28px;height:28px;margin-left:auto}.tag{font-size:8px;background:#eff4f6;color:#537484;border-radius:4px;padding:5px 7px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata-badge{font-size:8px;color:#718995;display:flex;align-items:center;gap:4px}.metadata-badge.pending{color:#92672b}.bookmark-list{display:flex;flex-direction:column;gap:9px}.bookmark-list .bookmark-card{display:grid;grid-template-columns:125px 1fr;min-height:130px}.bookmark-list .bookmark-preview{height:100%;min-height:130px}.bookmark-list .bookmark-body{padding:15px 18px}.bookmark-list .bookmark-body h2{font-size:15px;margin-bottom:4px}.bookmark-list .card-domain{margin-bottom:6px}.bookmark-list .bookmark-body>p{margin-bottom:9px;-webkit-line-clamp:1}.bookmark-list .card-menu{background:var(--surface)}.bookmark-list .card-selection{top:8px;left:8px}.bookmark-list .card-bottom{padding-top:4px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:390px;text-align:center;max-width:550px;margin:10px auto;padding:50px 20px}.empty-art{width:130px;height:110px;position:relative;display:flex;align-items:center;justify-content:center;color:#1c6b88;margin-bottom:24px}.empty-art:before{content:"";width:90px;height:90px;border:1px solid #cadfe6;border-radius:26px;position:absolute;transform:rotate(-11deg);background:#eef4f6;z-index:-1}.empty-art>span{position:absolute;width:6px;height:6px;background:#c1dbe1;border-radius:50%}.empty-art>span:nth-child(2){left:8px;top:20px}.empty-art>span:nth-child(3){right:8px;top:65px;background:#efb58c}.empty-art>span:nth-child(4){left:22px;bottom:0}.empty h2{font-size:24px;font-weight:500;margin-bottom:14px}.empty>p{font-size:13px;color:var(--muted);max-width:380px;margin-bottom:23px}.empty>.button{font-size:12px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:15px 15px 15px 20px;background:#153f53;color:#fff;border-radius:9px;box-shadow:0 8px 30px #193d5230;font-size:12px;z-index:200}.toast.error{background:#8a2c2c}.toast button{background:none;border:0;color:inherit;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.toast>svg{flex-shrink:0}.error-box{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff0ef;color:#9b3530;border:1px solid #efd6d2;border-radius:8px;font-size:12px;line-height:1.6;margin:15px 0}.error-box>svg{flex-shrink:0}.field-error{color:#a2302b!important;font-size:12px}.privacy-note{display:flex;align-items:flex-start;gap:9px;background:#f0f5f7;padding:13px;border-radius:8px;font-size:11px;line-height:1.7;color:#54717f;margin:15px 0}.privacy-note>svg{flex-shrink:0;margin-top:2px}dialog{border:1px solid #d5e2e7;border-radius:12px;padding:26px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;color:var(--ink);box-shadow:0 28px 100px #173c5330;overscroll-behavior:contain}dialog.wide{width:min(780px,calc(100vw - 32px))}dialog::backdrop{background:#12344866;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:23px;font-weight:500}.dialog-top .icon-button{width:34px;height:34px}.dialog-top+.muted{font-size:12px;margin-bottom:24px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid var(--line);margin-top:22px}.dialog-actions>.danger{margin-right:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-row{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:400;font-size:12px;line-height:1.5}.checkbox-row input{margin:0}.color-options{display:flex;align-items:center;gap:9px}.color-option{border:3px solid white;outline:1px solid var(--line);border-radius:50%;width:29px;height:29px;padding:0}.color-option.active{outline:2px solid var(--ink);outline-offset:2px}.bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#e7f0f5;border:1px solid #c9dde7;border-radius:8px;padding:10px 13px;margin-bottom:20px;font-size:11px}.bulk-bar>span{margin-right:auto}.bulk-bar .button{min-height:34px;font-size:10px;padding:6px 10px}.bulk-bar select{width:auto;max-width:200px;font-size:11px;padding:8px;min-height:35px}.offline-banner{background:#fff4df;color:#805c26;text-align:center;font-size:11px;padding:10px}.mobile-nav,.mobile-only{display:none}.legal{max-width:760px;margin:60px auto 100px;padding:0 24px}.legal h1{font-size:44px;margin:20px 0 30px}.legal h2{font-size:24px;margin:36px 0 16px}.legal p{font-size:15px;color:var(--muted);margin:16px 0}.legal>.button{margin-top:20px}.public-content{max-width:1200px;margin:auto;padding:60px 5% 100px}.public-content .page-heading h1{font-size:46px}.surf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px}.surf-card{border:1px solid #dae5e9;border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-width:0}.surf-cover{height:160px;position:relative;overflow:hidden;background:#e8f1f4;display:flex;align-items:center;justify-content:center}.surf-cover:before,.surf-cover:after{content:"";position:absolute;border:1px solid #c3dce3;width:260px;height:260px;border-radius:50%;left:25%;top:-130px;transform:rotate(-20deg)}.surf-cover:after{left:-20%;top:55px;width:320px;height:320px}.surf-cover>svg{color:#6397a8;width:42px;height:42px;z-index:1}.surf-number{position:absolute;left:18px;top:16px;font-size:9px;font-weight:700;letter-spacing:.13em;color:#436d80}.surf-cover .visibility{position:absolute;right:15px;bottom:14px;z-index:1;background:var(--surface)}.surf-card-body{padding:23px;display:flex;flex-direction:column;flex:1}.surf-card h2{font-size:22px;font-weight:500;margin-bottom:10px;line-height:1.35;overflow-wrap:anywhere}.surf-card p{font-size:12px;color:var(--muted);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.surf-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.surf-card-footer .icon-button{width:30px;height:30px}.visibility{font-size:9px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d8e3e7;border-radius:5px;padding:5px 8px;color:#55727f;white-space:nowrap}.editor-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}.editor-form{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.editor-side{position:sticky;top:110px}.editor-side>section{border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--surface);margin-bottom:18px}.editor-side h2{font-size:16px;font-weight:600;margin-bottom:15px}.editor-side p{font-size:11px;color:var(--muted);margin:12px 0}.editor-side .button{width:100%;font-size:11px;margin-top:10px}.surf-items{display:flex;flex-direction:column;gap:8px;margin:20px 0}.surf-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px 13px;min-width:0}.surf-item-index{font-size:10px;color:#7b939f;width:22px;flex-shrink:0}.surf-item-content{flex:1;min-width:0}.surf-item-content strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-item-content small{display:block;margin-top:5px;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-item-actions{display:flex;gap:1px}.surf-item-actions .icon-button{width:30px;height:34px}.section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin:26px 0 12px}.share-link-row{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.share-link-row input{font-size:11px;padding:8px;min-width:0;min-height:35px}.share-link-row .icon-button{width:30px;height:34px}.player-page{min-height:100dvh;display:flex;flex-direction:column;background:#f5f8fa}.player-header{display:flex;align-items:center;justify-content:space-between;padding:22px 4%;border-bottom:1px solid var(--line);gap:20px}.player-header .brand img{width:145px}.player-author{font-size:10px;color:var(--muted)}.player-body{width:min(960px,100%);margin:auto;padding:65px 26px 130px;text-align:center}.player-body>.eyebrow{justify-content:center;color:var(--accent)}.player-body>h1{font-size:clamp(30px,4vw,48px);font-weight:500;margin:20px 0 15px}.player-body>p{font-size:13px;color:var(--muted);max-width:650px;margin:auto}.current-site{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:38px auto 24px;padding:45px 30px;max-width:620px}.current-site .image-fallback,.current-site>img{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;object-fit:contain;background:#f0f5f7;color:#7599aa}.current-site h2{font-size:25px;font-weight:500;margin:15px 0 12px;line-height:1.4;overflow-wrap:anywhere}.current-site p{font-size:13px;color:var(--muted);margin-bottom:28px}.current-site .domain{font-size:11px;color:var(--accent);overflow-wrap:anywhere}.player-help{font-size:11px;color:var(--muted);max-width:480px;margin:auto}.player-toolbar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:15px 20px calc(15px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:14px;z-index:20}.player-toolbar>.icon-button{background:var(--soft);color:var(--ink);border:1px solid var(--line);width:47px;height:47px}.player-selector{max-width:550px;min-width:0;flex:1}.player-selector select{font-size:12px;height:47px;background:var(--surface);color:var(--ink)}.player-position{font-size:10px;align-self:center;white-space:nowrap;color:var(--muted)}.settings-layout{max-width:920px}.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;margin-bottom:22px}.settings-section h2{font-size:20px;font-weight:500;margin-bottom:10px}.settings-section>p{font-size:12px;color:var(--muted);margin-bottom:22px;max-width:650px}.settings-section .button{font-size:12px}.settings-section form{margin-top:22px;max-width:650px}.settings-section.danger-zone{border-color:var(--danger)}.settings-section.danger-zone h2{color:var(--danger)}.device-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.device-row strong{font-size:12px;word-break:break-word}.device-row small{font-size:10px;display:block;color:var(--muted);margin-top:7px}.device-row>.button{font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:23px}.metric-grid strong{font-size:30px;font-weight:500;display:block}.metric-grid span{font-size:10px;color:var(--muted);display:block;margin-top:9px}.admin-table{width:100%;border-collapse:collapse;font-size:11px;background:var(--surface)}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:9px}.profile-heading{display:flex;align-items:center;gap:24px;padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:35px}.profile-heading .avatar{width:75px;height:75px;font-size:28px}.profile-heading h1{font-size:35px;font-weight:500;margin-bottom:10px}.profile-heading p{font-size:12px;color:var(--muted)}.pill-tabs{display:flex;gap:7px;margin-bottom:25px;flex-wrap:wrap}.pill-tabs button{background:none;border:1px solid var(--line);padding:9px 13px;border-radius:7px;font-size:11px;min-height:40px}.pill-tabs button.active{background:#e7f1f6;color:var(--blue);border-color:#c4dce8}.load-more{display:flex;justify-content:center;padding:30px}.privacy-choice{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;margin:10px 0;font-weight:400;font-size:12px;cursor:pointer}.privacy-choice input{width:16px;min-height:16px;margin:3px 0;accent-color:var(--blue)}.privacy-choice small{display:block;line-height:1.65;margin-top:5px;font-size:10px}.native-note{font-size:11px;color:var(--muted);padding:15px;border:1px solid var(--line);border-radius:8px;margin-top:18px}.import-preview{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:8px;font-size:11px;margin:15px 0}.import-preview>div{padding:11px 13px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.page-subheading{font-size:17px;font-weight:500;margin:30px 0 18px}.scroll-code{font-family:monospace;background:#edf3f6;padding:16px;border-radius:8px;overflow-wrap:anywhere;font-size:13px;-webkit-user-select:all;user-select:all}.inline-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#48765f}.directory-details{display:flex;align-items:center;gap:8px}@media(min-width:1600px){.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:1150px){.sidebar{width:220px;padding-inline:14px}.sidebar-brand .brand img{width:160px}.workspace-main{margin-left:220px;width:calc(100% - 220px)}.app-topbar{padding-inline:28px}.app-content{padding:32px 28px 60px}.global-search kbd{display:none}.sync-status{font-size:8px}.editor-layout{grid-template-columns:1fr 260px;gap:20px}.auth-story{padding:35px}.auth-form{padding-inline:45px}}@media(max-width:900px){.sidebar{width:202px;padding-inline:12px}.sidebar-brand .brand img{width:149px}.workspace-main{margin-left:202px;width:calc(100% - 202px)}.app-topbar{padding-inline:22px;gap:14px}.app-content{padding:28px 22px 50px}.sync-status{display:none}.page-heading h1{font-size:27px}.page-heading{gap:10px}.page-heading .heading-actions{margin-top:12px}.library-intro{gap:17px;padding:20px}.library-intro>a,.library-intro>button{display:none}.library-intro h2{font-size:16px}.editor-layout{grid-template-columns:1fr}.editor-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.auth-page{grid-template-columns:40% 1fr}.auth-story{padding:28px}.auth-story .brand img{width:160px}.auth-story h1{font-size:49px}.auth-story-bottom{font-size:6px}.auth-form{padding-inline:30px}.auth-inner>h1{font-size:29px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.public-nav{min-height:78px;padding:17px 22px}.public-nav .brand img{width:154px}.public-nav nav{gap:15px;font-size:11px}.public-nav nav>.button{font-size:10px;min-height:36px;padding:8px 10px}.footer{padding:25px 24px;gap:16px;flex-wrap:wrap;font-size:10px}.footer>span{flex-basis:calc(100% - 145px);margin:0}.footer .brand img{width:125px}.auth-page{display:block}.auth-story{display:none}.auth-form{padding:20px 24px 45px}.auth-inner{margin-top:35px}.auth-inner>h1{font-size:32px}.auth-inner>.muted{font-size:13px}.auth-assurance{font-size:10px}.sidebar{transform:translate(-100%);width:270px;transition:transform .2s;padding:25px 18px 0}.sidebar.open{transform:translate(0)}.sidebar-brand .brand img{width:175px}.sidebar-brand{padding:0 5px}.sidebar-backdrop{position:fixed;inset:0;background:#16394d66;z-index:35;border:0}.workspace-main{width:100%;margin:0}.mobile-only{display:inline-flex}.app-topbar{height:69px;padding:0 16px;gap:13px}.app-topbar>.mobile-only{background:none;border:none;width:30px}.global-search{gap:8px}.global-search input{font-size:12px}.global-search>svg{display:none}.app-topbar>.icon-button:last-child{display:none}.app-content{padding:27px 20px 100px}.page-heading{margin-bottom:25px;flex-wrap:wrap}.page-heading h1{font-size:30px;line-height:1.2}.page-heading p{font-size:11px}.page-heading .eyebrow{font-size:7px;margin-bottom:11px}.page-heading .heading-actions{margin-top:4px}.page-heading .heading-actions>.button{min-height:39px;padding:9px 12px;font-size:10px}.library-intro{padding:18px;gap:15px;margin-bottom:25px}.intro-icon{min-width:45px;height:45px;border-radius:9px}.intro-icon svg{width:23px}.library-intro h2{font-size:15px;margin-bottom:6px}.library-intro p{font-size:10px}.toolbar{margin-bottom:18px;gap:8px}.toolbar-left,.toolbar-right{gap:8px}.toolbar-count{font-size:10px}.toolbar select{font-size:10px;max-width:160px}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:15px}.bookmark-preview{height:170px}.bookmark-body{padding:18px}.bookmark-body h2{font-size:16px}.bookmark-body>p{font-size:12px}.card-domain{font-size:10px}.tag,.metadata-badge{font-size:9px}.bookmark-list .bookmark-card{grid-template-columns:80px 1fr;min-height:130px}.bookmark-list .bookmark-preview{min-height:130px}.bookmark-list .bookmark-body{padding:13px}.bookmark-list .bookmark-body h2{font-size:13px;margin-right:17px}.bookmark-list .bookmark-body>p{font-size:10px}.bookmark-list .card-domain{font-size:8px}.bookmark-list .card-selection input{width:14px;min-height:14px}.bookmark-list .card-menu{top:3px;right:4px;width:26px;height:29px}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:25;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffffa}.mobile-nav>a{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;min-height:42px;justify-content:center;color:#67818e;min-width:46px}.mobile-nav>a.active{color:var(--blue)}.mobile-capture{background:var(--deep);border:none;color:#fff;border-radius:12px;width:48px;height:45px;display:flex;align-items:center;justify-content:center;margin:0 9px}.empty{min-height:350px;padding:35px 10px}.empty h2{font-size:23px}.empty>p{font-size:12px}.toast{bottom:calc(85px + env(safe-area-inset-bottom));font-size:11px;padding:12px 10px 12px 15px;width:max-content}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:22px;max-height:calc(100dvh - 32px);width:calc(100vw - 24px)}.dialog-top h2{font-size:22px}.dialog-actions .button{font-size:11px;padding:10px 12px}.bulk-bar{gap:7px}.bulk-bar>span{flex-basis:100%}.bulk-bar select{max-width:155px}.public-content{padding:35px 24px 75px}.public-content .page-heading h1{font-size:38px}.public-content .global-search{border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--surface)}.surf-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,275px),1fr));gap:18px}.surf-cover{height:150px}.surf-card-body{padding:22px}.surf-card h2{font-size:22px}.editor-form{padding:20px}.editor-side{grid-template-columns:1fr;gap:0}.surf-item{padding:11px;gap:7px}.surf-item-actions{flex-direction:column}.surf-item-actions .icon-button{height:26px;width:27px}.surf-item-content strong{font-size:11px}.surf-item-content small{font-size:9px}.settings-section{padding:22px 19px}.settings-section h2{font-size:20px}.device-row{align-items:flex-start}.device-row>div{min-width:0}.device-row strong{font-size:10px}.device-row .button{font-size:9px;min-height:35px;padding:7px 10px}.player-header{padding:17px 20px}.player-header .brand img{width:125px}.player-header .button{font-size:10px;min-height:37px;padding:8px 10px}.player-author{font-size:9px}.player-body{padding:40px 20px 135px}.player-body>h1{font-size:33px;line-height:1.2}.player-body>p{font-size:12px}.current-site{padding:30px 20px}.current-site h2{font-size:23px}.current-site p{font-size:12px}.player-toolbar{gap:8px;padding:12px 13px calc(12px + env(safe-area-inset-bottom))}.player-toolbar>.icon-button{width:40px;height:44px}.player-selector select{height:44px;font-size:11px;padding-left:9px;min-width:0}.player-position{display:none}.metric-grid{gap:10px}.metric-grid>div{padding:18px}.metric-grid strong{font-size:27px}.legal{margin-top:35px}.legal h1{font-size:35px}.profile-heading{gap:18px;align-items:flex-start}.profile-heading h1{font-size:28px}.profile-heading .avatar{width:55px;height:55px;font-size:23px}}@media(max-width:360px){.public-nav{padding-inline:18px;gap:10px}.public-nav .brand img{width:135px}.public-nav nav{gap:10px}.app-content{padding-inline:16px}.app-topbar{padding-inline:12px}.page-heading h1{font-size:27px}.library-intro{padding:15px;gap:12px}.library-intro p{font-size:9px}.dialog-actions{gap:6px}.dialog-actions .button{padding-inline:9px;font-size:10px}.mobile-nav{padding-inline:5px}.mobile-capture{margin-inline:3px}.footer{padding-inline:20px;gap:12px}.footer>span{font-size:9px;flex-basis:calc(100% - 137px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sidebar-link{font-size:13px}.bookmark-body>p{font-size:12px}.card-domain{font-size:10px}.tag{font-size:9px}.global-search input{font-size:13px}@media(max-width:700px){.card-bottom .icon-button{width:44px;height:44px}.bookmark-body h2{font-size:16px}.tag{font-size:10px}.card-domain{font-size:11px}}@media(max-width:700px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}.app-topbar>.mobile-only{width:44px}.app-topbar{gap:6px}.card-selection{width:44px;height:44px;align-items:center;justify-content:center}.dialog-top .icon-button,.surf-item-actions .icon-button{width:44px;height:44px}.button.small{min-height:44px}}.editor-cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:12px 0}input[type=file]{max-width:100%;padding:10px;font-size:13px}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.surf-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.surf-cover.has-image .surf-number,.surf-cover.has-image .visibility{position:relative;z-index:1;color:#fff;background:#0d374cd1;padding:5px 8px;border-radius:5px}.surf-cover.has-image>svg{position:relative;z-index:1;color:#fff;filter:drop-shadow(0 1px 3px #163848)}.public-site{background:var(--surface);min-height:100dvh}.public-nav{min-height:80px;max-width:1240px;padding:18px 36px}.public-nav nav{gap:25px}.public-nav .brand img{width:180px}.footer{max-width:1120px;margin:auto;padding:28px 32px;background:var(--surface);border-top:1px solid #e6edf3;flex-wrap:wrap}.footer .language-picker{margin-inline-start:auto}.sidebar{background:#f5f9fc}.sidebar-link.active{background:#e3f0fb;color:var(--blue)}.app-topbar,.app-content{background:var(--surface)}.bookmark-card{border-color:#e1e9f0;border-radius:12px}.page-heading h1{font-weight:650}.language-settings .language-picker{display:inline-flex}@media(max-width:1000px){.product-benefits{gap:45px}.product-privacy{margin-inline:32px}}@media(max-width:760px){.product-hero{padding:30px 20px 36px}.product-hero h1{margin-top:18px;font-size:clamp(45px,8vw,61px)}.product-benefits{grid-template-columns:1fr;gap:35px;margin:0 auto 45px;padding:28px;max-width:560px}.benefit-heading h2{font-size:34px}.benefit-heading>p{font-size:14px}.benefit-list{gap:25px}.benefit-list h3{font-size:18px}.product-privacy{margin-inline:20px;padding:25px;align-items:flex-start;gap:16px}.product-privacy>svg:last-child{display:none}.product-privacy h2{font-size:22px}.product-invitation{padding:55px 25px 60px}.product-invitation h2{font-size:34px}}@media(max-width:600px){.public-nav{min-height:72px;gap:16px;padding:16px 20px}.public-nav .brand img{width:138px}.public-nav nav{gap:14px;font-size:12px}.public-nav nav>.language-picker{display:none}.footer{gap:20px;padding:25px 20px}.footer>.language-picker{flex-basis:100%;margin:0;justify-content:center}.footer .brand img{width:135px}}@media(max-width:400px){.public-nav .brand img{width:135px}.public-nav nav>a:not(.button){display:none}.product-actions{gap:8px}.product-actions .button{font-size:12px;padding-inline:12px}.product-privacy{margin-inline:16px;padding:22px 18px}.product-privacy>svg{width:22px}.language-picker select{min-width:0;max-width:100%}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:80px}.workspace{color:var(--ink);background:var(--surface);font-size:16px}.workspace svg{flex-shrink:0}.sidebar{width:240px;padding:24px 12px 0;background:#f7f8fa;border-color:var(--line)}.sidebar-brand{padding:0 10px;margin-bottom:24px}.sidebar-brand .brand img{width:174px}.sidebar .capture{margin-bottom:18px;font-size:14px;padding-inline:13px}.sidebar .nav-label{font-size:11px;line-height:1.35;letter-spacing:.045em;color:#68717b;padding-inline:12px;margin:5px 0 8px}.sidebar .nav-label .icon-button{width:36px;height:36px}.sidebar-nav{gap:2px;margin-bottom:14px}.sidebar-link,.sidebar-bottom>.sidebar-link{min-height:42px;padding:10px 12px;font-size:14px;color:#4f5965;border-radius:6px;gap:10px}.sidebar-link>small{font-size:12px;color:#69737e;font-variant-numeric:tabular-nums}.sidebar-link.active{background:#e6eff8;color:var(--blue);font-weight:600}.sidebar-link:hover{background:#eceff3}.sidebar-link.active:hover{background:#dceaf7}.directory-nav{min-height:50px;padding-bottom:12px;scrollbar-width:thin}.directory-empty{font-size:12px}@media(min-width:761px)and (min-height:501px){.sidebar{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding-top:20px}.sidebar>*{flex-shrink:0}.sidebar-brand{margin-bottom:18px}.sidebar .capture{margin-bottom:14px}.sidebar-nav{margin-bottom:8px}.sidebar .directory-nav{flex:none;min-height:0;overflow:visible}}.sidebar-bottom{padding-top:10px}.account-chip{margin-top:12px;padding:16px 4px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.account-chip strong{font-size:12px}.account-chip small{font-size:11px;margin-top:3px}.account-chip .icon-button{width:36px;min-height:44px}.workspace-main{margin-left:240px;width:calc(100% - 240px)}.app-topbar{height:65px;padding:0 28px;gap:16px;background:var(--surface)}.global-search{max-width:620px;color:#6c7681}.global-search input{font-size:16px;min-height:44px}.global-search kbd{font-size:11px;background:#f7f8fa}.sync-status{font-size:11px;color:#68727d}.app-topbar>.icon-button{width:44px;height:44px;background:var(--surface);border:0}.app-content{max-width:none;padding:26px 28px 50px;min-height:calc(100dvh - 65px)}.page-heading{align-items:center;gap:16px;margin-bottom:22px}.page-heading>div:first-child{min-width:0}.page-heading h1{font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:650;margin:0}.page-heading p{font-size:14px;margin-top:8px}.page-heading .eyebrow{font-size:11px;letter-spacing:.05em;margin-bottom:7px}.page-heading .heading-actions{margin-top:0;justify-content:flex-end;gap:8px}.page-heading .button,.workspace .button,.settings-section .button,.editor-side .button{font-size:15px;min-height:48px}.toolbar{gap:12px;padding-bottom:14px;margin-bottom:18px;flex-wrap:wrap}.toolbar-left,.toolbar-right{min-width:0;gap:10px}.toolbar-count,.checkbox-row{font-size:13px;color:var(--muted)}.toolbar select{max-width:220px;min-height:44px;padding:9px 26px 9px 12px;font-size:14px}.view-switch{padding:2px}.view-switch button{min-width:40px;height:40px}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px}.bookmark-card{border-color:#e3e6ea;border-radius:8px}.bookmark-preview{height:164px;background:#f1f3f6}.bookmark-body{padding:16px}.bookmark-body h2,.bookmark-list .bookmark-body h2{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.012em}.bookmark-body>p,.bookmark-list .bookmark-body>p{font-size:13px;line-height:1.5;color:var(--muted)}.card-domain,.bookmark-list .card-domain{font-size:12px;color:#68727e}.card-menu{width:44px;height:44px;top:4px;right:4px}.card-selection{top:4px;left:4px;width:44px;height:44px;align-items:center;justify-content:center}.card-selection input,.bookmark-list .card-selection input{width:18px;min-height:18px}.card-bottom{min-height:44px;gap:8px;flex-wrap:wrap}.card-bottom .icon-button{width:44px;height:44px}.tag,.metadata-badge{font-size:11px}.bookmark-list{gap:0}.bookmark-list .bookmark-card{grid-template-columns:132px minmax(0,1fr);border-width:0 0 1px;border-radius:0;min-height:144px;padding:14px 0;gap:16px}.bookmark-list .bookmark-preview{min-height:112px;height:100%;border-radius:6px}.bookmark-list .bookmark-body h2{padding-right:44px;margin-bottom:5px}.bookmark-list .card-menu{top:8px;right:0;background:var(--surface)}.bookmark-list .card-selection{top:16px;left:4px}.bookmark-list .card-domain{margin-bottom:6px;padding-right:38px}.bookmark-list .bookmark-body>p{margin-bottom:8px}.bookmark-list .card-bottom{border-top:0;padding-top:0}.empty{min-height:330px;padding:35px 20px}.empty h2{font-size:22px;font-weight:600}.empty>p,.empty>.button{font-size:14px}.privacy-note,.error-box,.bulk-bar{font-size:13px}.bulk-bar .button,.bulk-bar select{min-height:44px;font-size:13px}.privacy-note{flex-wrap:wrap}.privacy-note>span{flex:1;min-width:150px}.settings-section{padding:24px;margin-bottom:20px;border-radius:8px}.settings-section h2{font-size:20px;font-weight:600}.settings-section>p,.editor-side p{font-size:14px;line-height:1.6}.settings-section form{max-width:650px}.device-row{font-size:14px}.device-row strong{font-size:14px;overflow-wrap:anywhere}.device-row small{overflow-wrap:anywhere}.surf-card h2{font-size:21px}.surf-card p{font-size:14px}.surf-card-footer,.visibility{font-size:12px}.surf-card-footer .icon-button,.surf-item-actions .icon-button,.share-link-row .icon-button{width:44px;height:44px}.surf-item-content strong{font-size:14px}.surf-item-content small,.surf-item-index{font-size:12px}.editor-side{top:90px}.editor-layout>*,.form-row>*,.settings-section,.editor-form{min-width:0}.share-link-row input,.player-selector select{font-size:16px}.auth-page{display:block;background:var(--surface)}.auth-story{display:none}.auth-form{width:min(100%,500px);padding:30px 28px 45px;margin:auto}.auth-mobile-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-bottom:12px}.auth-mobile-brand .brand img{width:170px;max-width:100%}.auth-form .back-link{font-size:13px}.auth-inner{margin:28px auto 0}.auth-inner>h1{font-size:28px;line-height:1.2;font-weight:650;margin:10px 0 12px}.auth-inner>.muted{font-size:15px;margin-bottom:24px}.auth-inner input,.auth-inner select,.auth-inner textarea,.language-picker select{font-size:16px}.auth-inner .checkbox-label,.auth-switch{font-size:14px}.auth-inner .checkbox-label small,.auth-assurance,.forgot-link,.password-field button{font-size:12px}.auth-mobile-brand .language-picker.compact select,.welcome-page .language-picker.compact select{font-size:14px;min-height:44px}.welcome-page{min-height:100dvh;width:100%;padding:24px 28px 32px;background:var(--surface);color:var(--ink)}.welcome-page>header{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,1040px);margin:0 auto;min-height:48px}.welcome-page>header>img{width:178px;height:auto;max-width:48%}.welcome-content{width:min(100%,390px);margin:40px auto 0;text-align:center}.welcome-library{width:min(100%,320px);border:1px solid #e2e6eb;border-radius:12px;padding:12px;margin:0 auto 28px;background:#fafbfc;box-shadow:0 8px 28px #1e36570b;text-align:left}.welcome-library>div{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:42px;border-radius:6px;font-size:14px;color:#546171}.welcome-library>div:first-child{color:var(--blue);background:#e9f1fa;margin-bottom:8px}.welcome-library>div:first-child>svg:last-child{margin-left:auto}.welcome-library>div>svg{flex-shrink:0}.welcome-library strong{font-weight:600}.welcome-library>div>span:not(.welcome-line){white-space:nowrap}.welcome-line{width:22px;height:5px;background:#e3e7ec;border-radius:5px;margin-left:auto}.welcome-content h1{white-space:pre-line;font-size:31px;line-height:1.14;font-weight:700;letter-spacing:-.035em;margin-bottom:14px}.welcome-content>p{font-size:15px;line-height:1.55;color:var(--muted);max-width:340px;margin:0 auto 25px}.welcome-content .button{min-height:48px;font-size:16px;margin-top:10px}.welcome-content .button.primary{background:var(--blue);border-color:var(--blue)}.welcome-content .button.primary:hover{background:var(--deep)}.welcome-explore{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;font-size:14px;color:var(--blue)}.collections-page{max-width:920px}.collection-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-bottom:28px}.collection-shortcuts>a{min-height:76px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px;font-size:14px}.collection-shortcuts>a+a{border-left:1px solid var(--line)}.collection-shortcuts>a>svg{color:var(--blue);width:21px;height:21px}.collection-shortcuts>a>strong{margin-left:auto;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.collection-shortcuts>a:hover,.collection-row:hover{background:var(--soft)}.collection-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.collection-section-heading h2{font-size:15px;font-weight:600;letter-spacing:0}.collection-section-heading .text-button{font-size:13px;padding-inline:8px}.collection-list{border-top:1px solid var(--line)}.collection-row{display:flex;align-items:center;gap:14px;padding:15px 4px;min-height:78px;border-bottom:1px solid #eceef1}.collection-symbol{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#eef3f8;color:var(--blue);border-radius:9px}.collection-row>span:nth-child(2){min-width:0;flex:1}.collection-row strong{display:block;font-weight:550;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.collection-row small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:4px}.collection-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.collection-row>svg:last-child{color:#85909c}.collection-utilities{display:flex;gap:22px;flex-wrap:wrap;padding:18px 0}.collection-utilities>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--muted)}.category-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:5px 8px;background:var(--selected);border-radius:5px;font-size:12px;font-weight:500;line-height:1.4;color:var(--blue)}.category-picker,.icon-picker{padding:0;border:0;margin:0 0 22px;min-width:0}.category-picker legend,.icon-picker legend{font-size:14px;font-weight:600;margin-bottom:10px;padding:0}.category-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-picker button{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);text-align:left;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.category-picker button>svg{flex-shrink:0;width:20px;height:20px}.category-picker button.selected,.icon-picker button.selected{background:var(--selected);border-color:var(--blue);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.icon-picker>div{display:flex;flex-wrap:wrap;gap:8px}.icon-picker button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted)}button,input,select,textarea,a{scroll-margin:16px}dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin-top:max(16px,env(safe-area-inset-top));margin-bottom:max(16px,env(safe-area-inset-bottom));border-color:#dfe3e8;color:var(--ink)}.dialog-top{align-items:flex-start;gap:12px}.dialog-top h2{font-size:23px;line-height:1.3;font-weight:600;min-width:0;overflow-wrap:anywhere}.dialog-top .icon-button,.toast button{width:44px;height:44px}.dialog-top+.muted{font-size:14px}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{font-size:14px;white-space:normal}html.native-app .sidebar{padding-top:calc(24px + env(safe-area-inset-top))}html.native-app .app-topbar{height:calc(65px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-inline-start:max(16px,env(safe-area-inset-left));padding-inline-end:max(16px,env(safe-area-inset-right))}html.native-app .welcome-page{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-inline-start:max(24px,env(safe-area-inset-left));padding-inline-end:max(24px,env(safe-area-inset-right))}html.native-app .auth-form{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom))}html.native-app .player-header{padding-top:calc(16px + env(safe-area-inset-top));padding-inline-start:max(20px,env(safe-area-inset-left));padding-inline-end:max(20px,env(safe-area-inset-right))}@media(min-width:1800px){.app-content{padding-inline:40px}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media(min-width:761px)and (max-width:1100px){.sidebar-brand .brand img{width:163px}.app-content{padding:24px 22px 50px}.page-heading{flex-wrap:wrap}.page-heading .heading-actions{justify-content:flex-start}.sync-status{display:none}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collection-shortcuts{grid-template-columns:1fr}.collection-shortcuts>a{min-height:58px;padding:12px 16px}.collection-shortcuts>a+a{border-left:0;border-top:1px solid var(--line)}.category-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px),(max-width:1000px)and (max-height:500px){.sidebar{width:min(300px,calc(100vw - 40px));transform:translate(-100%);visibility:hidden;padding:24px 12px 0;transition:transform .2s,visibility .2s}.sidebar.open{transform:translate(0);visibility:visible}.sidebar-brand{margin-bottom:20px}.sidebar-brand .brand img{width:174px}.sidebar .nav-label .icon-button{width:44px;height:44px}.sidebar-link,.sidebar-bottom>.sidebar-link{min-height:44px}.workspace-main{width:100%;margin-left:0}.mobile-only{display:inline-flex}.app-topbar{height:60px;padding-inline:12px;gap:8px}.app-topbar>.mobile-only,.app-topbar>.icon-button:last-child{display:inline-flex;width:44px;height:44px;background:none;border:0}.global-search{gap:8px}.global-search>svg,.global-search kbd,.sync-status{display:none}.global-search input{font-size:16px;padding:10px 0}.app-content{min-height:calc(100dvh - 60px);padding:22px 20px calc(100px + env(safe-area-inset-bottom))}.page-heading{gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-heading h1{font-size:22px}.page-heading p{font-size:14px}.page-heading .heading-actions{gap:8px;margin:0;flex-wrap:wrap;justify-content:flex-start}.page-heading .heading-actions>.button{font-size:15px;min-height:48px;padding:11px 12px}.toolbar{align-items:center;gap:10px}.toolbar-count,.checkbox-row{font-size:12px}.toolbar select{font-size:16px;max-width:180px;min-height:44px}.toolbar-right{margin-left:auto}.toolbar-left{flex-wrap:wrap}.bookmark-list .bookmark-card{grid-template-columns:86px minmax(0,1fr);min-height:146px;padding:14px 0;gap:13px}.bookmark-list .bookmark-preview{min-height:115px;height:100%}.bookmark-list .bookmark-body h2{font-size:15px;line-height:1.4;margin:0 0 5px;padding-right:36px}.bookmark-list .bookmark-body{padding:0}.bookmark-list .bookmark-body>p{font-size:13px;-webkit-line-clamp:2}.bookmark-list .card-domain{font-size:12px;padding-right:32px}.bookmark-list .card-menu{width:44px;height:44px;top:5px;right:-6px}.bookmark-list .card-selection{top:16px;left:2px}.bookmark-list .card-bottom{gap:5px}.bookmark-list .card-bottom .icon-button{width:44px;height:44px}.bookmark-grid{gap:16px}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;position:fixed;bottom:0;left:0;right:0;z-index:25;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #e5e7eb}.mobile-nav>a{min-width:0;min-height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:var(--muted);font-size:11px;line-height:1.2;padding:4px 2px;text-align:center}.mobile-nav>a.active{color:var(--blue);font-weight:600}.mobile-nav>a svg{width:22px;height:22px;stroke-width:1.8}.collection-shortcuts{grid-template-columns:1fr;margin-bottom:22px}.collection-shortcuts>a{min-height:56px;padding:12px 15px;font-size:15px;flex-wrap:nowrap;gap:12px}.collection-shortcuts>a+a{border-left:0;border-top:1px solid var(--line)}.collection-section-heading{gap:8px;margin-bottom:8px}.collection-section-heading .text-button{font-size:12px;gap:5px}.collection-section-heading h2{font-size:14px}.collection-row{min-height:76px;padding-block:13px;gap:12px}.collection-row strong{font-size:15px}.collection-row small{font-size:12px}.collection-symbol{width:42px;height:42px}.collection-count{font-size:12px}.category-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.category-picker button{min-height:52px;font-size:12px;padding:9px 8px;gap:7px}.category-picker button>svg{width:18px;height:18px}.settings-section{padding:20px 16px}.settings-section h2{font-size:20px}.settings-section>p{font-size:14px}.device-row{flex-wrap:wrap}.device-row>div{min-width:0}.device-row strong{font-size:13px}.device-row .button{min-height:44px;font-size:13px}.editor-layout{grid-template-columns:minmax(0,1fr);gap:18px}.editor-form{padding:18px 16px}.editor-side{position:static;display:block}.surf-item{flex-wrap:wrap;padding:10px;gap:8px}.surf-item-actions{flex-direction:row;justify-content:flex-end;width:100%;border-top:1px solid var(--line);padding-top:5px}.surf-item-content strong{font-size:14px}.surf-item-content small{font-size:12px}.surf-card-body{padding:20px}.surf-card h2{font-size:21px}.surf-card p{font-size:14px}.surf-card-footer{font-size:12px}.empty{min-height:310px;padding:30px 8px}.empty h2{font-size:21px}.empty>p{font-size:14px}.form-row{grid-template-columns:minmax(0,1fr);gap:0}dialog{padding:22px 18px;width:calc(100vw - 24px)}.dialog-actions{gap:8px}.dialog-actions .button{min-height:44px;font-size:14px;padding:10px 12px}.dialog-top h2{font-size:22px}.auth-form{padding:20px 24px 40px}.auth-mobile-brand .brand img{width:156px}.auth-inner>h1{font-size:27px}.auth-inner>.muted{font-size:15px}.welcome-page{padding:16px 24px 24px}.welcome-page>header>img{width:156px}.welcome-content{margin-top:28px}.welcome-library{margin-bottom:24px}.welcome-content h1{font-size:30px}.toast{bottom:calc(80px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);font-size:13px}html.native-app .app-topbar{height:calc(60px + env(safe-area-inset-top))}html.native-app .app-content{padding-inline-start:max(20px,env(safe-area-inset-left));padding-inline-end:max(20px,env(safe-area-inset-right))}}@media(max-width:360px){.app-content{padding-inline:16px}.app-topbar{padding-inline:8px}.toolbar select{max-width:150px}.bookmark-list .bookmark-card{grid-template-columns:72px minmax(0,1fr);gap:11px}.collection-section-heading{align-items:flex-start;flex-wrap:wrap}.collection-section-heading .text-button{margin-left:auto}.collection-row{gap:9px}.collection-row small{font-size:11px}.collection-symbol{width:36px;height:40px}.collection-count{margin-left:0}.auth-form{padding-inline:20px}.auth-mobile-brand .brand img{width:132px}.auth-mobile-brand{gap:10px}.welcome-page{padding-inline:20px}.welcome-page>header>img{width:132px}.welcome-content h1{font-size:27px}.welcome-library{padding:8px}.welcome-library>div{font-size:12px;padding:9px;gap:9px}.welcome-content>p{font-size:14px}.category-picker>div{gap:6px}.category-picker button{flex-direction:column;align-items:flex-start;font-size:12px;min-height:68px}}@media(max-height:740px)and (max-width:760px){.welcome-content{margin-top:16px}.welcome-library{padding:8px;margin-bottom:18px}.welcome-library>div{min-height:34px;padding-block:7px;font-size:12px}.welcome-library>div:first-child{margin-bottom:3px}.welcome-content h1{font-size:27px;margin-bottom:10px}.welcome-content>p{font-size:14px;margin-bottom:15px}}@media(orientation:landscape)and (max-height:500px){.welcome-content{width:min(100%,720px);display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1fr);column-gap:28px;margin-top:18px;text-align:left}.welcome-library{grid-column:1;grid-row:1 / 6;align-self:center;margin:0}.welcome-content h1,.welcome-content>p,.welcome-content>a{grid-column:2}.welcome-content h1{font-size:25px;margin-bottom:10px}.welcome-content>p{font-size:13px;margin-bottom:8px}.welcome-content .button{min-height:44px;font-size:14px;margin-top:6px}.welcome-explore{margin-top:2px;font-size:13px}}@media(pointer:coarse){.password-field button{min-height:44px;top:1px}.sidebar .nav-label .icon-button{width:44px;height:44px}.color-option{width:36px;height:36px}}.color-options{flex-wrap:wrap}@media(max-height:500px){.sidebar{overflow-y:auto}.sidebar .directory-nav{flex:none;min-height:0;overflow:visible}}.metadata-badge,.surf-card-footer,.device-row small{color:var(--muted)}.capture-page{min-height:100dvh;background:var(--canvas);padding:0 20px 40px;color:var(--ink)}.capture-page>header{display:flex;align-items:center;gap:12px;max-width:760px;margin:auto;min-height:80px}.capture-page>header .brand{margin-right:auto;min-width:0;flex:0 1 auto}.capture-page>header .brand img{width:155px}.capture-panel{max-width:620px;margin:15px auto 0;padding:30px;background:var(--surface);border:1px solid #e2e6ea;border-radius:14px}.capture-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.capture-heading img{width:35px;height:35px}.capture-heading h1{font-size:24px;letter-spacing:-.03em;margin:0}.capture-panel>p{font-size:15px;line-height:1.6}.capture-panel form{margin-top:24px}.capture-panel label{font-size:14px}.capture-panel input,.capture-panel select,.capture-panel textarea{font-size:16px;min-height:46px}.capture-source{padding:18px;border:1px solid #e3e7ec;border-radius:8px;margin:22px 0;overflow-wrap:anywhere}.capture-source p{color:var(--muted);font-size:14px;margin-bottom:0}.capture-destination{display:flex;gap:10px;margin:22px 0}.capture-destination button{min-height:48px;padding:10px 16px;flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dbe2e8;border-radius:8px;background:var(--surface);font-size:15px}.capture-destination button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:#edf5fc;box-shadow:0 0 0 1px #08579a}.capture-success{text-align:center;padding:24px 0 5px}.capture-success>svg{color:var(--blue)}.capture-success h2{font-size:23px}.capture-success p{overflow-wrap:anywhere;font-size:15px;line-height:1.6}.capture-success .button{margin-top:16px}.capture-panel .privacy-note{align-items:flex-start;font-size:13px;line-height:1.5}.native-app .capture-page{padding-top:env(safe-area-inset-top);padding-bottom:calc(30px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}@media(max-width:600px){.capture-page{padding-inline:16px;background:var(--surface)}.capture-page>header{min-height:68px;gap:5px}.capture-page>header .brand img{width:125px}.capture-panel{margin:12px 0 0;padding:10px 0;border:0}.capture-heading h1{font-size:22px}.capture-heading img{width:30px;height:30px}.capture-page>header .language-picker.compact select{font-size:16px}}.product-hero{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.25fr);align-items:center;gap:42px;max-width:1320px;padding:44px 36px 50px;text-align:left}.hero-copy,.hero-product{min-width:0}.product-hero h1{font-size:clamp(44px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 20px;color:var(--deep)}.hero-copy>p{max-width:400px;color:var(--muted);font-size:18px;line-height:1.55}.product-kicker{font-size:10px;letter-spacing:.07em}.product-kicker img{width:24px;height:24px}.product-actions{justify-content:flex-start;gap:10px;margin:26px 0 18px}.product-actions .button{padding:12px 17px;font-size:14px;min-height:48px}.platform-note{justify-content:flex-start;font-size:11px;gap:7px}.product-benefits{margin-top:24px}@media(min-width:1400px){.product-hero{padding-top:58px;padding-bottom:58px;gap:52px}}@media(min-width:761px)and (max-width:1100px){.product-hero{grid-template-columns:minmax(260px,.8fr) minmax(0,1.15fr);gap:26px;padding:36px 28px 42px}.product-hero h1{font-size:45px}.hero-copy>p{font-size:17px}.product-actions{gap:9px}.product-actions .button{font-size:13px;padding-inline:12px}}@media(max-width:760px){.product-hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:30px 24px 36px}.hero-copy{max-width:480px;margin:auto;width:100%}.product-hero h1{font-size:clamp(39px,8vw,53px);margin:16px 0 18px}.hero-copy>p{font-size:17px;max-width:420px}.product-actions{margin:23px 0 17px;gap:9px}.product-actions .button{font-size:14px;padding:12px 15px}.platform-note{font-size:11px}.hero-product{width:100%;max-width:580px;margin:auto}}@media(max-width:480px){.product-hero{padding:24px 20px 32px;gap:28px}.product-hero h1{font-size:41px}.product-actions .button{font-size:13px;padding-inline:13px;gap:7px}}@media(max-width:360px){.product-hero{padding-inline:16px}.product-hero h1{font-size:37px}.product-actions .button{min-height:46px;font-size:12px;padding-inline:11px}}.product-screens{margin:0;width:100%;min-width:0}.product-screens-composition{position:relative;padding:0 68px 22px 0}.screen-desktop{width:100%;border:1px solid #dfe4eb;border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:0 20px 50px #15375d0d,0 2px 8px #15375d08}.screen-desktop img,.screen-iphone img{display:block;width:100%;height:auto}.screen-iphone{position:absolute;right:0;bottom:0;width:154px;max-width:28%;border:4px solid #203345;border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 12px 35px #15375d18}.product-screens figcaption{margin:15px 0 0;text-align:center;color:var(--muted);font-size:11px;line-height:1.5}@media(min-width:761px)and (max-width:1100px){.product-screens-composition{padding-right:44px;padding-bottom:36px}.screen-iphone{width:125px;max-width:30%;border-width:3px;border-radius:18px}}@media(max-width:760px){.product-screens-composition{display:flex;flex-direction:column;align-items:center;padding:0;gap:24px}.screen-iphone{position:static;order:-1;width:168px;max-width:70%;border-width:4px;border-radius:24px}.screen-desktop{width:100%;max-width:580px;border-radius:7px}.product-screens figcaption{font-size:10px;margin-top:14px}}:root{--public-width: 1200px;--public-gutter: clamp(16px, 3.3vw, 48px)}.public-site{display:flex;flex-direction:column}html.native-app .public-site{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--public-gutter: max( clamp(16px, 3.3vw, 48px), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px) )}.public-nav,.public-site>.footer,.public-content,.legal,.product-hero,.product-benefits,.product-privacy,.product-invitation{width:min(calc(100% - 2 * var(--public-gutter)),var(--public-width));max-width:none;margin-inline:auto}.public-nav{min-height:88px;padding:20px 0;gap:24px;flex-shrink:0;flex-wrap:wrap}.public-nav .brand img,.public-site>.footer .brand img{width:180px}.public-nav nav{flex-wrap:wrap;justify-content:flex-end;gap:clamp(12px,2vw,24px);font-size:14px;min-width:0}.public-nav nav>a{display:inline-flex;min-height:44px;align-items:center}.public-nav .language-picker.compact select{min-height:44px;font-size:16px}.public-nav nav>.button{min-height:44px;padding:10px 14px;font-size:14px}.public-site>.product-landing{flex:1;width:100%}.product-hero{padding-inline:0}.product-benefits{padding:32px 0;gap:clamp(32px,6vw,80px)}.benefit-list p{font-size:15px}.product-privacy{padding:32px}.product-privacy p{font-size:15px}.product-invitation{padding-inline:0}.product-invitation p{font-size:16px}.public-content{padding:48px 0 80px;flex:1}.public-content .page-heading h1{font-size:clamp(28px,3.2vw,42px)}.legal{padding:0;margin-block:48px 80px;flex:1}.legal>*{max-width:760px}.legal h1{font-size:clamp(32px,4vw,44px)}.legal p{font-size:16px}.public-site>.footer{padding:28px 0;margin-top:auto;gap:24px;font-size:13px;flex-shrink:0}.public-site>.footer .language-picker select{min-height:44px;font-size:16px}.public-site>.footer>span{flex-basis:auto;margin-inline-end:auto}.auth-page{font-size:16px;width:100%}.auth-form{width:min(calc(100% - 2 * var(--public-gutter)),560px);padding:24px 0 48px;margin-inline:auto}.auth-mobile-brand{gap:12px;margin-bottom:16px}.auth-mobile-brand .brand img{width:clamp(132px,38vw,180px)}.auth-mobile-brand .language-picker.compact select{min-height:44px;font-size:16px}.auth-form .back-link{font-size:14px;width:fit-content;margin-bottom:16px}.auth-inner{width:100%;max-width:560px;margin:28px auto 0}.auth-inner>.eyebrow{font-size:11px;line-height:1.5;color:var(--blue)}.auth-inner>h1{font-size:clamp(28px,3.2vw,36px);line-height:1.15;margin:12px 0 16px;overflow-wrap:break-word}.auth-inner>.muted{font-size:16px;line-height:1.6;margin-bottom:28px}.auth-inner form{margin-top:28px}.auth-inner form>label{font-size:15px;line-height:1.5;gap:8px;margin-bottom:22px}.auth-inner input:not([type=checkbox]),.auth-inner select,.auth-inner textarea{min-width:0;min-height:52px;padding:14px 16px;border-color:#7f8fa0;border-radius:9px;font-size:16px;line-height:1.4}.auth-inner input::placeholder{color:#687787}.auth-inner input:focus-visible,.auth-inner select:focus-visible,.auth-inner textarea:focus-visible,.auth-inner .input-prefix:focus-within{outline:none;outline-offset:0;box-shadow:var(--field-focus-shadow);border-color:var(--focus)}.auth-inner .input-prefix{border-color:#7f8fa0;border-radius:9px;padding-inline-start:16px;min-width:0}.auth-inner .input-prefix input{border:0}.auth-inner .input-prefix input:focus-visible{outline:0;box-shadow:none}.auth-inner input[aria-invalid=true],.auth-inner .input-prefix.field-invalid{border-color:#ad302a;background:snow}.auth-inner .field-error{font-size:13px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.auth-inner .password-field input{padding-inline-end:112px}.auth-inner .password-field button{inset-inline-end:4px;top:4px;height:44px;min-width:80px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:600;color:var(--blue)}.auth-inner .password-field button:focus-visible{outline-offset:-3px}.auth-inner form>.checkbox-label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;min-height:44px;padding-block:8px;font-size:14px;font-weight:400;line-height:1.6}.auth-inner .checkbox-label input{width:22px;height:22px;min-height:22px;padding:0;margin:2px 0 0}.auth-inner label small,.auth-inner .checkbox-label small{font-size:13px;line-height:1.5}.auth-inner .forgot-link{align-items:center;min-height:44px;padding:0;margin:-6px 0 12px;font-size:14px}.auth-inner .error-box{align-items:flex-start;padding:16px;font-size:14px;overflow-wrap:anywhere}.auth-inner .button.primary{width:100%;min-height:52px;padding:14px 20px;font-size:16px}.auth-inner input:disabled,.auth-inner select:disabled,.auth-inner textarea:disabled{opacity:1;background:#f2f4f7;color:#596675;cursor:not-allowed}.auth-inner .button:disabled{opacity:1;background:#e4e9ef;border-color:#d5dde6;color:#627081}.auth-inner form[aria-busy=true] .button.primary{cursor:progress}.auth-switch{font-size:15px;line-height:1.6;margin-top:24px}.auth-switch a{display:inline-flex;align-items:center;min-height:44px}.auth-assurance{align-items:flex-start;margin-top:24px;padding-top:20px;font-size:13px;line-height:1.5;text-align:center}.auth-assurance>svg{flex-shrink:0}.auth-page--public{flex:1;min-height:0;padding-block:clamp(24px,4vw,56px) 64px}.auth-page--public .auth-form{width:min(calc(100% - 2 * var(--public-gutter)),640px);padding:0}.auth-page--public .auth-mobile-brand{display:none}.auth-page--public .auth-inner{max-width:none;margin:0;padding:36px 40px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 30px #15375d06}@media(hover:hover){.auth-inner .password-field button:hover{background:#edf3f9}}@media(max-width:760px){.public-nav,.public-site>.footer{gap:16px}.public-nav{min-height:76px;padding-block:16px}.public-nav .brand img,.public-site>.footer .brand img{width:148px}.product-benefits{padding-block:24px}.product-privacy{padding:24px}.public-content{padding-block:32px 56px}.legal{margin-block:32px 56px}}@media(max-width:600px){.auth-page--public{padding-block:24px 48px}.auth-page--public .auth-inner{padding:0;border:0;border-radius:0;box-shadow:none}}@media(max-width:600px){.public-nav{column-gap:12px;row-gap:8px}.public-nav nav{flex:1;gap:8px}.public-nav nav>a:not(.button){display:inline-flex;min-height:44px;font-size:13px}.public-nav nav>.button{font-size:13px;gap:6px;padding-inline:10px}}@media(max-width:360px){.public-nav .brand img{width:124px}}.surf-player{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow:hidden;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--surface)}.surf-player .player-header,html.native-app .surf-player .player-header{min-height:64px;padding:8px 16px;gap:12px;border-bottom:0}.surf-player-brand{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px}.surf-player-brand img{width:36px;height:36px;object-fit:contain}.surf-player-heading{flex:1;min-width:0}.surf-player-heading h1{font-size:16px;font-weight:600;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surf-player-heading>span{display:block;color:var(--muted);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surf-player .icon-button{width:44px;height:44px;min-width:44px;flex-shrink:0}.surf-player-canvas{width:100%;min-height:0;min-width:0;overflow:hidden;background:#f5f8fa}.surf-player-canvas iframe{width:100%;height:100%;display:block;border:0;background:var(--surface)}.surf-player-state{grid-row:2 / -1;min-height:0;height:100%;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;text-align:center}.surf-player-state h2{font-size:clamp(22px,3vw,32px);overflow-wrap:anywhere}.surf-player-state p{max-width:560px}.surf-player .player-toolbar{position:static;width:100%;padding:8px 16px;gap:8px;align-items:center;min-width:0;border-top:0;box-shadow:none}.surf-player .player-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;flex:1;min-width:0;max-width:780px;height:48px;padding:1px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.surf-player .player-navigation>.icon-button{width:44px;height:44px;border:0;border-radius:11px;padding:10px;color:var(--ink);background:transparent;box-shadow:none}.surf-player .player-navigation>.icon-button:hover:not(:disabled){background:var(--selected);color:var(--blue)}.surf-player .player-navigation>.icon-button:disabled{color:var(--muted);opacity:.45;background:transparent}.surf-player .player-selector{position:relative;max-width:none;min-width:0;height:44px;border-radius:10px}.surf-player .player-selector select{min-width:0;height:44px;min-height:44px;font-size:16px;width:100%;appearance:none;-webkit-appearance:none;padding:8px 44px 8px 12px;border:0;border-radius:10px;color:var(--ink);background:transparent;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.surf-player .player-selector>svg{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.surf-player .player-selector:focus-within{background:var(--surface);box-shadow:var(--field-focus-shadow),inset 0 0 0 1px var(--focus)}.surf-player .player-selector select:is(:focus,:focus-visible){outline:none;box-shadow:none}@media(forced-colors:active){.surf-player .player-selector:focus-within{outline:2px solid Highlight;outline-offset:-2px}}.surf-player .player-position{font-size:13px;padding-inline:4px}.surf-player-details{display:flex;flex-direction:column;align-items:flex-start;gap:20px;font-size:15px}.surf-player-details p{margin:0;overflow-wrap:anywhere}.surf-player-details a:not(.button){color:var(--blue);text-decoration:underline}.surf-accessible-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.surf-player .player-header,html.native-app .surf-player .player-header{padding:6px 8px;min-height:56px;gap:6px}.surf-player .player-toolbar{padding:8px}.surf-player-heading h1{font-size:15px}.surf-player-heading>span{display:none}.surf-player .player-position,.surf-player .surf-reload{display:none}}@media(max-height:500px){.surf-player .player-header,html.native-app .surf-player .player-header{min-height:52px;padding-block:4px}.surf-player-heading>span{display:none}.surf-player .player-toolbar{padding-block:4px}}.surf-field-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.surf-field-label small{color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}.surf-cover-picker{padding-block:24px;border-block:1px solid var(--line);margin-block:8px 20px;min-width:0}.surf-cover-picker h2{font-size:18px;margin:0}.surf-cover-picker>.section-label{align-items:baseline;gap:12px;flex-wrap:wrap}.surf-cover-picker>.section-label>span{font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0}.surf-cover-picker>p,.surf-cover-upload>p,.surf-social-preview>p{font-size:13px;line-height:1.6}.surf-cover-presets{border:0;padding:0;margin:20px 0;min-width:0}.surf-cover-presets legend{font-size:14px;font-weight:600;margin-bottom:10px}.surf-cover-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.surf-cover-preset{position:relative;display:block;min-width:0;min-height:44px;margin:0;border:2px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;overflow:hidden}.surf-cover-preset img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}.surf-cover-preset>span{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px;padding:8px;font-size:13px}.surf-cover-preset input{position:absolute;width:100%;height:100%;margin:0;inset:0;opacity:0;cursor:pointer}.surf-cover-preset.is-selected{border-color:var(--blue);background:#edf7ff;color:#0d3f6e}.surf-cover-preset:focus-within{outline:none;outline-offset:0;border-color:var(--focus);box-shadow:var(--field-focus-shadow)}.surf-cover-presets:disabled .surf-cover-preset{opacity:.6;cursor:wait}.surf-cover-upload{display:grid;gap:10px;margin-block:16px 24px}.surf-cover-upload>.button{position:relative;justify-self:start;min-height:44px;overflow:hidden}.surf-cover-file{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.surf-cover-upload>.button:focus-within{outline:none;outline-offset:0;border-color:var(--focus);box-shadow:var(--field-focus-shadow)}.surf-cover-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px}.surf-cover-progress progress{width:90px;height:8px;accent-color:var(--blue)}.surf-social-preview{min-width:0}.surf-social-preview h3{font-size:14px;margin-bottom:12px}.surf-social-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.surf-social-image{width:100%;aspect-ratio:1200/630;background:#f2f5f7}.surf-social-image>img,.surf-social-image>.image-fallback{display:block;width:100%;height:100%;object-fit:cover}.surf-social-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.surf-social-copy{display:grid;gap:7px;padding:16px;min-width:0}.surf-social-copy small{color:var(--muted);font-size:12px}.surf-social-copy strong{font-size:18px;line-height:1.35;overflow-wrap:anywhere}.surf-social-copy p{margin:0;line-height:1.5;color:var(--muted);font-size:14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.surf-approval-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;margin-bottom:24px;border:1px solid #cadceb;background:#f3f8fc;border-radius:10px;color:#0d3f6e}.surf-approval-notice>svg{flex:none;margin-top:2px}.surf-approval-notice strong{font-size:14px}.surf-approval-notice p{margin:7px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.surf-approval-notice.is-approved{background:#f0f8f4;border-color:#b7dbc7;color:#245f42}.surf-approval-notice.is-rejected{background:#fff5ed;border-color:#f0c8aa;color:#873907}.surf-publication-note{font-size:14px;line-height:1.6;color:var(--muted)}.surf-publication-issues{background:#fff5ed;border:1px solid #edc3a6;border-radius:10px;padding:14px 16px;margin:16px 0;font-size:14px;color:#873907}.surf-publication-issues ul{padding-left:20px;margin:8px 0 0;line-height:1.65}.review-queue-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.review-queue-heading h2{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:20px}.review-queue-heading p{max-width:680px;font-size:14px;line-height:1.65;color:var(--muted);margin:0}.review-queue-heading>.button{flex:none}.surf-review-queue{margin-top:24px;min-width:0}.surf-review-queue>.pill-tabs{flex-wrap:wrap}.surf-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:20px}.surf-review-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;min-width:0}.review-cover{width:100%;aspect-ratio:1200/630;background:#f0f4f7;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.review-cover img,.review-cover>.image-fallback{display:block;width:100%;height:100%;object-fit:cover}.surf-review-card-content{display:grid;gap:12px;padding:18px;min-width:0}.surf-review-card-content h3{margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.review-author{margin:0;font-size:14px;overflow-wrap:anywhere}.review-author span{color:var(--muted)}.surf-review-card dl{display:flex;flex-wrap:wrap;gap:14px;margin:0;font-size:12px}.surf-review-card dt{color:var(--muted);margin-bottom:4px}.surf-review-card dd{margin:0;font-weight:600}.review-status{display:inline-flex;justify-self:start;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.4;background:#edf4fa;color:#0d3f6e}.review-status.is-approved{background:#edf7f0;color:#245f42}.review-status.is-rejected{background:#fff0e7;color:#873907}.surf-review-card .button{min-height:44px;width:100%}.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:2px 6px;border-radius:20px;background:#e9f2fa;color:#0d3f6e;font-size:12px;font-variant-numeric:tabular-nums}.surf-review-detail{display:grid;gap:14px;min-width:0}.surf-review-detail .review-cover{border-radius:9px;overflow:hidden}.surf-review-detail h3,.surf-review-detail h4,.surf-review-detail p{margin:0;overflow-wrap:anywhere}.surf-review-detail h3{font-size:21px}.surf-review-detail p{font-size:14px;line-height:1.65}.review-stop-list{padding-left:22px;max-height:270px;overflow-y:auto;margin:0}.review-stop-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.review-stop-list a{overflow-wrap:anywhere}.review-decision-buttons{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.review-decision-buttons .button{min-height:44px}.review-reject{color:#873907;border-color:#bf672e;background:#fff4eb}.surf-review-detail form{display:grid;gap:14px}.surf-review-detail textarea{min-height:120px;width:100%;font-size:16px}.surf-notification-list{list-style:none;padding:0;margin:0}.surf-notification-list>li{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.surf-notification-list>li>svg{flex:none;margin-top:3px;color:var(--muted)}.surf-notification-list>li>div{min-width:0}.surf-notification-list .is-unread strong{color:var(--blue)}.surf-notification-list strong,.surf-notification-list p{overflow-wrap:anywhere}.surf-notification-list p{margin:7px 0;font-size:14px;line-height:1.6}.surf-notification-list small{color:var(--muted)}.notification-actions{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:8px}.notification-actions .text-button{min-height:44px}.approval-metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media(max-width:700px){.review-queue-heading{flex-direction:column;gap:12px}.review-queue-heading>.button{align-self:flex-start}.surf-cover-picker{padding-block:20px}.surf-cover-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surf-social-copy{padding:14px}.surf-social-copy strong{font-size:17px}.surf-review-card-content{padding:16px}.surf-approval-notice{padding:14px;gap:10px}.review-decision-buttons>.button{flex:1 1 160px}}:root{--ink: #1c2a39;--muted: #5f6d7d;--blue: #08579a;--deep: #08579a;--primary: #08579a;--primary-hover: #074b87;--primary-border: #074b87;--primary-shadow: #08579a26;--accent: #bf4200;--orange: #f66e0b;--line: #dfe5ec;--field-line: #7f8fa0;--surface: #ffffff;--paper: var(--surface);--canvas: #f6f8fb;--sidebar: #f2f5f9;--soft: #edf2f7;--selected: #e3effb;--selected-line: #a1c8eb;--focus: #0b75c9;--field-focus-halo: #0b75c929;--field-error-halo: #b4231829;--field-focus-shadow: 0 0 0 2px var(--field-focus-halo);--danger: #b42318;--danger-bg: #fff1f0;--success: #245f42;--success-bg: #edf8f0;--warning: #964500;--warning-bg: #fff3e5;--tint-blue: #e5f1fc;--tint-orange: #fff0e2;--tint-teal: #e4f5f3;--tint-violet: #f0eafa;--tint-rose: #fbeaf0;--shadow-sm: 0 2px 8px #20334906;--shadow-panel: 0 16px 48px #2033490b;--radius: 14px;color:var(--ink);background:var(--canvas)}html[data-theme=dark]{--ink: #ecf1f6;--muted: #abb9c8;--blue: #8ac8ff;--deep: #8ac8ff;--primary: #1475c7;--primary-hover: #116bb5;--primary-border: #3b8bd0;--primary-shadow: #00000033;--accent: #ffb26e;--line: #2c3b4b;--field-line: #64778c;--surface: #18232f;--canvas: #111923;--sidebar: #131d28;--soft: #202e3d;--selected: #203b56;--selected-line: #477eae;--focus: #8ac8ff;--field-focus-halo: #8ac8ff2e;--field-error-halo: #ffb5ad2e;--danger: #ffb5ad;--danger-bg: #3c2427;--success: #8ee1af;--success-bg: #17392c;--warning: #ffbe87;--warning-bg: #3b2b1e;--tint-blue: #203b56;--tint-orange: #3b2c21;--tint-teal: #193c3b;--tint-violet: #342c49;--tint-rose: #432a39;--shadow-sm: 0 2px 8px #00000018;--shadow-panel: 0 16px 48px #00000026}body{background:var(--canvas);color:var(--ink)}input,select,textarea{border-color:var(--field-line);background:var(--surface);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input[type=file]::file-selector-button{background:var(--selected);color:var(--blue)}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:disabled,.button:disabled{cursor:not-allowed}.button{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:10px;box-shadow:var(--shadow-sm)}.button.primary,.welcome-content .button.primary{background:linear-gradient(180deg,#0000,#0000000d),var(--primary);color:#fff;border-color:var(--primary-border);box-shadow:inset 0 1px #ffffff1f,0 1px 3px var(--primary-shadow)}.button.primary:active:not(:disabled){transform:none;box-shadow:inset 0 1px 2px #0000001f}.button.soft,.button.quiet{background:var(--selected);color:var(--blue);border-color:var(--selected-line)}.button.danger{background:#b42318;color:#fff;border-color:#b42318}.text-button{color:var(--blue)}.icon-button{color:var(--muted);border-radius:10px}@media(hover:hover){.button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--soft)}.button.primary:hover:not(:disabled),.welcome-content .button.primary:hover:not(:disabled){background:linear-gradient(180deg,#0000,#0000000d),var(--primary-hover);color:#fff}html[data-theme=dark] .button.primary:hover:not(:disabled){background-color:var(--primary-hover)}.button.danger:hover:not(:disabled){background:#941e15}}.button:disabled,.button.primary:disabled,.auth-inner .button:disabled{background:var(--soft);border-color:var(--line);color:var(--muted);opacity:1;box-shadow:none}input:disabled,textarea:disabled,select:disabled,.auth-inner input:disabled{background:var(--soft);color:var(--muted);opacity:1}.error-box,.toast.error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.success-box{background:var(--success-bg);color:var(--success);border-color:var(--line)}.privacy-note,.offline-banner,.surf-publication-issues{background:var(--warning-bg);color:var(--warning);border-color:var(--line)}.metadata-badge.pending{background:var(--warning-bg);color:var(--warning)}.capture-panel,.capture-source,.capture-destination button{border-color:var(--line)}.capture-destination button[aria-pressed=true]{background:var(--selected);color:var(--blue);border-color:var(--selected-line);box-shadow:0 0 0 1px var(--blue)}.tag,.visibility,.metadata-badge,.review-status,.notification-count{background:var(--soft);color:var(--muted)}.surf-approval-notice,.surf-approval-notice.is-pending{background:var(--selected);border-color:var(--line);color:var(--ink)}.surf-approval-notice.is-approved{background:var(--success-bg);color:var(--success)}.surf-approval-notice.is-rejected{background:var(--warning-bg);color:var(--warning)}.pill-tabs button,.view-switch,.toolbar select,.segmented,.category-picker button,.icon-picker button{background:var(--surface);color:var(--muted);border-color:var(--line)}.pill-tabs button.active,.view-switch button.active,.category-picker button.selected,.icon-picker button.selected{background:var(--selected);color:var(--blue);border-color:var(--selected-line)}.theme-picker.compact{display:inline-flex;flex-direction:row;align-items:center;gap:5px;margin:0;min-height:44px;color:var(--muted)}.theme-picker.compact svg{flex-shrink:0}.theme-picker.compact select{min-width:0;width:auto;max-width:116px;padding:8px 2px;border:0;background:transparent;font-size:16px;min-height:44px;box-shadow:none}.appearance-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.appearance-controls .language-picker.compact select{font-size:16px}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:0;margin:22px 0 0}.theme-option{position:relative;min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);gap:10px;margin:0;cursor:pointer}.theme-option.selected{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus);background:var(--selected)}.theme-option input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.theme-option:focus-within{outline:none;outline-offset:0;border-color:var(--focus);box-shadow:var(--field-focus-shadow)}.theme-option-label{display:flex;align-items:center;gap:8px;font-size:14px}.theme-option-label>svg:last-child:not(:first-child){margin-left:auto;color:var(--blue)}.theme-option small{font-size:12px;line-height:1.5}.theme-option-preview{display:grid;grid-template-columns:25% 1fr;height:64px;border:1px solid #b8c4cf;border-radius:7px;overflow:hidden;background:#fff}.theme-option-preview>span:first-child{background:#e9eef5}.theme-option-preview>span:last-child{padding:10px 9px;display:grid;gap:5px}.theme-option-preview i{display:block;height:5px;border-radius:2px;background:#cbd8e4}.preview-dark{background:#18232f;border-color:#64778c}.preview-dark>span:first-child{background:#101923}.preview-dark i{background:#42617e}.preview-system{background:linear-gradient(90deg,#fff 50%,#18232f 50%)}.preview-system>span:first-child{background:#e9eef5}.preview-system i{background:#88a6c2}.workspace{background:var(--canvas)}.sidebar{width:240px;background:var(--sidebar);border-color:var(--line);padding-inline:12px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-gutter:stable}.sidebar>*{flex-shrink:0}.sidebar .directory-nav{flex:none;min-height:0;overflow:visible}.sidebar .sidebar-bottom{position:static;flex:none}.sidebar-brand{gap:12px;padding-inline:0}.sidebar-brand .brand{flex:1;min-width:0;min-height:44px;max-width:none}.sidebar .brand img{width:100%;height:auto;max-width:none;object-fit:contain}.sidebar-brand>.icon-button{flex:0 0 44px}.sidebar .capture{border-radius:10px;justify-content:flex-start;padding-inline:15px}.sidebar .capture kbd{margin-left:auto}.sidebar-link,.sidebar-bottom>.sidebar-link{border-radius:9px;color:var(--muted);font-size:14px;min-height:44px}.sidebar-link>small,.sidebar .nav-label,.account-chip small{color:var(--muted)}.sidebar-link.active{background:var(--selected);color:var(--blue);font-weight:650}.sidebar-link.active svg{stroke-width:2.1}.sidebar-link:hover{background:var(--soft)}.sidebar-link.active:hover{background:var(--selected)}.account-chip{border-color:var(--line);gap:8px;padding:12px 2px calc(12px + env(safe-area-inset-bottom));margin-top:10px}.account-chip>a:not(.avatar){display:grid;align-content:center;gap:2px;flex:1;min-width:0;min-height:44px;color:var(--ink);text-decoration:none}.account-chip strong,.account-chip small{max-width:none;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chip strong{font-size:12px;line-height:17px;font-weight:650}.account-chip small{font-size:11px;line-height:15px}.account-chip>.avatar{width:44px;height:44px;position:relative;isolation:isolate;background:transparent}.account-chip>.avatar:before{content:"";position:absolute;inset:4px;width:36px;height:36px;border-radius:50%;background:var(--selected);z-index:-1}.account-chip>.avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.account-chip .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}.avatar{background:var(--selected);color:var(--blue)}.workspace-main{background:var(--canvas)}.app-topbar{background:var(--surface);border-color:var(--line);gap:16px;padding-inline:28px}.app-topbar .global-search{border:1px solid var(--line);border-radius:10px;padding:0 13px;background:var(--canvas);min-height:42px;color:var(--muted)}.global-search input{background:transparent;min-height:40px;font-size:15px}.global-search kbd{background:var(--surface);border-color:var(--line);color:var(--muted)}.global-search:focus-within{border-color:var(--focus);outline:none;outline-offset:0;box-shadow:var(--field-focus-shadow)}.app-topbar>.icon-button{background:var(--selected);color:var(--blue);border-radius:11px}.sync-status{color:var(--muted)}.app-content{padding:30px 32px 60px}.page-heading h1{color:var(--ink);font-weight:720;letter-spacing:-.035em;font-size:27px}.page-heading p{color:var(--muted);line-height:1.55}.page-heading .eyebrow{color:var(--muted)}.toolbar{border-color:var(--line)}.toolbar-count,.checkbox-row,.card-domain,.bookmark-list .card-domain{color:var(--muted)}.bookmark-card{background:var(--surface);border-color:var(--line);border-radius:13px;box-shadow:var(--shadow-sm)}.bookmark-preview,.image-fallback{background:var(--soft);color:var(--muted)}.bookmark-body>p,.bookmark-list .bookmark-body>p{color:var(--muted)}.card-menu,.card-selection{background:var(--surface);color:var(--muted);border-color:var(--line)}.bookmark-list{display:grid;gap:9px}.bookmark-list .bookmark-card{border:1px solid var(--line);border-radius:12px;padding:14px;gap:16px;grid-template-columns:108px minmax(0,1fr);min-height:128px}.bookmark-list .bookmark-preview{height:100px;min-height:0;border-radius:8px;overflow:hidden}.bookmark-list .bookmark-body{padding:0}.bookmark-list .bookmark-body h2{font-size:16px;padding-inline-end:36px}.bookmark-list .card-menu{right:7px;top:7px}.bookmark-list .card-selection{top:5px;left:5px}.empty{min-height:330px;padding:56px 20px}.empty-art{color:var(--blue);background:var(--selected);width:76px;height:76px;border-radius:22px;margin-bottom:22px}.empty-art>span{display:none}.empty h2{font-size:23px;margin-bottom:9px}.empty>p{max-width:390px;color:var(--muted);line-height:1.65}.empty>.button{margin-top:22px}.collections-page{width:100%;min-width:0;max-width:none;margin-inline:0}.collection-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;border:0;background:transparent;margin:24px 0 30px;overflow:visible}.collection-shortcuts>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-sm);min-height:106px;color:var(--ink)}.collection-shortcuts>a+a{border:1px solid var(--line)}.collection-shortcuts>a>svg{color:var(--blue);width:23px;height:23px}.collection-shortcuts>a:nth-child(3)>svg{color:var(--accent)}.collection-shortcuts>a>span{grid-column:1;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.collection-shortcuts>a>strong{grid-column:2;grid-row:1 / 3;font-size:27px;color:var(--ink);font-weight:650}.collection-section-heading{margin-bottom:12px}.collection-section-heading h2{font-size:17px;font-weight:650}.collection-list{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.collection-row{min-height:76px;padding:14px 18px;gap:14px;border-color:var(--line);color:var(--ink)}.collection-row:last-child{border-bottom:0}.collection-row strong{font-size:15px;font-weight:620}.collection-row small{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.45}.collection-symbol{width:42px;height:42px;border-radius:12px;background:var(--tint-blue);color:var(--blue);flex-shrink:0}.collection-row[data-category=tools] .collection-symbol{background:var(--tint-teal)}.collection-row[data-category=design] .collection-symbol{background:var(--tint-violet)}.collection-row[data-category=shopping] .collection-symbol{background:var(--tint-orange);color:var(--accent)}.collection-row[data-category=leisure] .collection-symbol{background:var(--tint-rose)}.collection-count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.collection-utilities{justify-content:flex-start;gap:12px;margin-top:18px}.collection-utilities>a{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--surface);color:var(--muted)}.settings-layout{max-width:1000px;margin-inline:auto}.settings-section,.editor-form,.editor-side>section{background:var(--surface);border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}.settings-section{padding:26px}.settings-section h2{font-size:19px;font-weight:650}.settings-section>p{color:var(--muted);margin-block:10px 18px}.settings-section h3{color:var(--ink)}.device-row,.table-wrap,th,td{border-color:var(--line)}.table-wrap,.admin-stat,.stat-card{background:var(--surface)}.welcome-page{min-height:100vh;min-height:100dvh;background:var(--canvas);padding:28px 32px 40px;display:flex;flex-direction:column}.welcome-header{width:min(100%,1080px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.welcome-header>a{display:block}.welcome-header>a img{display:block;width:174px;max-width:100%;height:auto}.welcome-content{width:min(100%,450px);margin:40px auto 0;text-align:center}.welcome-brand-symbol{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 20px;background:transparent}.welcome-brand-symbol img{width:64px;height:64px;object-fit:contain}.welcome-kicker{display:block;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:13px}.welcome-content h1{font-size:39px;line-height:1.09;white-space:pre-line;font-weight:750;letter-spacing:-.045em;margin:0 0 18px}.welcome-content>p{color:var(--muted);font-size:16px;line-height:1.6;margin:0}.welcome-features{display:grid;gap:18px;text-align:left;padding:26px 0}.welcome-features article{display:flex;align-items:center;gap:14px}.welcome-features article>span{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;color:var(--blue);border-radius:12px;background:var(--tint-blue)}.welcome-features article:last-child>span{color:var(--accent);background:var(--tint-orange)}.welcome-features h2{font-size:15px;line-height:1.4;font-weight:650;letter-spacing:-.015em;margin:0 0 3px}.welcome-features p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.welcome-actions{display:grid;gap:10px}.welcome-content .button{margin:0;min-height:50px;font-size:15px}.welcome-explore{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:44px;color:var(--blue);font-size:14px}.welcome-privacy{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px;line-height:1.5;margin-top:12px}.welcome-privacy>svg{flex-shrink:0}.auth-page,.auth-page--public{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:min(calc(100% - 48px),1080px);margin:28px auto 48px;padding:0;gap:36px;min-height:660px;align-items:start;background:transparent}.auth-story{display:flex;flex-direction:column;justify-content:space-between;padding:32px;border:1px solid var(--line);border-radius:24px;min-height:660px;background:var(--selected);overflow:hidden}.auth-story:before,.auth-story:after{display:none}.auth-story-content{margin-block:35px}.auth-story-icon{width:96px;height:96px;object-fit:contain;margin-bottom:28px}.auth-story h2{color:var(--ink);font-size:34px;line-height:1.15;letter-spacing:-.04em;max-width:330px;margin:0 0 14px}.auth-story p{font-size:16px;line-height:1.6;color:var(--muted)}.auth-story ul{list-style:none;padding:0;display:grid;gap:19px;margin:30px 0 0}.auth-story li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;color:var(--ink)}.auth-story li svg{color:var(--blue);flex-shrink:0}.auth-story li:last-child svg{color:var(--accent)}.auth-story-bottom{font-size:12px;line-height:1.5;letter-spacing:0;align-items:flex-start;color:var(--muted)}.auth-story-bottom svg{color:var(--blue);flex-shrink:0}.auth-page .auth-form{padding:0;width:100%;max-width:520px;margin:0 auto}.auth-page .auth-mobile-brand{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;min-height:44px;flex-wrap:wrap}.auth-page--public .auth-mobile-brand>.brand{display:none}.auth-page--public .auth-mobile-brand{justify-content:flex-end}.auth-page .auth-inner{max-width:none;margin:0;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-panel)}.auth-form-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:var(--blue);background:var(--selected);margin-bottom:20px}.auth-inner>h1{font-size:31px;line-height:1.14;font-weight:720;margin:0 0 12px}.auth-inner>.muted{font-size:15px;line-height:1.6;margin-bottom:24px}.auth-inner form{margin-top:24px}.auth-inner form>label{font-size:14px;gap:7px;margin-bottom:18px}.auth-inner input:not([type=checkbox]),.auth-inner select,.auth-inner textarea,.auth-inner .input-prefix{border-color:var(--field-line);border-radius:10px;background:var(--surface);color:var(--ink)}.auth-inner input:not([type=checkbox]),.auth-inner select{min-height:50px;padding:13px 14px}.auth-inner input::placeholder{color:var(--muted)}.auth-inner .input-prefix input{border:0;background:transparent}.auth-inner .password-field input{padding-inline-end:56px}.auth-inner .password-field button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;top:3px;inset-inline-end:3px;padding:0;color:var(--muted)}.auth-inner input[aria-invalid=true],.auth-inner .input-prefix.field-invalid{border-color:var(--danger);background:var(--danger-bg)}.auth-inner .field-error{color:var(--danger)}.auth-inner .button.primary{min-height:50px;font-size:15px}.auth-assurance{color:var(--muted);border-color:var(--line);font-size:12px;gap:8px}.auth-switch{font-size:14px;line-height:1.6;margin-top:18px}.auth-switch a{color:var(--blue);font-weight:650}dialog{--dialog-padding: 26px;border-color:var(--line);border-radius:20px;background:var(--surface);color:var(--ink);padding:var(--dialog-padding);box-shadow:0 24px 90px #0003;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}dialog::backdrop{background:#0b152577;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-top{background:var(--surface);position:sticky;top:calc(-1 * var(--dialog-padding));z-index:2;padding-block:10px 15px;margin-top:-10px;border-bottom:1px solid var(--line)}.dialog-top h2{font-size:22px;font-weight:680;line-height:1.25}.dialog-top .icon-button{width:44px;height:44px;background:var(--soft);flex-shrink:0}.dialog-actions{background:var(--surface);position:sticky;bottom:calc(-1 * var(--dialog-padding));margin-inline:calc(-1 * var(--dialog-padding));margin-bottom:calc(-1 * var(--dialog-padding));padding:18px var(--dialog-padding);z-index:2;border-color:var(--line);flex-wrap:wrap}.dialog-actions .button{min-height:46px}.toast{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-panel)}.surf-card,.surf-social-card,.surf-review-card,.surf-cover-preset,.review-detail,.surf-notification-list li{background:var(--surface);color:var(--ink);border-color:var(--line)}.surf-cover:not(.has-image) .surf-number{color:var(--muted)}.surf-card-owner-actions{margin-top:14px}.surf-card-owner-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.surf-card-owner-actions .button{min-width:0;min-height:44px;padding:10px 8px;font-size:14px;white-space:normal;overflow-wrap:anywhere}.surf-card-owner-actions .button svg{flex-shrink:0}.surf-card-owner-actions small{display:block;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}.surf-social-empty,.surf-social-image,.review-cover{background:var(--soft)}.surf-cover-preset.is-selected{background:var(--selected);border-color:var(--focus)}.surf-notification-list li.is-unread{background:var(--selected)}.surf-review-card-content .review-status.is-approved{background:var(--success-bg);color:var(--success)}.surf-review-card-content .review-status.is-rejected{background:var(--warning-bg);color:var(--warning)}.surf-player-launching,.surf-player-launch-error{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:16px;padding:max(28px,env(safe-area-inset-top,0px)) 24px max(28px,env(safe-area-inset-bottom,0px));background:var(--canvas);color:var(--ink);text-align:center}.surf-player-launching>svg,.surf-player-launch-error>svg{color:var(--blue)}.surf-player-launching h1,.surf-player-launch-error h1{font-size:22px;line-height:1.3}.surf-player-launching p,.surf-player-launch-error p{max-width:360px;color:var(--muted);font-size:14px}html[data-theme=dark] .product-privacy,html[data-theme=dark] .product-invitation,html[data-theme=dark] .product-invitation .button{background:var(--surface);color:var(--ink)}html[data-theme=dark] .product-hero h1 em{color:var(--accent)}html[data-theme=dark] .benefit-icon,html[data-theme=dark] .directory-card-icon{background:var(--selected);color:var(--blue)}html[data-theme=dark] .benefit-icon.orange,html[data-theme=dark] .demo-label{background:var(--tint-orange);color:var(--accent)}html[data-theme=dark] .benefit-icon.aqua{background:var(--tint-teal);color:var(--blue)}html[data-theme=dark] .player-header,html[data-theme=dark] .player-toolbar,html[data-theme=dark] .player-context,html[data-theme=dark] .player-content,html[data-theme=dark] .player-info,html[data-theme=dark] .player-sidebar{background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .player-current,html[data-theme=dark] .player-step.active{background:var(--selected);color:var(--blue)}html[data-theme=dark] .public-site,html[data-theme=dark] .product-landing{background:var(--canvas)}html.native-app .auth-page{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px)}html.native-app .auth-page .auth-form{padding-top:0}html.native-app .welcome-page{padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}@media(min-width:1100px){.auth-page{margin-block:40px 64px}}@media(max-width:950px){.auth-page,.auth-page--public{display:block;width:min(calc(100% - 40px),520px);margin-block:24px 44px;min-height:0}.auth-story{display:none}.auth-page .auth-form{max-width:none}}@media(max-width:760px),(max-width:1000px)and (max-height:500px){.sidebar{width:min(310px,calc(100vw - 36px))}.sidebar:not(.open){pointer-events:none}.sidebar.open{pointer-events:auto}.sidebar-brand .brand img{width:100%}.workspace-main{margin-left:0;width:100%}.app-topbar{padding-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px));gap:8px}.app-topbar .global-search{min-width:0;padding-inline:10px;min-height:40px}.global-search input{font-size:16px}.app-topbar>.mobile-only{background:transparent;color:var(--ink)}.app-topbar>.icon-button:last-child{background:var(--primary);color:#fff;border-radius:12px}.app-content{padding:24px max(16px,env(safe-area-inset-right,0px)) calc(96px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.page-heading h1{font-size:26px}.page-heading p{font-size:14px;margin-top:6px}.library-heading .heading-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.library-heading .heading-actions>.button{padding-inline:10px;min-width:0}.library-heading .heading-actions>.button:first-child:nth-last-child(3){grid-column:1 / -1}.toolbar{gap:8px}.toolbar select{max-width:155px;font-size:16px}.bookmark-list .bookmark-card{grid-template-columns:80px minmax(0,1fr);padding:12px;gap:12px;min-height:120px}.bookmark-list .bookmark-preview{height:86px;min-height:0}.bookmark-list .bookmark-body h2{font-size:15px;padding-right:28px}.bookmark-list .bookmark-body>p{font-size:12px;margin-block:4px}.bookmark-list .card-domain{font-size:11px;gap:5px;padding-right:28px}.bookmark-list .card-menu{top:5px;right:2px;width:38px;height:44px}.bookmark-list .card-selection{width:40px;height:44px;top:9px;left:9px}.bookmark-list .card-bottom{padding-top:0}.bookmark-grid{grid-template-columns:minmax(0,1fr)}.mobile-nav{background:var(--surface);border-color:var(--line);padding-top:6px;box-shadow:0 -4px 22px #10203905}.mobile-nav>a{position:relative;color:var(--muted);min-height:54px;font-size:11px;gap:5px}.mobile-nav>a.active{color:var(--blue);font-weight:650}.mobile-nav>a.active:before{content:"";position:absolute;top:0;width:44px;height:3px;background:var(--blue);border-radius:0 0 3px 3px}.collection-shortcuts{gap:8px;margin-block:20px 26px}.collection-shortcuts>a{padding:13px 11px;grid-template-columns:minmax(0,1fr);gap:9px;min-height:128px}.collection-shortcuts>a>span{grid-column:1;font-size:12px}.collection-shortcuts>a>strong{grid-column:1;grid-row:auto;font-size:23px}.collection-section-heading h2{font-size:16px}.collection-section-heading .text-button{font-size:12px;min-height:44px}.collection-row{padding:14px;gap:12px;min-height:76px}.collection-row strong{font-size:14px}.collection-row small{font-size:11px}.collection-symbol{width:39px;height:39px}.collection-utilities{gap:10px}.settings-section{padding:22px 18px;border-radius:14px}.theme-options{gap:8px}.theme-option{padding:10px}.theme-option-label{font-size:12px;gap:5px}.theme-option-label>svg{width:15px}.theme-option small{display:none}.theme-option-preview{height:50px}.theme-option-preview>span:last-child{padding:8px 5px}dialog{--dialog-padding: 20px;width:calc(100vw - 24px);border-radius:18px}dialog.wide{width:calc(100vw - 24px)}.dialog-top h2{font-size:21px}.dialog-actions{gap:8px}.dialog-actions .button{flex:1;min-width:0;white-space:normal}.surf-player-launching .button,.surf-player-launch-error .button{min-width:180px}}@media(max-width:600px){.welcome-page{padding:16px 20px 28px}.welcome-page>.welcome-header{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:8px}.welcome-header>a img{width:132px}.welcome-header .appearance-controls{margin-left:0;gap:10px}.welcome-header .theme-picker.compact select{max-width:88px}.welcome-content{margin-top:28px}.welcome-brand-symbol{display:none;width:72px;height:72px;border-radius:21px;margin-bottom:19px}.welcome-brand-symbol img{width:56px;height:56px}.welcome-content h1{font-size:35px;margin-bottom:14px}.welcome-content>p{font-size:14px}.welcome-features{gap:16px;padding-block:22px}.welcome-features article{gap:12px}.welcome-features h2{font-size:14px}.welcome-features p{font-size:12px}.welcome-privacy{font-size:10px}.auth-page,.auth-page--public{width:calc(100% - 32px);margin-block:16px 32px}.auth-page .auth-inner{padding:24px 20px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.auth-inner>h1{font-size:29px}.auth-page .auth-mobile-brand{gap:8px}.auth-mobile-brand .brand img{width:146px}.auth-mobile-brand .appearance-controls{margin-left:auto;gap:10px}.auth-page .back-link{margin-bottom:10px}.auth-form-symbol{width:44px;height:44px;border-radius:13px;margin-bottom:18px}.auth-inner form>label{margin-bottom:17px}.auth-inner>.muted{font-size:14px;margin-bottom:22px}.auth-inner form>.checkbox-label{font-size:13px}.public-site>.footer{justify-content:flex-start}}@media(max-width:360px){.app-content{padding-inline:14px}.collection-shortcuts>a{padding-inline:10px}.collection-row{padding-inline:11px;gap:9px}.collection-symbol{width:35px;height:38px}.collection-row small{display:none}.welcome-page{padding-inline:18px}.welcome-header>a{margin-inline:auto}.welcome-header .appearance-controls{width:100%;justify-content:center}.welcome-content{margin-top:21px}.welcome-content h1{font-size:31px}.auth-page .auth-inner{padding-inline:17px}.auth-mobile-brand .appearance-controls{width:100%;justify-content:flex-end}}@media(max-height:650px)and (min-width:601px){.welcome-content{margin-top:20px}.welcome-brand-symbol{width:58px;height:58px;margin-bottom:12px}.welcome-brand-symbol img{width:46px;height:46px}.welcome-content h1{font-size:31px}.welcome-features{padding-block:18px;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--app-chrome-row-height: 64px;--field-height: 48px;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364778c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}html[data-theme=dark]{--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23abb9c8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.app-topbar{height:var(--app-chrome-row-height);min-height:var(--app-chrome-row-height);box-sizing:border-box}html.native-app .app-topbar{height:calc(var(--app-chrome-row-height) + env(safe-area-inset-top,0px));min-height:calc(var(--app-chrome-row-height) + env(safe-area-inset-top,0px))}.app-topbar .global-search{height:44px;min-height:44px;border:1px solid var(--field-line);background:var(--canvas);transition:border-color .16s,background-color .16s}.app-topbar .global-search input{height:42px;min-height:42px;padding:9px 0;border:0;border-radius:0;background:transparent;font-size:16px;line-height:24px;box-shadow:none;transform:none}.app-topbar .global-search:focus-within{border-color:var(--focus);outline:none;outline-offset:0;box-shadow:var(--field-focus-shadow)}.app-topbar .global-search input:is(:focus,:focus-visible){outline:none;border:0;box-shadow:none;background:transparent}:is(form,.surf-stop-picker) :is(input,select,textarea):not(:where([type=checkbox],[type=radio],[type=color],[type=file],[type=hidden],[type=range],[type=button],[type=submit],[type=reset])){min-width:0;min-height:var(--field-height);border:1px solid var(--field-line);border-radius:10px;padding:11px 14px;background-color:var(--surface);color:var(--ink);font-size:16px;font-weight:400;line-height:24px;box-shadow:none;transform:none;transition:border-color .16s,background-color .16s,color .16s}:is(form,.surf-stop-picker) select:not([multiple]):not([size]),:is(form,.surf-stop-picker) select[size="1"]{height:var(--field-height);appearance:none;padding-inline-end:42px;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 14px center;background-size:16px}:is(form,.surf-stop-picker) textarea{height:auto;min-height:96px;resize:vertical;line-height:1.5}:is(form,.surf-stop-picker) :is(input,select,textarea):is(:hover,:active,:focus){transform:none}:is(form,.surf-stop-picker) :is(input,select,textarea):focus{border-color:var(--focus);outline:none;outline-offset:0;box-shadow:var(--field-focus-shadow)}:is(form,.surf-stop-picker) :is(input,select,textarea):disabled{border-color:var(--line);background-color:var(--soft);color:var(--muted);cursor:not-allowed;opacity:1}:is(form,.surf-stop-picker) :is(input,select,textarea)[aria-invalid=true],:is(form,.surf-stop-picker) .field-control--invalid{border-color:var(--danger)}:is(form,.surf-stop-picker) :is(.field-error,.error-message){color:var(--danger);font-size:13px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}:is(form,.surf-stop-picker) .field-control{display:flex;align-items:center;min-width:0;min-height:var(--field-height);padding:0;border:1px solid var(--field-line);border-radius:10px;background:var(--surface);color:var(--muted)}:is(form,.surf-stop-picker) :is(.field-control,.input-prefix):focus-within{border-color:var(--focus);outline:none;outline-offset:0;box-shadow:var(--field-focus-shadow)}:is(form,.surf-stop-picker) .field-control--invalid:focus-within{border-color:var(--danger)}:is(form,.surf-stop-picker) :is(.field-control,.input-prefix) input,:is(form,.surf-stop-picker) :is(.field-control,.input-prefix) input:is(:focus,:focus-visible){flex:1;width:100%;min-width:0;min-height:46px;border:0;outline:none;box-shadow:none;background:transparent}:is(form,.surf-stop-picker) .field-control.field-control--invalid,:is(form,.surf-stop-picker) .field-control.field-control--invalid:focus-within{border-color:var(--danger)}:is(form,.surf-stop-picker) .theme-picker.compact select,:is(form,.surf-stop-picker) .language-picker.compact select{height:44px;min-height:44px;padding:8px 2px;appearance:auto;background:transparent;box-shadow:none}:is(form,.surf-stop-picker) .field-control>svg{flex-shrink:0;margin-inline-start:14px}:is(form,.surf-stop-picker) .field-control>.icon-button{width:44px;height:44px;margin-inline-end:1px;transform:none}.bookmark-capture{gap:24px}.bookmark-capture-section{display:grid;gap:16px;min-width:0;margin:0;padding:0;border:0}.bookmark-capture-section :is(h2,legend){margin:0;padding:0;color:var(--ink);font-size:16px;font-weight:650;line-height:1.4}.bookmark-capture label{min-width:0;gap:8px;margin-bottom:0;line-height:1.5}.bookmark-capture .form-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}.bookmark-capture-options{display:grid;gap:10px}.bookmark-capture .checkbox-row{min-height:44px;align-items:center}@media(max-width:600px){.bookmark-capture .form-row{grid-template-columns:minmax(0,1fr);gap:20px}}@media(prefers-reduced-motion:reduce){.app-topbar .global-search,:is(form,.surf-stop-picker) :is(input,select,textarea){transition:none}}.task-screen-content form>label,.task-screen-content .form-row>label,.surf-stop-filters>label,.capture-panel form>label{margin-bottom:0}:is(input,select,textarea):is(:focus,:focus-visible),.theme-picker.compact select:is(:focus,:focus-visible),.language-picker.compact select:is(:focus,:focus-visible){border-color:var(--focus);outline:none;outline-offset:0;box-shadow:var(--field-focus-shadow)}.global-search.community-search:focus-within{border-color:var(--focus);outline:none;outline-offset:0;box-shadow:var(--field-focus-shadow)}:is(form,.surf-stop-picker) :is(input,select,textarea)[aria-invalid=true]:focus,.auth-inner .input-prefix.field-invalid:focus-within,:is(form,.surf-stop-picker) .field-control.field-control--invalid:focus-within{border-color:var(--danger);box-shadow:0 0 0 2px var(--field-error-halo)}.global-search input:is(:focus,:focus-visible),:is(form,.surf-stop-picker) :is(.field-control,.input-prefix) input:is(:focus,:focus-visible),.surf-cover-preset input:is(:focus,:focus-visible),.theme-option input:is(:focus,:focus-visible),.surf-cover-upload>.button input:is(:focus,:focus-visible){outline:none;box-shadow:none}@media(forced-colors:active){:is(input,select,textarea):focus-visible,:is(.global-search,.field-control,.input-prefix):focus-within,:is(.surf-cover-preset,.theme-option):focus-within,.surf-cover-upload>.button:focus-within{outline:2px solid Highlight!important;outline-offset:0}.global-search input:focus-visible,:is(form,.surf-stop-picker) :is(.field-control,.input-prefix) input:focus-visible,.surf-cover-preset input:focus-visible,.theme-option input:focus-visible,.surf-cover-upload>.button input:focus-visible{outline:none!important}}:root{--viewer-default-master-width: 560px;--viewer-master-width: var(--viewer-default-master-width);--viewer-sidebar-width: 216px}.viewer-pane,.viewer-route{position:fixed;inset:0;z-index:35;min-width:0;background:var(--surface);color:var(--ink)}.viewer-pane{overflow:hidden}.viewer-pane-loading{height:100%;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:14px}.viewer-route>.surf-player-launching{width:100%;min-height:100%;height:100%}.viewer-route>.surf-player{min-height:0;height:100%}.viewer-route .task-screen{left:inherit;width:inherit}.bookmark-card[data-viewer-selected=true],.surf-card[data-viewer-selected=true]{background:var(--selected);box-shadow:inset 3px 0 0 var(--blue)}.surf-card-heading{display:flex;flex-direction:column;min-width:0}.surf-card-meta{display:none}@media(min-width:761px)and (min-height:501px),(min-width:1001px){:is(.viewer-has-master,.viewer-route-active){overflow:hidden}.viewer-has-master .viewer-pane,.viewer-route-active .viewer-route,.viewer-route-active .viewer-pane{left:var(--viewer-master-width);border-left:1px solid var(--line)}.viewer-has-master .workspace,.viewer-route-active .workspace{width:var(--viewer-master-width);height:100dvh;overflow:hidden}html:is(.viewer-has-master,.viewer-route-active) .sidebar{display:flex;visibility:visible;transform:none;width:var(--viewer-sidebar-width);padding-top:env(safe-area-inset-top,0px)}:is(.viewer-has-master,.viewer-route-active) .sidebar-backdrop,:is(.viewer-has-master,.viewer-route-active) .sidebar .mobile-only,:is(.viewer-has-master,.viewer-route-active) .app-topbar .mobile-only{display:none}:is(.viewer-has-master,.viewer-route-active) .sidebar-brand .brand img{width:100%;max-width:none;height:auto;object-fit:contain}:is(.viewer-has-master,.viewer-route-active) .sidebar-brand{min-height:var(--app-chrome-row-height, 64px);margin-bottom:12px}:is(.viewer-has-master,.viewer-route-active) .sidebar .capture{min-height:48px;padding:10px 12px;gap:8px;font-size:14px;line-height:1.4}:is(.viewer-has-master,.viewer-route-active) .library-page .library-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}:is(.viewer-has-master,.viewer-route-active) .library-page .library-heading .heading-actions{display:flex;min-width:0;width:100%;margin-top:0;justify-content:flex-start;flex-wrap:wrap}:is(.viewer-has-master,.viewer-route-active) .library-heading .heading-actions>.button:last-child{display:none}:is(.viewer-has-master,.viewer-route-active) .library-heading>div>p{display:none}:is(.viewer-has-master,.viewer-route-active) .library-heading .heading-actions>.button{min-height:44px;padding:9px 12px;font-size:14px;line-height:1.4;min-width:0;max-width:100%}:is(.viewer-has-master,.viewer-route-active) .workspace-main{margin-left:var(--viewer-sidebar-width);width:calc(var(--viewer-master-width) - var(--viewer-sidebar-width));height:100dvh;display:flex;flex-direction:column}:is(.viewer-has-master,.viewer-route-active) .app-content{width:100%;max-width:none;min-width:0;margin:0;padding:20px 16px 36px;min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1}:is(.viewer-has-master,.viewer-route-active) .app-topbar{padding-inline:12px;gap:6px;flex-shrink:0}:is(.viewer-has-master,.viewer-route-active) .sync-status,:is(.viewer-has-master,.viewer-route-active) .global-search kbd{display:none}:is(.viewer-has-master,.viewer-route-active) .global-search{flex:1;min-width:0}:is(.viewer-has-master,.viewer-route-active) .page-heading{display:block;margin-bottom:16px}:is(.viewer-has-master,.viewer-route-active) .page-heading h1{font-size:21px;line-height:1.3}:is(.viewer-has-master,.viewer-route-active) .page-heading p{font-size:13px}:is(.viewer-has-master,.viewer-route-active) .page-heading :is(.eyebrow,p){display:none}:is(.viewer-has-master,.viewer-route-active) .heading-actions{margin-top:12px;flex-wrap:wrap}:is(.viewer-has-master,.viewer-route-active) .app-content>.page-heading>.heading-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}:is(.viewer-has-master,.viewer-route-active) .app-content>.page-heading>.heading-actions>.button{min-height:44px;padding:9px 12px;font-size:14px}:is(.viewer-has-master,.viewer-route-active) .app-content>.pill-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}:is(.viewer-has-master,.viewer-route-active) .app-content>.pill-tabs>button{min-width:0;min-height:44px;padding:8px 6px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:break-word}:is(.viewer-has-master,.viewer-route-active) .toolbar{gap:10px;flex-wrap:wrap}:is(.viewer-has-master,.viewer-route-active) .bookmark-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0}:is(.viewer-has-master,.viewer-route-active) .library-page .bookmark-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:0}:is(.viewer-has-master,.viewer-route-active) .library-page .bookmark-preview{width:48px;height:54px;min-height:0;align-self:start;margin-top:5px;border-radius:7px}:is(.viewer-has-master,.viewer-route-active) .library-page .bookmark-body{padding:0;min-width:0}:is(.viewer-has-master,.viewer-route-active) .library-page .bookmark-body h2{font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:is(.viewer-has-master,.viewer-route-active) .library-page .bookmark-body>p{display:none}:is(.viewer-has-master,.viewer-route-active) .library-page .card-bottom{margin-top:8px;padding-top:0;border:0}:is(.viewer-has-master,.viewer-route-active) .library-page .card-domain{font-size:11px}:is(.viewer-has-master,.viewer-route-active) .surf-grid{grid-template-columns:minmax(0,1fr);gap:10px}:is(.viewer-has-master,.viewer-route-active) .surf-card{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:start;gap:8px 10px;padding:12px;border-radius:10px}:is(.viewer-has-master,.viewer-route-active) .surf-cover{grid-column:1;grid-row:1;width:80px;height:72px;min-height:0;border-radius:6px}:is(.viewer-has-master,.viewer-route-active) .surf-cover:before,:is(.viewer-has-master,.viewer-route-active) .surf-cover:after{display:none}:is(.viewer-has-master,.viewer-route-active) .surf-cover>svg{width:24px;height:24px}:is(.viewer-has-master,.viewer-route-active) .surf-cover.has-image>svg,:is(.viewer-has-master,.viewer-route-active) .surf-cover .surf-number,:is(.viewer-has-master,.viewer-route-active) .surf-cover .visibility{display:none}:is(.viewer-has-master,.viewer-route-active) .surf-card-body{grid-column:1 / -1;min-width:0;padding:0}:is(.viewer-has-master,.viewer-route-active) .surf-cover+.surf-card-body{display:contents}:is(.viewer-has-master,.viewer-route-active) .surf-card-heading{grid-column:2;grid-row:1;align-self:start;display:flex;flex-direction:column;gap:4px}:is(.viewer-has-master,.viewer-route-active) .surf-card-heading>.category-badge{min-width:0;max-width:100%;gap:4px;padding:0;background:transparent;font-size:11px;line-height:1.3}:is(.viewer-has-master,.viewer-route-active) .surf-card-heading>.category-badge>svg{width:13px;height:13px}:is(.viewer-has-master,.viewer-route-active) .surf-card h2{min-width:0;margin:0;font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:is(.viewer-has-master,.viewer-route-active) .surf-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;color:var(--muted);font-size:11px;line-height:1.4}:is(.viewer-has-master,.viewer-route-active) .surf-card-meta>span{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}:is(.viewer-has-master,.viewer-route-active) .surf-cover+.surf-card-body>p{display:none}:is(.viewer-has-master,.viewer-route-active) .surf-card-footer{grid-column:1 / -1;grid-row:2;min-width:0;margin-top:0;padding-top:0;border:0;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.35}:is(.viewer-has-master,.viewer-route-active) .surf-card-footer>:is(span,.surf-author-link){flex:1;min-width:0;overflow-wrap:anywhere}:is(.viewer-has-master,.viewer-route-active) .surf-card-footer .icon-button{width:44px;height:44px}:is(.viewer-has-master,.viewer-route-active) .surf-card-owner-actions{grid-column:1 / -1;grid-row:3;margin-top:0}:is(.viewer-has-master,.viewer-route-active) .surf-card-owner-actions .button{min-height:44px;padding:9px 8px;gap:6px;font-size:13px;line-height:1.4;overflow-wrap:break-word}:is(.viewer-has-master,.viewer-route-active) .surf-card-owner-actions>small{margin-top:6px;font-size:12px;line-height:1.4}}@media(min-width:761px)and (max-width:1199px){:root{--viewer-default-master-width: 480px;--viewer-sidebar-width: 200px}:is(.viewer-has-master,.viewer-route-active) .app-content{padding-inline:12px}}@media(min-width:761px)and (max-width:999px){:root{--viewer-default-master-width: 420px;--viewer-sidebar-width: 176px}}@media(max-width:760px),(max-width:1000px)and (max-height:500px){.viewer-pane,.viewer-route{z-index:70}.viewer-pane-active body{overflow:hidden}}:is(.viewer-has-master,.viewer-route-active) .app-topbar{height:var(--app-chrome-row-height, 64px);min-height:var(--app-chrome-row-height, 64px);flex:0 0 var(--app-chrome-row-height, 64px)}html.native-app:is(.viewer-has-master,.viewer-route-active) .app-topbar{height:calc(var(--app-chrome-row-height, 64px) + env(safe-area-inset-top,0px));min-height:calc(var(--app-chrome-row-height, 64px) + env(safe-area-inset-top,0px));flex-basis:calc(var(--app-chrome-row-height, 64px) + env(safe-area-inset-top,0px))}html.workspace-route-editor:is(.viewer-has-master,.viewer-route-active){--viewer-master-width: 100vw}.workspace-route-editor:is(.viewer-has-master,.viewer-route-active) .workspace{width:100%}.workspace-route-editor :is(.viewer-pane,.viewer-route){visibility:hidden;pointer-events:none}:is(.viewer-has-master,.viewer-route-active):not(.workspace-route-editor) .editor-layout{grid-template-columns:minmax(0,1fr)}:is(.viewer-has-master,.viewer-route-active):not(.workspace-route-editor) .editor-side{position:static;grid-template-columns:minmax(0,1fr)}html.viewer-column-resizable:not(.workspace-task-open):not(.workspace-route-editor){--viewer-master-width: var(--viewer-resized-master-width);--viewer-resizer-hit-width: 12px}html.viewer-column-resizable:not(.workspace-task-open):not(.workspace-route-editor) .workspace-main{background:var(--surface)}html.viewer-column-resizable.viewer-column-has-resizer:not(.workspace-task-open):not(.workspace-route-editor) .app-content{width:calc(100% - var(--viewer-resizer-hit-width));padding-inline-end:calc(16px - var(--viewer-resizer-hit-width))}@media(min-width:761px)and (max-width:1199px){html.viewer-column-resizable.viewer-column-has-resizer:not(.workspace-task-open):not(.workspace-route-editor) .app-content{padding-inline-end:calc(12px - var(--viewer-resizer-hit-width))}}html.viewer-column-has-resizer:not(.workspace-task-open):not(.workspace-route-editor) :is(.viewer-pane,.viewer-route){border-left:0}.viewer-column-resizer{position:fixed;z-index:46;top:0;bottom:var(--desktop-radio-height, 0px);left:calc(var(--viewer-master-width) - var(--viewer-resizer-hit-width));width:var(--viewer-resizer-hit-width);pointer-events:auto;touch-action:none;background:transparent;cursor:col-resize;outline:none}.viewer-column-resizer:before{content:"";position:absolute;inset-block:0;inset-inline-start:calc(50% - .5px);width:1px;background:var(--line)}.viewer-column-resize-grip{position:absolute;top:calc(50% - 28px);inset-inline:0;height:56px;display:grid;place-items:center;background:transparent;color:var(--muted);touch-action:none}.viewer-column-resize-grip:before{content:"";width:3px;height:32px;border-radius:2px;background:currentColor}.viewer-column-hot .workspace-main,.viewer-column-dragging,.viewer-column-dragging *{cursor:col-resize!important}.viewer-column-resizer:hover .viewer-column-resize-grip,.viewer-column-hot .viewer-column-resize-grip,.viewer-column-resizer:focus-visible .viewer-column-resize-grip,.viewer-column-dragging .viewer-column-resize-grip{color:var(--blue)}.viewer-column-resizer:focus-visible .viewer-column-resize-grip:before{outline:2px solid var(--focus);outline-offset:3px}.viewer-column-dragging,.viewer-column-dragging *{-webkit-user-select:none!important;user-select:none!important}:is(.workspace-task-open,.workspace-route-editor) .viewer-column-resizer{display:none}@media(max-width:760px),(max-width:1000px)and (max-height:500px){.viewer-column-resizer{display:none}}@media(forced-colors:active){.viewer-column-resizer:before{background:ButtonText}.viewer-column-resize-grip{color:ButtonText}.viewer-column-resizer:focus-visible .viewer-column-resize-grip:before{outline-color:Highlight}}