/* Shared composition primitives for every Tatli Masa page. */
.remote-window{--muted:#587078;--line:#d8e3df;color-scheme:light}
.welcome-form .row [data-dialog]{background:transparent;color:var(--accent);border-color:transparent}
.page-intro h1{display:block}.mini-greeting{display:flex;gap:12px;align-items:center;flex-shrink:0}.mini-greeting svg{width:85px;height:65px}.mini-greeting>span{font:italic 16px Georgia,serif;color:var(--muted);transform:rotate(-6deg)}.workspace-split{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.side-notes{display:flex;flex-direction:column;gap:22px}.notepaper{border:1px solid var(--line);background:var(--surface);border-radius:23px;overflow:hidden;box-shadow:4px 5px 0 var(--soft);min-width:0}.notepaper+.notepaper{margin-top:25px}.paper-label{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--soft);padding:17px 23px}.paper-label h2{font-size:16px;margin:0}.paper-label>span{font-size:9px;letter-spacing:1px;color:var(--muted);text-align:right}.paper-body{padding:23px}.paper-body>p:last-child{margin-bottom:0}.sticky-note{position:relative;background:var(--accentSoft);padding:25px 23px 20px;border-radius:4px 20px 20px 20px;border:1px solid var(--line);margin:7px 0 0;min-width:0}.sticky-note.peach{background:var(--peach)}.sticky-note p{font-size:12px;line-height:1.8;margin-bottom:14px}.sticky-note h3{font-size:15px;margin-bottom:10px}.note-pin{width:45px;height:12px;background:var(--surface);border:1px solid var(--line);opacity:.8;position:absolute;top:-7px;left:24px;transform:rotate(-6deg)}.sticky-note button{font-size:12px;background:var(--surface)}.person-ticket{display:flex;align-items:center;gap:13px;padding:19px;background:var(--accentSoft);border:1px solid var(--line);border-radius:18px;min-width:0}.person-ticket.peach{background:var(--peach)}.person-ticket strong{font-size:13px;display:block}.person-ticket small{font-size:11px;display:block;margin-top:4px;overflow-wrap:anywhere}.person-ticket .friend-avatar{width:48px;height:47px;background:var(--surface)}.person-ticket .friend-avatar svg{width:36px;height:36px}.person-ticket .friend-avatar span{top:10px;font-size:10px}.ticket-dot{font-size:20px;color:var(--muted);margin-left:auto}.shortcut-list{display:flex;flex-direction:column;gap:9px}.shortcut-list button{text-align:left;font-size:12px}.fact-list{margin:0}.fact-list>div{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px dashed var(--line);font-size:12px}.fact-list>div:last-child{border-bottom:0}.fact-list dt{color:var(--muted)}.fact-list dd{margin:0;font-weight:600;overflow-wrap:anywhere;text-align:right}.prototype-caption{font-size:11px;color:var(--muted);display:block;margin:16px 0 0;line-height:1.7}.form-gap{margin-top:23px}.option-stack{display:flex;flex-direction:column;gap:17px}.option-stack label{display:flex;align-items:center;gap:10px}.book-search{display:flex;align-items:center;gap:12px;margin-bottom:21px;padding:13px 17px;background:var(--soft);border-radius:16px}.book-search label{white-space:nowrap;font-size:11px}.book-search input{max-width:380px;min-width:0}.book-search .badge{white-space:nowrap;margin-left:auto}.device-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.address-card{border:1px solid var(--line);border-radius:23px;background:var(--paper);padding:18px;overflow:hidden;min-width:0}.address-mascot{display:grid;place-items:center;padding:18px 0 13px}.address-mascot>.friend-avatar{height:90px;width:110px;background:var(--accentSoft);border-radius:30px;transform:rotate(-5deg)}.address-mascot svg{width:65px;height:65px}.address-mascot .friend-avatar>span{font-size:16px;top:22px}.tone-1 .address-mascot>.friend-avatar{background:var(--lavender);transform:rotate(5deg)}.tone-2 .address-mascot>.friend-avatar{background:var(--peach)}.address-card h2{text-align:center;font-size:19px;margin-bottom:3px}.address-card>p{text-align:center;font-size:12px;margin-bottom:15px}.address-id{text-align:center;padding:12px 0;border-top:1px dashed var(--line);font-size:17px;letter-spacing:2px}.address-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.address-bottom small{font-size:10px}.address-bottom button{font-size:11px}.group-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-top:16px}.group-folder{position:relative;padding:24px 24px 10px;background:var(--accentSoft);border:1px solid var(--line);border-radius:0 25px 25px 25px;min-width:0}.group-folder.tone-1{background:var(--lavender)}.group-folder.tone-2{background:var(--peach)}.folder-tab{position:absolute;width:110px;height:17px;top:-17px;left:-1px;background:inherit;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0}.group-folder .row svg{width:27px;height:27px}.group-folder h2{margin:20px 0 4px;font-size:23px}.group-folder p{font-size:12px}.member-faces{display:flex;padding-bottom:20px}.member-faces span{width:35px;height:35px;border-radius:50%;background:var(--surface);border:2px solid var(--line);display:grid;place-items:center;font-size:10px;margin-right:-5px}.group-foot{border-top:1px dashed var(--line);text-align:right}.connection-workbench{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px;align-items:start;max-width:1100px;margin:0 auto}.journey-panel{padding-top:20px}.journey-steps{list-style:none;padding:0;margin:35px 0}.journey-steps li{display:flex;gap:13px;position:relative;padding-bottom:29px;color:var(--muted)}.journey-steps li:not(:last-child):before{content:'';position:absolute;left:17px;top:35px;bottom:0;border-left:1px dashed var(--line)}.journey-steps li>span{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid var(--line);background:var(--surface);border-radius:11px;font-size:12px}.journey-steps li>div{font-weight:600;font-size:13px}.journey-steps small{display:block;font-weight:400;font-size:11px;margin-top:3px}.journey-steps li.now{color:var(--ink)}.journey-steps li.now>span{background:var(--peach);transform:rotate(-5deg);border-color:var(--line)}.journey-steps li.done>span{background:var(--accentSoft);color:var(--accent)}.connection-workbench>.person-ticket,.connection-workbench>div>.person-ticket{margin-bottom:20px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.permission-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 13px;border:1px solid var(--line);border-radius:15px;background:var(--paper);font-weight:400}.permission-box>span{display:flex;gap:10px;align-items:center;min-width:0}.permission-box svg{width:21px;height:21px;flex-shrink:0;color:var(--accent)}.permission-box strong{display:block;font-size:12px}.permission-box small{display:block;font-size:10px;margin-top:4px;line-height:1.6}.permission-box input{flex-shrink:0;margin:0}.consent-footer{margin-top:25px;padding-top:18px;border-top:1px dashed var(--line)}.consent-footer p{font-size:12px;max-width:500px}.under-paper{text-align:right;margin-top:15px}.under-paper button{font-size:12px}.waiting-scene{position:relative;display:grid;place-items:center;padding:30px 0 45px}.waiting-scene>svg{width:180px}.speech-tag{display:inline-block;padding:8px 14px;border:1px solid var(--line);background:var(--surface);border-radius:16px 16px 16px 2px;font-size:12px;font-weight:600}.waiting-scene .speech-tag{position:absolute;right:10%;bottom:15px;transform:rotate(-4deg)}.waiting-status{display:flex;align-items:center;gap:13px;background:var(--accentSoft);padding:18px;border-radius:16px}.waiting-status strong{display:block;font-size:13px}.waiting-status small{display:block;font-size:11px;margin-top:4px}.status-dot{width:10px;height:10px;border:3px solid var(--accent);border-radius:50%;background:var(--surface);box-shadow:0 0 0 5px var(--soft);flex-shrink:0}.share-ribbon{display:flex;gap:15px;align-items:center;padding:19px 23px;background:var(--accentSoft);border:1px solid var(--accent);border-radius:17px;margin-bottom:25px}.share-ribbon small{display:block;margin-top:3px;font-size:11px}.share-ribbon>.badge{margin-left:auto}.activity-timeline{padding:0;list-style:none;margin:0}.activity-timeline li{display:flex;align-items:center;gap:25px;padding:13px 0;border-bottom:1px dashed var(--line);font-size:12px}.activity-timeline time{color:var(--muted);font-size:11px}.activity-timeline li:last-child{border:0}.session-desk{border:1px solid var(--line);border-radius:23px;overflow:hidden;box-shadow:4px 5px 0 var(--soft)}.session-tabstrip{display:flex;align-items:center;gap:12px;padding:12px 19px;background:var(--soft)}.session-chip{background:var(--surface);padding:9px 16px;border-radius:12px;font-size:12px;font-weight:600}.session-tabstrip small{margin-left:auto;font-size:11px}.remote-workspace{display:grid;grid-template-columns:83px minmax(0,1fr);background:var(--surface)}.session-toolrail{padding:15px 7px;display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--line)}.session-toolrail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:10px;border:0;background:var(--paper);border-radius:14px;padding:13px 4px}.session-toolrail svg{height:22px;width:22px}.screen-caption{display:flex;justify-content:space-between;align-items:center;padding:6px 18px;background:var(--surface);font-size:10px;letter-spacing:1px}.screen-caption button{font-size:11px}.remote-canvas{min-width:0}.remote-canvas .desktop{min-height:400px;padding-top:20px}.remote-canvas .remote-window{margin-top:30px}.remote-canvas .dock{font-size:11px;padding:10px}.session-foot{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:9px 20px;background:var(--surface);font-size:11px}.session-foot button{font-size:11px}.transfer-bridge{display:grid;grid-template-columns:1fr 50px 1fr;gap:10px;align-items:center;margin-bottom:24px}.bridge-arrow{font-size:30px;text-align:center;color:var(--accent)}.file-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.file-panes>.notepaper{margin:0}.pathbar{display:flex;align-items:center;gap:10px;padding:12px 13px;background:var(--soft);border-radius:11px;font-size:11px;overflow-wrap:anywhere;min-width:0}.pathbar svg{height:19px;width:19px;flex-shrink:0}.file-panes th,.file-panes td{padding:15px 7px;font-size:12px}.file-panes .actions button{font-size:11px}.delivery-ticket{display:flex;gap:20px;align-items:center;margin-top:25px;padding:20px 25px;border:1px dashed var(--line);background:var(--paper);border-radius:18px}.delivery-icon{background:var(--peach);border-radius:13px;display:grid;place-items:center;width:47px;height:47px;flex-shrink:0}.delivery-icon svg{width:25px;height:25px}.delivery-ticket>div{flex:1}.delivery-ticket strong{font-size:13px}.delivery-ticket small{display:block;font-size:10px}.delivery-ticket .progress{margin:9px 0 0}.delivery-ticket>button{font-size:11px}.state-postcard{display:grid;grid-template-columns:42% minmax(0,1fr);border:1px solid var(--line);border-radius:28px;overflow:hidden;max-width:1120px;margin:25px auto;box-shadow:6px 6px 0 var(--soft)}.postcard-art{background:var(--island);padding:35px;display:flex;flex-direction:column;justify-content:space-between}.postcard-art .sticker{align-self:flex-start}.postcard-scene{padding:45px 0;display:flex;flex-direction:column;align-items:center}.postcard-scene svg{max-width:250px;width:100%}.postcard-scene .speech-tag{align-self:flex-end;transform:rotate(-4deg)}.postcard-signature{font:italic 18px Georgia,serif;color:var(--muted)}.postcard-message{padding:45px;background:var(--surface)}.postcard-message h1{font-size:32px}.postcard-message>p{font-size:13px;line-height:1.8}.postcard-message .person-ticket{margin-top:25px}.state-hint{margin-top:24px}.receipt{border-block:1px dashed var(--line);padding:13px 0;margin:24px 0}.receipt>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:12px}.receipt span{color:var(--muted)}.welcome-book{display:grid;grid-template-columns:43% minmax(0,1fr);border:1px solid var(--line);border-radius:28px;overflow:hidden;max-width:1040px;margin:20px auto;box-shadow:6px 6px 0 var(--soft)}.welcome-cover{background:var(--island);padding:40px;display:flex;flex-direction:column;align-items:flex-start}.welcome-cover h2{font-size:40px;line-height:1.12;margin:40px 0 0;letter-spacing:-1.5px}.welcome-cover h2 em{font-family:Georgia,serif;font-weight:400}.welcome-cover>svg{width:220px;align-self:center;margin:30px 0}.welcome-cover p{font-size:12px;line-height:1.8;color:var(--islandInk)}.cover-features{display:flex;flex-direction:column;gap:15px;margin-top:20px;padding-top:20px;border-top:1px dashed var(--muted);font-size:11px;color:var(--muted);width:100%}.welcome-form{padding:45px 40px;background:var(--surface)}.welcome-form h1{font-size:30px}.welcome-form>p{font-size:13px;margin-bottom:26px}.welcome-form .stack>.primary{width:100%;margin-top:25px}.welcome-form .row button{font-size:11px;padding:8px 11px}.welcome-form small{font-size:10px}.welcome-form label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center;font-size:12px}.chat-workbench{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px}.chat-people{display:flex;flex-direction:column;gap:24px}.conversation-paper{border:1px solid var(--line);border-radius:23px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-width:0}.conversation-heading{display:flex;align-items:center;gap:13px;padding:20px 24px;border-bottom:1px dashed var(--line)}.conversation-heading small{display:block;font-size:11px}.conversation-heading>.badge{margin-left:auto}.chat-date{text-align:center;margin:20px 0;font-size:9px;letter-spacing:1px;color:var(--muted)}#messages{padding:0 25px;min-height:240px}.chat{padding:15px 18px;border-radius:18px 18px 18px 4px;font-size:13px;max-width:85%;overflow-wrap:anywhere}.chat small{display:block;font-size:10px;margin-bottom:6px}.chat.me{border-radius:18px 18px 4px 18px}.message-composer{display:flex;gap:12px;align-items:end;padding:20px 24px 0;border-top:1px dashed var(--line);margin-top:20px}.message-composer label{flex:1;min-width:0}.message-composer button{white-space:nowrap}.conversation-paper>.prototype-caption{padding:0 25px 20px}.server-list{display:flex;flex-direction:column;gap:20px}.server-ticket{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:22px;padding:25px;background:var(--paper)}.server-symbol{height:65px;width:65px;display:grid;place-items:center;background:var(--lavender);border-radius:20px;transform:rotate(-4deg);flex-shrink:0}.server-symbol svg{width:35px;height:35px}.server-ticket h2{margin-bottom:5px}.server-ticket p{font-size:12px}.server-actions{margin-left:auto;display:flex;flex-direction:column;gap:9px}.server-actions button{font-size:11px}.terminal-sessionbar{display:flex;gap:18px;align-items:center;font-size:12px;margin-bottom:18px}.terminal-sessionbar>button{margin-left:auto;font-size:11px}.terminal-notebook{border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}.terminal-label{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 22px;background:var(--soft);font-size:12px}.terminal-label>span:first-child{display:flex;gap:10px;align-items:center}.terminal-label svg{width:20px;height:20px}.terminal-label>span:last-child{font-size:9px;letter-spacing:1px;color:var(--muted)}.terminal-notebook .terminal{border-radius:0;min-height:340px;font-size:13px}.terminal-footer{display:flex;justify-content:space-between;gap:12px;padding:11px 22px;background:var(--surface);font-size:10px;color:var(--muted)}.terminal-cursor{color:#ffbc58}.terminal-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.terminal-bottom{display:flex;align-items:center;gap:25px;margin-top:20px}.terminal-bottom>.sticky-note{flex:1}.terminal-bottom p{margin-bottom:0}.screen-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.mini-session{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);min-width:0}.mini-session-head{display:flex;align-items:center;gap:12px;padding:16px 19px}.mini-session-head strong{font-size:13px}.mini-session-head small{display:block;font-size:10px;margin-top:4px}.mini-session-head>.badge{margin-left:auto}.number-tag{background:var(--peach);border-radius:10px;padding:9px;font-size:11px}.mini-desktop{height:220px;display:grid;place-items:center;background:radial-gradient(ellipse at 90% 100%,#ffd289 0 18%,transparent 19%),linear-gradient(125deg,#123e4c,#307c83);padding:25px}.mini-app{width:75%;padding:18px;background:#fffdf7;border-radius:10px;box-shadow:0 10px 30px #0002;color:#203e3a}.mini-app span{font-size:11px}.mini-app i{display:block;background:#e2e8dc;height:9px;border-radius:4px;margin-top:13px;width:90%}.mini-app i:nth-child(3){width:65%}.mini-desktop.sleeping{background:var(--soft);display:flex;flex-direction:column;gap:12px;font-size:12px;color:var(--muted)}.mini-desktop.sleeping svg{width:110px;height:90px;opacity:.6}.mini-session-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 19px;font-size:11px}.mini-session-foot button{font-size:11px}.port-map{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;margin-bottom:28px;text-align:center}.port-map>div{padding:22px;background:var(--soft);border-radius:17px}.port-map svg{width:32px;height:32px;margin-bottom:10px}.port-map strong,.port-map small{display:block}.port-map strong{font-size:12px}.port-map small{font-size:10px;margin-top:5px}.small-empty{text-align:center;padding:25px 10px;font-size:13px;color:var(--muted);line-height:1.8}.small-empty small{font-size:11px}.camera-frame{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--soft)}.camera-label{display:flex;justify-content:space-between;gap:20px;padding:16px 20px;font-size:10px;letter-spacing:1px;background:var(--surface);color:var(--muted)}.camera-wait{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:390px;padding:35px;background:repeating-linear-gradient(0deg,transparent 0 29px,var(--line) 30px),repeating-linear-gradient(90deg,transparent 0 29px,var(--line) 30px)}.camera-wait>svg{width:130px;margin-bottom:20px}.camera-wait h2{font-size:23px}.camera-wait p{font-size:12px;max-width:280px}.profile-workbench{display:grid;grid-template-columns:290px minmax(0,1fr);gap:30px}.profile-passport{align-self:start;background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:28px;text-align:center;box-shadow:5px 5px 0 var(--soft);transform:rotate(-1deg)}.profile-avatar{display:grid;place-items:center;width:100px;height:100px;border-radius:35px;background:var(--peach);font-size:33px;font-weight:700;margin:30px auto 20px;transform:rotate(5deg)}.profile-passport h2{margin-bottom:4px}.profile-passport p{font-size:12px;overflow-wrap:anywhere}.profile-links{display:flex;flex-direction:column;gap:9px}.profile-links button{font-size:12px}.setup-mascot{padding:20px;text-align:center}.setup-mascot svg{width:170px}.update-parcel{display:grid;grid-template-columns:42% minmax(0,1fr);max-width:1100px;margin:0 auto;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:6px 6px 0 var(--soft)}.parcel-cover{padding:40px;background:var(--peach);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.parcel-cover>svg{width:220px;max-width:100%;margin:35px auto}.parcel-cover h2{font-size:28px;line-height:1.3;margin:0}.parcel-details{padding:40px}.update-percent{font-size:85px;line-height:1.2;letter-spacing:-4px;font-weight:750;margin:20px 0}.update-percent>span{font-size:30px;letter-spacing:0;font-weight:400}.parcel-details p{font-size:13px}.parcel-details .progress{margin-bottom:25px;height:10px}.about-workbench{display:grid;grid-template-columns:330px minmax(0,1fr);gap:30px}.about-cover{padding:40px 30px;border-radius:25px;background:var(--island);text-align:center;align-self:start;border:1px solid var(--line)}.about-cover>svg{width:190px;max-width:100%;margin:20px auto}.about-cover h2{font-size:38px;letter-spacing:-2px;margin-bottom:5px}.help-links{display:flex;flex-direction:column;gap:8px}.help-links>button{display:flex;align-items:center;gap:15px;background:none;border:0;border-bottom:1px dashed var(--line);text-align:left;padding:16px 0;border-radius:0}.help-links>button>svg{width:22px;height:22px;flex-shrink:0;color:var(--accent)}.help-links strong{font-size:13px;display:block}.help-links small{font-size:11px;display:block;margin-top:4px}.help-links>button>span:last-child{margin-left:auto}.brand-board{display:grid;grid-template-columns:40% minmax(0,1fr);gap:28px}.brand-poster{background:var(--paper);padding:40px;border:1px solid var(--line);border-radius:28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-poster>svg{width:260px;max-width:100%;margin:50px 0 25px}.brand-poster h2{font-size:48px;letter-spacing:-2px;margin-bottom:0}.brand-poster p{font-size:15px}.brand-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.brand-swatches>div{font-size:11px;font-weight:600;min-width:0}.brand-swatches>div:before{content:'';display:block;background:var(--swatch);height:65px;border-radius:16px;margin-bottom:10px;border:1px solid var(--line)}.brand-swatches small{font-size:9px;display:block;margin-top:3px}.brand-principles{display:flex;flex-direction:column;gap:17px}.brand-principles>span{font-size:10px;color:var(--muted)}.brand-principles strong{display:block;font-size:14px;color:var(--ink);margin:3px 0}.brand-principles small{font-size:11px}.monitor-picker{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.monitor-picker button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--paper);border-radius:16px}.monitor-picker svg{width:60px;height:45px}.monitor-picker .selected{background:var(--accentSoft);border:2px solid var(--accent)}.monitor-picker span{font-size:11px}.desk-dialog{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:0;width:min(550px,calc(100% - 30px));max-height:90vh;box-shadow:8px 8px 0 #203e3a20}.desk-dialog::backdrop{background:#10292388;backdrop-filter:blur(3px)}.dialog-content{padding:26px}.dialog-content>.row .eyebrow{margin:0}.dialog-content h2{font-size:24px;margin-top:15px}.dialog-content>.actions{padding-top:20px;border-top:1px dashed var(--line)}.dialog-content>small{display:block;font-size:10px;margin-top:15px}.twofactor-placeholder{padding:35px 15px;text-align:center;border:1px dashed var(--line);border-radius:18px;background:var(--soft);font-size:12px}.twofactor-placeholder small{font-size:10px}.device[hidden]{display:none!important}#search-empty{margin-top:20px}.note[hidden]{display:none}
@media(max-width:1200px){.workspace-split{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.connection-workbench{grid-template-columns:220px minmax(0,1fr);gap:25px}.paper-body{padding:20px}.server-ticket{gap:15px;padding:20px}.server-symbol{height:45px;width:45px}.server-symbol svg{height:26px;width:26px}.server-ticket h2{font-size:18px}.server-actions button{padding:8px 11px}.profile-workbench{grid-template-columns:260px minmax(0,1fr)}.welcome-cover,.welcome-form{padding:30px}.postcard-message{padding:35px}.mini-greeting>span{display:none}}
@media(max-width:1000px){.workspace-split{grid-template-columns:minmax(0,1fr)}.side-notes{display:grid;grid-template-columns:1fr 1fr}.side-notes>.person-ticket{align-self:start}.device-collection{grid-template-columns:repeat(3,minmax(0,1fr))}.address-card{padding:15px}.address-card h2{font-size:16px}.address-bottom{flex-wrap:wrap}.address-id{font-size:14px}.chat-workbench{grid-template-columns:220px minmax(0,1fr)}.permission-grid{grid-template-columns:1fr}.file-panes{gap:17px}.file-panes .paper-body{padding:15px}.terminal-pair{grid-template-columns:1fr}.welcome-cover h2{font-size:33px}.postcard-message{padding:28px}.postcard-art{padding:25px}.book-search input{max-width:none}.brand-board{grid-template-columns:35% minmax(0,1fr)}.brand-poster{padding:25px}.about-workbench{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){.page-intro{align-items:flex-start}.page-intro h1{font-size:28px}.mini-greeting{display:none}.page-intro>button{align-self:flex-start}.device-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-workbench,.profile-workbench,.chat-workbench,.about-workbench,.brand-board{grid-template-columns:1fr}.journey-panel{padding-top:0}.journey-steps{display:flex;gap:10px;margin:25px 0}.journey-steps li{flex:1;display:block;padding-bottom:0}.journey-steps li:before{display:none}.journey-steps li>div{font-size:11px;margin-top:8px}.journey-steps small{font-size:10px}.journey-panel>.sticky-note,.setup-mascot{display:none}.file-panes{grid-template-columns:1fr}.transfer-bridge .person-ticket{padding:12px}.transfer-bridge .friend-avatar{display:none}.transfer-bridge .ticket-dot{display:none}.state-postcard,.welcome-book,.update-parcel{grid-template-columns:1fr}.postcard-art{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.postcard-scene{padding:0;grid-column:2;grid-row:1/3}.postcard-scene svg{width:110px}.postcard-signature{font-size:15px}.postcard-scene .speech-tag{font-size:10px;white-space:nowrap}.welcome-cover{display:none}.welcome-form{padding:30px}.screen-wall{grid-template-columns:1fr}.chat-people{display:none}.profile-passport{transform:none;box-shadow:none}.profile-avatar{width:75px;height:75px;margin:22px auto 12px}.profile-links{flex-direction:row;justify-content:center;flex-wrap:wrap}.parcel-cover{padding:25px;display:grid;grid-template-columns:1fr 130px}.parcel-cover>svg{grid-column:2;grid-row:1/3;width:130px;margin:0}.parcel-cover h2{font-size:23px;margin-top:20px}.parcel-details{padding:30px}.about-cover{padding:25px}.about-cover>svg{width:120px;margin:0}.about-cover h2{font-size:29px}.brand-poster>svg{width:180px;margin:20px}.brand-poster h2{font-size:35px}.brand-poster{padding:25px}.terminal-bottom{align-items:flex-start;flex-direction:column}.session-tabstrip{flex-wrap:wrap}.session-tabstrip small{width:100%;margin:0}.remote-workspace{grid-template-columns:60px minmax(0,1fr)}.session-toolrail{padding:10px 4px}.session-toolrail button{font-size:9px}.remote-canvas .desktop{padding:20px 12px}.remote-window{padding:12px}.remote-window td,.remote-window th{font-size:10px;padding:10px 6px}.session-foot{flex-wrap:wrap}.screen-caption button{font-size:10px;padding:6px}.server-ticket{flex-wrap:wrap}.server-actions{width:100%;flex-direction:row;margin:0}.book-search{flex-wrap:wrap}.book-search label{width:100%}.book-search input{flex:1}}
@media(max-width:480px){.side-notes,.device-collection,.group-collection{grid-template-columns:1fr}.page-intro{flex-direction:column;gap:17px}.page-intro h1{font-size:26px}.page-intro p{font-size:12px}.paper-label{padding:15px 17px}.paper-label h2{font-size:14px}.paper-label>span{font-size:8px;max-width:100px}.paper-body{padding:17px}.person-ticket{padding:15px;gap:10px}.person-ticket strong{font-size:12px}.device-collection .address-card{padding:20px}.delivery-ticket{flex-wrap:wrap;gap:12px;padding:16px}.delivery-ticket>div{min-width:140px}.delivery-ticket>button{margin-left:auto}.postcard-art{display:flex;flex-direction:column}.postcard-art>.sticker{font-size:8px}.postcard-signature{display:none}.postcard-scene{flex-direction:row;gap:15px}.postcard-message{padding:25px}.postcard-message h1{font-size:27px}.state-hint{font-size:12px}.receipt>div{font-size:10px}.welcome-form{padding:25px}.welcome-form h1{font-size:26px}.message-composer{padding:17px 17px 0;flex-wrap:wrap}.message-composer label{flex-basis:100%}.message-composer button{margin-left:auto}.conversation-heading{padding:17px}.conversation-heading strong{font-size:12px}#messages{padding:0 17px}.chat{font-size:12px;max-width:95%}.terminal-label{padding:12px;flex-wrap:wrap}.terminal-label>span:last-child{font-size:8px}.terminal-notebook .terminal{font-size:11px;padding:18px}.terminal-footer{padding:12px;flex-wrap:wrap}.mini-session-head{padding:14px;gap:8px}.mini-session-head strong{font-size:12px}.mini-session-head .badge{font-size:9px}.parcel-cover{display:block}.parcel-cover>svg{display:none}.parcel-details{padding:25px}.update-percent{font-size:70px}.brand-swatches{grid-template-columns:1fr 1fr}.profile-links{flex-direction:column}.profile-workbench .line{flex-wrap:wrap}.port-map{grid-template-columns:1fr 25px 1fr}.port-map>div{padding:16px 8px}.camera-label{font-size:8px;letter-spacing:.5px}.camera-wait{padding:25px}.transfer-bridge{grid-template-columns:1fr 25px 1fr;gap:5px}.transfer-bridge .person-ticket strong{font-size:10px}.transfer-bridge .person-ticket small{font-size:9px}.screen-caption{padding:5px 9px}.screen-caption>span{font-size:8px}.session-toolrail button{font-size:8px}.remote-window{overflow:auto}.dialog-content{padding:20px}.dialog-content h2{font-size:22px}}