.platform-sync-access{display:flex;align-items:center;gap:10px;margin-left:auto;font:600 .8rem/1.4 system-ui,sans-serif}.platform-sync-access>a{color:#173e46;text-underline-offset:4px}.platform-sync-access>span{font-weight:400;color:#536766;font-size:.72rem;max-width:140px}.platform-sync-access button{font:inherit;min-height:42px;border:1px solid #6c817d;background:#fffdf6;border-radius:4px;padding:8px 12px;color:#183d42;cursor:pointer}.platform-sync-access [hidden]{display:none!important}
.sync-page{background:#f7f5ee;color:#173a42;font:16px/1.65 system-ui,sans-serif}.sync-shell{width:min(1080px,calc(100% - 40px));margin:auto}.sync-hero{padding:48px 0 24px;max-width:800px}.sync-page h1,.sync-page h2,.sync-page h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.2;letter-spacing:-.02em}.sync-page h1{font-size:clamp(2.2rem,4vw,3.6rem)}.sync-page h2{font-size:1.7rem;margin:0 0 16px}.sync-page h3{font-size:1.35rem}.sync-page p{margin:12px 0}.sync-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.sync-card{padding:26px;border:1px solid #c5cec3;border-radius:7px;background:#fffdf8;margin:22px 0}.sync-current{padding:24px 28px;background:#e7efdf;border-left:4px solid #4c7b62;margin-bottom:24px}.sync-current[data-state=error],.sync-current[data-state=offline]{background:#f2eddd;border-color:#9b7d3d}.sync-success{background:#e7efdf;padding:20px;border-left:4px solid #4c7b62}.sync-page input:not([type=checkbox]):not([type=radio]):not([type=file]){display:block;width:100%;min-height:48px;border:1px solid #7e9590;border-radius:4px;padding:11px;background:#fffefa;font:inherit;color:inherit}.sync-page label{display:block;margin:16px 0;font-weight:600}.sync-page input[type=checkbox],.sync-page input[type=radio]{width:20px;height:20px;vertical-align:middle;margin:0 8px 3px 0;accent-color:#285c63}.sync-page .sync-check{display:flex;gap:10px;align-items:flex-start;font-weight:500}.sync-check input{flex-shrink:0;margin-top:4px!important}.sync-device{border:0;border-top:1px solid #ccd1c8;padding:16px 0 0;margin:24px 0}.sync-device legend{padding:0 10px 0 0;font-weight:700}.sync-device label{font-weight:500;border:1px solid #c4cec4;border-radius:4px;padding:12px 14px;background:#f7f7ef}.sync-device small{display:block;font-size:.8rem;font-weight:400;color:#526861;margin:5px 0 0 31px}.sync-page button,.sync-file{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid #476761;border-radius:4px;background:#fffef9;font:650 .9rem/1.4 system-ui,sans-serif;color:#173a42;cursor:pointer}.sync-page button.primary{background:#173a42;color:#fff}.sync-page button:disabled{opacity:.6;cursor:wait}.sync-page button:hover{background:#e9efdf;color:#173a42}.sync-page :focus-visible{outline:3px solid #3f7e9a;outline-offset:3px}.sync-page .skip-link{color:#fff}.sync-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sync-note{color:#536861;font-size:.86rem}.sync-feedback{min-height:1.5em;font-weight:600;color:#355f66;max-width:80ch}.sync-feedback:empty{min-height:0}.sync-attention{background:#f0ecdd;padding:20px;border-left:4px solid #9a7b35}.sync-key{display:block;overflow-wrap:anywhere;padding:22px;background:#e9eee3;border:1px solid #bac9b3;font:600 clamp(1rem,2vw,1.35rem)/1.8 ui-monospace,monospace;letter-spacing:.04em;user-select:all}.sync-file{position:relative}.sync-file input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.sync-archive{padding:18px 0;border-top:1px solid #c6d0c3}.sync-page summary{cursor:pointer;font-weight:650;min-height:44px}.sync-page main{padding-bottom:60px}.sync-footer{border-top:1px solid #c5cec3;padding:25px 0;font-size:.85rem}.sync-page a{color:inherit;text-underline-offset:4px}
@media(max-width:800px){.platform-sync-access>span{display:none}.sync-intro-grid{grid-template-columns:1fr}.sync-hero{padding-top:30px}.sync-card{padding:22px}.platform-sync-access{gap:8px;margin-left:auto}}@media(max-width:450px){.platform-sync-access{font-size:.72rem;gap:6px}.platform-sync-access button{padding:7px 8px;min-height:40px}.sync-actions{align-items:stretch}.sync-actions>button{flex:1}.sync-device small{margin-left:0}}

@media(max-width:1100px){.platform-sync-access>span{display:none}}

@media(max-width:650px){.platform-header .nav{gap:10px}.platform-header .brand-logo.compact{width:clamp(72px,24vw,110px);height:44px}.platform-sync-access{font-size:.8rem}.platform-header .platform-sync-access button{font:inherit;padding:7px 8px;min-height:44px}.platform-header .menu-button{font-size:.8rem;padding:8px;min-height:44px}}