.pt-system{--pt-bg: #FFFFFF;--pt-band: #F7F8FA;--pt-line: #E9ECEF;--pt-line-2: #F2F3F5;--pt-ink: #212124;--pt-ink-2: #4D5159;--pt-ink-3: #868B94;--pt-accent: #0066FF;--pt-on-accent: #FFFFFF;--pt-accent-soft: #EAF1FF;--pt-flame: #E5484D;--pt-scrim: rgb(0 0 0 / 45%);--pt-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--pt-type-screen: 22px;--pt-type-section: 17px;--pt-type-post: 16px;--pt-type-post-card-title: 15px;--pt-post-badge: 16px;--pt-compact-touch: 24px;--pt-type-detail: 19px;--pt-type-rank-first: 16px;--pt-type-rank: 15px;--pt-type-body: 14px;--pt-type-person: 13px;--pt-type-meta: 12px;--pt-type-count: 13px;--pt-type-chip: 12px;--pt-type-tab: 10px;--pt-weight-normal: 400;--pt-weight-medium: 500;--pt-weight-chip: 600;--pt-weight-bold: 700;--pt-weight-title: 800;--pt-leading: 1.45;--pt-leading-title: 1.4;--pt-tracking: -.01em;--pt-tracking-section: -.02em;--pt-tracking-screen: -.03em;--pt-space-0: 0;--pt-space-4: 4px;--pt-space-6: 6px;--pt-space-8: 8px;--pt-space-10: 10px;--pt-space-12: 12px;--pt-space-16: 16px;--pt-space-24: 24px;--pt-radius-chip: 6px;--pt-radius-control: 8px;--pt-radius-tile: 12px;--pt-radius-sheet: 20px;--pt-radius-pill: 999px;--pt-touch: 44px;--pt-header: 52px;--pt-bottom: 58px;--pt-avatar: 36px;--pt-robin: 120px;--pt-thumbnail: 72px;--pt-chip: 22px;--pt-filter: 30px;--pt-small-button: 30px;--pt-icon: 24px;--pt-icon-small: 14px;--pt-dot: 6px;--pt-line-width: 1px;--pt-focus-width: 2px;--pt-handle-width: 36px;--pt-handle-height: 4px;--pt-gallery-width: 1520px;--pt-preview-width: 390px;--pt-preview-height: 844px;--pt-sheet-height: 460px;--pt-sheet-max: 640px;--pt-skeleton-height: 12px;--pt-motion: .2s;--pt-disabled-opacity: .4;--pt-pressed-opacity: .7;--pt-icon-stroke: 1.8;--pt-popover-layer: 10}.pt-system[data-pt-theme=dark]{--pt-bg: #17171A;--pt-band: #212125;--pt-line: #2C2C31;--pt-line-2: #26262B;--pt-ink: #F2F2F4;--pt-ink-2: #C8C9CE;--pt-ink-3: #8E9096;color-scheme:dark}@media(prefers-color-scheme:dark){.pt-system:not([data-pt-theme=light]){--pt-bg: #17171A;--pt-band: #212125;--pt-line: #2C2C31;--pt-line-2: #26262B;--pt-ink: #F2F2F4;--pt-ink-2: #C8C9CE;--pt-ink-3: #8E9096;color-scheme:dark}}.pt-system-body{margin:0}.pt-system,.pt-system *,.pt-system *:before,.pt-system *:after{box-sizing:border-box}.pt-system{min-height:100dvh}.pt-system h1,.pt-system h2,.pt-system h3,.pt-system p{margin:0}.pt-system svg{width:var(--pt-icon);height:var(--pt-icon);stroke-width:var(--pt-icon-stroke);flex-shrink:0}.pt-system img{display:block;max-width:100%;object-fit:contain}.pt-system .pt-button{font:inherit;border:var(--pt-line-width) solid transparent;min-height:var(--pt-touch);padding:var(--pt-space-8) var(--pt-space-16);border-radius:var(--pt-radius-control);display:inline-flex;align-items:center;justify-content:center;gap:var(--pt-space-6);cursor:pointer;touch-action:manipulation;transition:opacity var(--pt-motion),background-color var(--pt-motion)}.pt-system .pt-button-primary{color:var(--pt-on-accent);background:var(--pt-accent);font-weight:var(--pt-weight-bold)}.pt-system .pt-button-secondary{color:var(--pt-ink);background:var(--pt-bg);border-color:var(--pt-line)}.pt-system .pt-button-ghost{color:var(--pt-ink);background:transparent}.pt-system .pt-button-small{min-height:var(--pt-touch);border-radius:var(--pt-radius-pill);padding:var(--pt-space-6) var(--pt-space-12);font-size:var(--pt-type-meta)}.pt-system .pt-button:active,.pt-system .pt-button[data-ui-state=pressed]{opacity:var(--pt-pressed-opacity)}.pt-system [data-ui-state=disabled]{opacity:var(--pt-disabled-opacity)}.pt-system [data-ui-state=disabled] [data-ui-state=disabled]{opacity:1}.pt-system .pt-button:disabled{cursor:default}.pt-system .pt-button:focus-visible,.pt-system .pt-input:focus-visible{outline:var(--pt-focus-width) solid var(--pt-accent);outline-offset:var(--pt-focus-width)}.pt-system .pt-icon-button{width:var(--pt-touch);height:var(--pt-touch);padding:var(--pt-space-0);flex-shrink:0;position:relative}.pt-system .pt-spinner{width:var(--pt-icon-small);height:var(--pt-icon-small);animation:pt-spin var(--pt-motion) linear infinite}@keyframes pt-spin{to{transform:rotate(360deg)}}.pt-system .pt-header{height:var(--pt-header);padding:var(--pt-space-0) var(--pt-space-16);display:flex;align-items:center;gap:var(--pt-space-4);background:var(--pt-bg)}.pt-system .pt-wordmark{width:var(--pt-thumbnail);height:auto}.pt-system .pt-screen-title{font-size:var(--pt-type-screen);font-weight:var(--pt-weight-title);letter-spacing:var(--pt-tracking-screen)}.pt-system .pt-header-actions{display:flex;margin-left:auto}.pt-system .pt-unread{position:absolute;right:var(--pt-space-8);top:var(--pt-space-8);width:var(--pt-dot);height:var(--pt-dot);background:var(--pt-accent);border-radius:var(--pt-radius-pill)}.pt-system .pt-bottom-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:calc(var(--pt-bottom) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:var(--pt-line-width) solid var(--pt-line);background:var(--pt-bg)}.pt-system .pt-bottom-tab{min-width:0;padding:var(--pt-space-4) 0;display:flex;flex-direction:column;gap:var(--pt-space-0);color:var(--pt-ink-2);font-size:var(--pt-type-tab);border-radius:0}.pt-system .pt-bottom-tab.pt-selected{color:var(--pt-accent);font-weight:var(--pt-weight-bold)}.pt-system .pt-tab-icon{display:grid;place-items:center;min-height:var(--pt-touch)}.pt-system .pt-compose-tab .pt-tab-icon{width:var(--pt-touch);border-radius:var(--pt-radius-pill);background:var(--pt-accent);color:var(--pt-on-accent)}.pt-system .pt-tabs{display:flex;padding:0 var(--pt-space-16);gap:var(--pt-space-16);border-bottom:var(--pt-line-width) solid var(--pt-line)}.pt-system .pt-tab{padding:var(--pt-space-8) 0;color:var(--pt-ink-2);font-size:var(--pt-type-rank);font-weight:var(--pt-weight-bold);border:0;border-bottom:var(--pt-focus-width) solid transparent;border-radius:0;white-space:nowrap}.pt-system .pt-tab.pt-selected{color:var(--pt-ink);border-bottom-color:var(--pt-ink)}.pt-system .pt-chip{position:relative;min-height:var(--pt-chip);padding:var(--pt-space-4) var(--pt-space-10);border-radius:var(--pt-radius-pill);background:var(--pt-line-2);color:var(--pt-ink-2);font-size:var(--pt-type-chip);font-weight:var(--pt-weight-normal);white-space:nowrap}.pt-system .pt-chip:after{content:"";position:absolute;inset:50% 0 auto;min-height:var(--pt-touch);transform:translateY(-50%)}.pt-system .pt-chip-filter{min-height:var(--pt-filter);padding:var(--pt-space-4) var(--pt-space-12);font-size:var(--pt-type-body)}.pt-system .pt-chip[aria-pressed=true]{color:#4d5159;background:var(--pt-accent-soft)}.pt-system .pt-chip-row{display:flex;align-items:center;gap:var(--pt-space-8);padding:var(--pt-space-12) var(--pt-space-16);overflow-x:auto;border-block:var(--pt-line-width) solid var(--pt-line);scrollbar-width:none}.pt-system .pt-chip-row>.pt-meta{white-space:nowrap;flex-shrink:0}.pt-system .pt-chip-row>.pt-chip{flex-shrink:0}.pt-system .pt-trending{color:var(--pt-accent);font-size:var(--pt-type-meta);white-space:nowrap;font-weight:var(--pt-weight-bold)}.pt-system .pt-avatar{width:var(--pt-avatar);height:var(--pt-avatar);flex-shrink:0;border-radius:var(--pt-radius-pill);background:var(--pt-line-2);display:inline-grid;place-items:center;font-weight:var(--pt-weight-bold);color:var(--pt-ink-2)}.pt-system .pt-badge{color:#4d5159;font-size:var(--pt-type-meta);font-weight:var(--pt-weight-bold)}.pt-system .pt-live-pill{display:inline-flex;align-items:center;gap:var(--pt-space-4);border-radius:var(--pt-radius-pill);background:var(--pt-accent-soft);color:#4d5159;font-size:var(--pt-type-meta);font-weight:var(--pt-weight-bold);padding:var(--pt-space-4) var(--pt-space-8);white-space:nowrap}.pt-system .pt-live-dot{width:var(--pt-dot);height:var(--pt-dot);background:var(--pt-accent);border-radius:var(--pt-radius-pill)}.pt-system .pt-rank-heading{padding:var(--pt-space-12) var(--pt-space-16);display:flex;align-items:center;gap:var(--pt-space-8)}.pt-system .pt-rank-heading h3{font-size:var(--pt-type-section);font-weight:var(--pt-weight-bold)}.pt-system .pt-rank-heading>.pt-meta{margin-left:auto}.pt-system .pt-rank-list{padding:0 var(--pt-space-16)}.pt-system .pt-rank-row{display:flex;align-items:center;gap:var(--pt-space-8);min-height:calc(var(--pt-touch) + var(--pt-space-16));padding:var(--pt-space-8) 0;border-bottom:var(--pt-line-width) solid var(--pt-line-2)}.pt-system .pt-rank-row:last-child{border-bottom:0}.pt-system .pt-rank-number{width:var(--pt-space-24);flex-shrink:0;font-size:var(--pt-type-detail);text-align:center}.pt-system .pt-rank-copy{min-width:0;flex:1}.pt-system .pt-meta{color:var(--pt-ink-2);font-size:var(--pt-type-meta);font-weight:var(--pt-weight-normal)}.pt-system .pt-rank-copy .pt-meta,.pt-system .pt-rank-title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pt-system .pt-rank-title{font-size:var(--pt-type-rank);margin-top:var(--pt-space-4)}.pt-system .pt-rank-score{min-width:var(--pt-touch);text-align:right;font-size:var(--pt-type-count)}.pt-system .pt-rank-score>strong,.pt-system .pt-rank-change{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-space-4)}.pt-system .pt-rank-change{min-height:var(--pt-space-16);color:var(--pt-accent);font-size:var(--pt-type-meta);font-weight:var(--pt-weight-bold)}.pt-system .pt-rank-change svg,.pt-system .pt-rank-score svg{width:var(--pt-icon-small);height:var(--pt-icon-small)}.pt-system .pt-no-change{color:var(--pt-ink-2)}.pt-system .pt-flame{color:var(--pt-flame)}.pt-system .pt-filled-flame{fill:var(--pt-flame)}.pt-system .pt-post{padding:var(--pt-space-12) var(--pt-space-16) var(--pt-space-10);border-bottom:var(--pt-line-width) solid var(--pt-line)}.pt-system .pt-person{display:flex;align-items:center;gap:var(--pt-space-8);margin-bottom:var(--pt-space-8)}.pt-system .pt-person-copy{min-width:0;flex:1;display:flex;flex-direction:column}.pt-system .pt-person-copy>strong{font-size:var(--pt-type-person);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pt-system .pt-post-content{display:flex;gap:var(--pt-space-12)}.pt-system .pt-post-copy{min-width:0;flex:1}.pt-system .pt-post h3{font-size:var(--pt-type-post);line-height:var(--pt-leading-title);font-weight:var(--pt-weight-bold);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pt-system .pt-post p{color:var(--pt-ink-2);font-size:var(--pt-type-body);line-height:var(--pt-leading);margin-top:var(--pt-space-4);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pt-system .pt-thumbnail{width:var(--pt-thumbnail);height:var(--pt-thumbnail);object-fit:cover;border-radius:var(--pt-radius-control);flex-shrink:0}.pt-system .pt-post-actions{display:flex;align-items:center;gap:var(--pt-space-8);margin-top:var(--pt-space-4)}.pt-system .pt-post-action{padding:0;min-width:var(--pt-touch);font-size:var(--pt-type-count);gap:var(--pt-space-6)}.pt-system .pt-post-action svg{width:var(--pt-type-screen);height:var(--pt-type-screen)}.pt-system .pt-share{margin-left:auto;color:var(--pt-ink-2)}.pt-system .pt-field{display:flex;flex-direction:column;gap:var(--pt-space-6);font-size:var(--pt-type-person);width:100%}.pt-system .pt-input{font-family:var(--pt-font);font-size:var(--pt-type-post);color:var(--pt-ink);min-height:var(--pt-touch);padding:var(--pt-space-8) var(--pt-space-12);background:var(--pt-bg);border:var(--pt-line-width) solid var(--pt-line);border-radius:var(--pt-radius-control);width:100%}.pt-system .pt-input[aria-invalid=true]{border-color:var(--pt-flame)}.pt-system .pt-field-error{color:var(--pt-flame);font-size:var(--pt-type-meta)}.pt-system .pt-sheet{color:var(--pt-ink);background:var(--pt-bg);padding:var(--pt-space-8) 0 var(--pt-space-16);border:0;border-radius:var(--pt-radius-sheet) var(--pt-radius-sheet) 0 0;width:min(100%,var(--pt-sheet-max));max-height:90dvh;margin:auto auto 0;overflow:auto}.pt-system .pt-sheet::backdrop{background:var(--pt-scrim)}.pt-system .pt-sheet-preview{width:100%;max-height:none;margin:0}.pt-system .pt-sheet-handle{display:block;width:var(--pt-handle-width);height:var(--pt-handle-height);background:var(--pt-line);border-radius:var(--pt-radius-pill);margin:0 auto var(--pt-space-12)}.pt-system .pt-sheet-title{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pt-space-16) var(--pt-space-12)}.pt-system .pt-sheet-title h3{font-size:var(--pt-type-section)}.pt-system .pt-language-row{width:100%;justify-content:space-between;border-radius:0;border-bottom:var(--pt-line-width) solid var(--pt-line-2);padding:var(--pt-space-12) var(--pt-space-16);min-height:var(--pt-header);font-size:var(--pt-type-post)}.pt-system .pt-language-row svg{color:var(--pt-accent)}.pt-system .pt-language-row[aria-pressed=true]{font-weight:var(--pt-weight-bold)}.pt-system .pt-language-default{margin-right:auto;margin-left:var(--pt-space-8);color:var(--pt-ink-2);font-size:var(--pt-type-meta);font-weight:var(--pt-weight-normal)}.pt-system .pt-language-more{color:var(--pt-ink-2);font-size:var(--pt-type-body);justify-content:flex-start}.pt-system .pt-language-more svg{color:var(--pt-ink-2)}.pt-system .pt-empty{display:flex;flex-direction:column;align-items:center;gap:var(--pt-space-12);padding:var(--pt-space-24) var(--pt-space-16);text-align:center}.pt-system .pt-empty img{width:var(--pt-robin);height:var(--pt-robin)}.pt-system .pt-skeleton{padding:var(--pt-space-16);display:flex;flex-direction:column;gap:var(--pt-space-12);width:100%}.pt-system .pt-skeleton-person{display:flex;align-items:center;gap:var(--pt-space-8)}.pt-system .pt-skeleton-avatar{width:var(--pt-avatar);height:var(--pt-avatar);border-radius:var(--pt-radius-pill);background:var(--pt-line-2)}.pt-system .pt-skeleton-line{display:block;width:100%;height:var(--pt-skeleton-height);border-radius:var(--pt-radius-control);background:var(--pt-line-2)}.pt-system .pt-skeleton-short{width:30%}.pt-system .pt-skeleton-medium{width:70%}.pt-system .pt-toast{border-radius:var(--pt-radius-control);background:var(--pt-ink);color:var(--pt-bg);padding:var(--pt-space-12) var(--pt-space-16);font-size:var(--pt-type-body)}.pt-system .pt-gallery{max-width:var(--pt-gallery-width);margin:auto;padding:var(--pt-space-24) var(--pt-space-16)}.pt-system .pt-gallery-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--pt-space-12);margin-bottom:var(--pt-space-24)}.pt-system .pt-gallery-heading h1{font-size:var(--pt-type-screen);letter-spacing:var(--pt-tracking-screen)}.pt-system .pt-gallery-heading p{color:var(--pt-ink-2);margin-top:var(--pt-space-4)}.pt-system .pt-row{display:flex;flex-wrap:wrap;gap:var(--pt-space-8);align-items:center}.pt-system .pt-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pt-space-16);margin-bottom:var(--pt-space-24)}.pt-system .pt-previews>section{min-width:0}.pt-system .pt-preview-label{margin-bottom:var(--pt-space-8);font-size:var(--pt-type-section)}.pt-system .pt-phone{width:100%;max-width:var(--pt-preview-width);height:var(--pt-preview-height);position:relative;overflow:hidden;border:var(--pt-line-width) solid var(--pt-line);background:var(--pt-bg)}.pt-system .pt-phone .pt-bottom-tabs{position:absolute;inset:auto 0 0}.pt-system .pt-phone .pt-header{padding-inline:var(--pt-space-16)}.pt-system .pt-settings-row{width:100%;min-height:var(--pt-header);padding:var(--pt-space-12) var(--pt-space-16);border-bottom:var(--pt-line-width) solid var(--pt-line);display:flex;justify-content:space-between;font-size:var(--pt-type-post)}.pt-system .pt-settings-row span:last-child{color:var(--pt-ink-2)}.pt-system .pt-settings-caption{padding:var(--pt-space-24) var(--pt-space-16) var(--pt-space-12);font-size:var(--pt-type-meta);color:var(--pt-ink-2)}.pt-system .pt-phone-scrim{position:absolute;inset:0;background:var(--pt-scrim)}.pt-system .pt-phone-sheet{position:absolute;inset:auto 0 0}.pt-system .pt-component-section{border-top:var(--pt-line-width) solid var(--pt-line);padding-top:var(--pt-space-16);margin-bottom:var(--pt-space-24)}.pt-system .pt-component-section>h2{font-size:var(--pt-type-section);margin-bottom:var(--pt-space-12)}.pt-system .pt-states{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pt-space-12)}.pt-system .pt-state-example{min-width:0}.pt-system .pt-state-name{display:block;color:var(--pt-ink-2);font-size:var(--pt-type-meta);margin-bottom:var(--pt-space-8)}.pt-system .pt-sample{min-height:var(--pt-touch);overflow:hidden;border:var(--pt-line-width) solid var(--pt-line-2);padding:var(--pt-space-8)}.pt-system .pt-example-variants{display:flex;flex-direction:column;align-items:flex-start;gap:var(--pt-space-12)}.pt-system .pt-example-variants>.pt-header,.pt-system .pt-example-variants>.pt-post,.pt-system .pt-example-variants>.pt-rank-row{width:100%}.pt-system .pt-float-toast{position:fixed;bottom:calc(var(--pt-bottom) + var(--pt-space-16));left:50%;transform:translate(-50%);z-index:var(--pt-popover-layer);width:max-content;max-width:calc(100% - var(--pt-space-24))}@media(max-width:900px){.pt-system .pt-previews{grid-template-columns:minmax(0,1fr);justify-items:center}.pt-system .pt-previews>section{width:min(100%,var(--pt-preview-width))}.pt-system .pt-states{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.pt-system .pt-states{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pt-system .pt-spinner{animation:none}}.pt-system .pt-thumbnail{position:relative;overflow:hidden}.pt-system .pt-thumbnail>img{width:100%;height:100%;object-fit:cover}.pt-system .pt-canvas-crop>img{position:absolute;max-width:none;height:auto}.pt-system .pt-canvas-cafe>img{width:546.153846%;left:-423.076923%;top:-286.923077%}.pt-system .pt-canvas-briefing>img{width:546.153846%;left:-423.076923%;top:-710%}.pt-system[data-pt-theme=dark] .pt-wordmark{filter:brightness(0) invert(1)}.pt-compose{margin:0;min-height:100dvh;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:contain}.pt-compose *{box-sizing:border-box}.pt-compose [hidden]{display:none}.pt-compose-shell{max-width:var(--pt-sheet-max);margin:auto;min-height:100dvh;background:var(--pt-bg)}.pt-compose-header{position:sticky;top:0;z-index:var(--pt-popover-layer);padding:env(safe-area-inset-top) var(--pt-space-12) 0;min-height:calc(var(--pt-header) + env(safe-area-inset-top));height:auto;border-bottom:var(--pt-line-width) solid var(--pt-line);background:var(--pt-bg)}.pt-compose-header h1{flex:1;margin:0;font-size:var(--pt-type-section)}.pt-compose-header .pt-header-actions{margin:0;gap:var(--pt-space-4)}.pt-compose-header [data-compose-submit]{white-space:normal;max-width:calc(var(--pt-touch)*4);min-width:var(--pt-touch);font-size:var(--pt-type-body);flex-shrink:0;padding-inline:var(--pt-space-12)}.pt-compose-content{padding:var(--pt-space-16) var(--pt-space-16) calc(var(--pt-space-24) + env(safe-area-inset-bottom))}.pt-compose-fields{border:0;margin:0;padding:0;min-width:0}.pt-compose-fields .pt-field>span{display:none}.pt-compose-fields .pt-input{font-size:var(--pt-type-section);font-weight:var(--pt-weight-bold);padding:var(--pt-space-12) 0;border:0;border-bottom:var(--pt-line-width) solid var(--pt-line);border-radius:0;min-height:var(--pt-header);background:var(--pt-bg);color:var(--pt-ink)}.pt-compose-body{display:block;border:0;border-radius:0;padding:var(--pt-space-16) 0;margin:0;resize:vertical;min-height:calc(var(--pt-touch)*5);width:100%;background:var(--pt-bg);color:var(--pt-ink);font:inherit;font-size:var(--pt-type-post);line-height:1.7;overflow-wrap:anywhere}.pt-compose-body::placeholder{color:var(--pt-ink-2)}.pt-compose-count{text-align:end;color:var(--pt-ink-2);font-size:var(--pt-type-meta);font-variant-numeric:tabular-nums;margin:var(--pt-space-4) 0 var(--pt-space-12)}.pt-compose-toolbar{display:flex;align-items:center;gap:var(--pt-space-4);flex-wrap:wrap;border-top:var(--pt-line-width) solid var(--pt-line);padding-top:var(--pt-space-8);margin-top:var(--pt-space-12)}.pt-compose-toolbar button{padding-inline:var(--pt-space-8);min-width:var(--pt-touch);font-size:var(--pt-type-body)}.pt-compose-toolbar svg{width:var(--pt-icon);height:var(--pt-icon)}.pt-compose-file,.pt-compose-sr{position:absolute;width:var(--pt-line-width);height:var(--pt-line-width);overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pt-compose-photos{display:flex;gap:var(--pt-space-12);overflow:auto;scroll-snap-type:x proximity;overscroll-behavior:contain}.pt-compose-photos figure{margin:0;flex:0 0 calc(var(--pt-touch)*3);scroll-snap-align:start}.pt-compose-photos img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:var(--pt-radius-control)}.pt-compose-photos figcaption{display:flex;align-items:center;justify-content:space-between}.pt-compose-photos figcaption button{padding:0;min-width:var(--pt-touch);min-height:var(--pt-touch)}.pt-compose-photo-label{display:block;font-size:var(--pt-type-meta);padding-block:var(--pt-space-4);color:var(--pt-ink-2)}.pt-compose-tags{display:flex;flex-wrap:wrap;gap:var(--pt-space-6);margin-top:var(--pt-space-12)}.pt-compose-tags button{min-height:var(--pt-touch);font-size:var(--pt-type-person)}.pt-compose-tags [aria-pressed=true]{color:#4d5159;background:var(--pt-accent-soft)}.pt-compose-guidance{margin-top:var(--pt-space-16);color:var(--pt-ink-2);font-size:var(--pt-type-person)}.pt-compose-guidance summary{display:flex;gap:var(--pt-space-8);align-items:center;min-height:var(--pt-touch);cursor:pointer}.pt-compose-guidance svg{width:var(--pt-icon-small);height:var(--pt-icon-small)}.pt-compose-notice,.pt-compose-state{border-bottom:var(--pt-line-width) solid var(--pt-line);padding:var(--pt-space-16) 0;overflow-wrap:anywhere}.pt-compose-state h2{font-size:var(--pt-type-section);margin:0}.pt-compose-state p{color:var(--pt-ink-2)}.pt-compose-storage{font-size:var(--pt-type-meta);color:var(--pt-ink-2);padding-block:var(--pt-space-8)}.pt-compose-drafts{border-top:var(--pt-line-width) solid var(--pt-line);padding-block:var(--pt-space-8)}.pt-compose-sheet{max-height:calc(100dvh - var(--pt-space-24));overflow:auto;padding:var(--pt-space-16) var(--pt-space-16) calc(var(--pt-space-24) + env(safe-area-inset-bottom))}.pt-compose-sheet .pt-sheet-title{position:sticky;top:0;background:var(--pt-bg)}.pt-compose-sheet h2{font-size:var(--pt-type-section);margin:0}.pt-compose-sheet input{font-size:var(--pt-type-post)}.pt-compose-sheet [data-compose-sheet-body]>p{white-space:pre-wrap;overflow-wrap:anywhere}.pt-compose-sheet img{max-width:100%;border-radius:var(--pt-radius-control)}.pt-compose .pt-poll-summary{padding:var(--pt-space-12);border:var(--pt-line-width) solid var(--pt-line);border-radius:var(--pt-radius-control);margin-block:var(--pt-space-12)}.pt-compose .pt-poll-summary-head{display:flex;align-items:center;justify-content:space-between}.pt-compose .pt-poll-summary-time{color:var(--pt-ink-2);font-size:var(--pt-type-meta)}.pt-compose .pt-poll-summary-option{display:flex;align-items:center;gap:var(--pt-space-8);padding:var(--pt-space-8);margin-top:var(--pt-space-4);border-radius:var(--pt-radius-chip);background:var(--pt-band)}.pt-compose .pt-poll-summary-option img{width:var(--pt-touch);height:var(--pt-touch);object-fit:cover}.pt-compose :is(.pt-poll-remove,.pt-poll-edit,.pt-poll-save,.pt-poll-handle,.pt-poll-grip,.pt-poll-photo,.pt-poll-delete,.pt-poll-add,.pt-poll-reorder button,.pt-duration-option,.pt-duration-back,.pt-duration-close,.pt-duration-apply){border:0;background:transparent;color:inherit;font:inherit;min-width:var(--pt-touch);min-height:var(--pt-touch);border-radius:var(--pt-radius-control);cursor:pointer;padding:var(--pt-space-8);touch-action:manipulation}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet){position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,var(--pt-sheet-max));max-width:100%;max-height:calc(100dvh - var(--pt-space-16));height:var(--pt-sheet-height);padding:var(--pt-space-12);border:0;border-radius:var(--pt-radius-sheet) var(--pt-radius-sheet) 0 0;background:var(--pt-bg);color:var(--pt-ink);font:inherit;overflow:auto;overscroll-behavior:contain}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet)::backdrop{background:var(--pt-scrim)}.pt-compose .pt-poll-sheet header{display:flex;align-items:center;justify-content:space-between;gap:var(--pt-space-8)}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet) h2{font-size:var(--pt-type-section);margin:0;flex:1}.pt-compose .pt-poll-handle{display:block;margin:auto;padding:0}.pt-compose .pt-poll-handle span{display:block;width:var(--pt-handle-width);height:var(--pt-handle-height);border-radius:var(--pt-radius-pill);background:var(--pt-line);margin:auto}.pt-compose .pt-poll-duration{display:flex;align-items:center;gap:var(--pt-space-8);border:0;border-bottom:var(--pt-line-width) solid var(--pt-line);width:100%;padding:var(--pt-space-12) 0;margin-bottom:var(--pt-space-12);min-height:var(--pt-touch);background:transparent;color:inherit;font:inherit}.pt-compose .pt-poll-duration-label{flex:1;text-align:start}.pt-compose .pt-poll-option{display:grid;grid-template-columns:var(--pt-touch) minmax(0,1fr) var(--pt-touch);gap:var(--pt-space-4);align-items:center;margin-block:var(--pt-space-8)}.pt-compose .pt-poll-pill{display:flex;align-items:center;border:var(--pt-line-width) solid var(--pt-line);border-radius:var(--pt-radius-control);min-width:0}.pt-compose .pt-poll-pill input[type=text]{font:inherit;font-size:var(--pt-type-post);width:100%;min-width:0;min-height:var(--pt-touch);padding:var(--pt-space-8);border:0;color:inherit}.pt-compose .pt-poll-photo img{width:var(--pt-touch);height:var(--pt-touch);object-fit:cover}.pt-compose .pt-poll-reorder{grid-column:2;display:flex;flex-wrap:wrap;gap:var(--pt-space-4)}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet) svg{width:var(--pt-icon);height:var(--pt-icon);fill:none;stroke:currentColor;stroke-width:var(--pt-icon-stroke);stroke-linecap:round;stroke-linejoin:round}.pt-compose :is(.pt-duration-option,.pt-duration-apply){display:flex;align-items:center;justify-content:space-between;width:100%}.pt-compose .pt-duration-custom input{font:inherit;font-size:var(--pt-type-post);width:100%;padding:var(--pt-space-12);background:var(--pt-bg);color:var(--pt-ink);border:var(--pt-line-width) solid var(--pt-line)}.pt-compose .pt-poll-sr{position:absolute;clip-path:inset(50%);width:var(--pt-line-width);height:var(--pt-line-width);overflow:hidden}.pt-compose :is(button,a){touch-action:manipulation}.pt-compose button{user-select:none;-webkit-user-select:none}.pt-compose button:disabled{opacity:var(--pt-disabled-opacity);cursor:default}.pt-compose button:active{opacity:var(--pt-pressed-opacity)}.pt-compose :is(button,a,input,textarea,summary):focus-visible{outline:var(--pt-focus-width) solid var(--pt-accent);outline-offset:var(--pt-focus-width)}.pt-compose .pt-input:is(:focus,:focus-visible),.pt-compose textarea:is(:focus,:focus-visible),.pt-compose .pt-poll-pill input:is(:focus,:focus-visible){outline:none;box-shadow:none}.pt-compose .pt-compose-fields .pt-input{border-bottom-width:var(--pt-focus-width)}.pt-compose .pt-compose-fields .pt-input:focus{border-bottom-color:var(--pt-accent)}.pt-compose .pt-compose-body:focus{border:0}.pt-compose .pt-compose-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pt-space-4) var(--pt-space-6);margin-top:var(--pt-space-8)}.pt-compose .pt-compose-tag{padding:0;border:0;min-height:var(--pt-touch);min-width:var(--pt-touch);max-width:100%;border-radius:var(--pt-radius-pill);background:transparent}.pt-compose .pt-compose-tag .pt-chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--pt-space-4);min-height:calc(var(--pt-touch) - var(--pt-space-8));min-width:var(--pt-touch);max-width:100%;padding:var(--pt-space-6) var(--pt-space-12);border:var(--pt-line-width) solid transparent;font-size:var(--pt-type-person);white-space:normal;overflow-wrap:anywhere}.pt-compose .pt-compose-tag .pt-chip:after{content:none}.pt-compose .pt-compose-tag[aria-pressed=true]{background:transparent}.pt-compose .pt-compose-tag[aria-pressed=true] .pt-chip{background:var(--pt-accent-soft);color:#4d5159;font-weight:var(--pt-weight-chip)}.pt-compose .pt-compose-tag svg{width:var(--pt-icon-small);height:var(--pt-icon-small)}.pt-compose .pt-compose-tag-add .pt-chip{border-style:dashed;border-color:var(--pt-ink-3);background:var(--pt-bg)}.pt-compose .pt-compose-tag-create .pt-chip{border-color:#4d5159;color:#4d5159;background:var(--pt-bg)}.pt-compose .pt-compose-toolbar [aria-pressed=true],.pt-compose .pt-compose-toolbar [aria-expanded=true]{color:#4d5159;background:var(--pt-accent-soft)}.pt-compose .pt-compose-guidance{padding-inline:0;color:var(--pt-ink-2);font-size:var(--pt-type-person);margin-top:var(--pt-space-12)}.pt-compose .pt-compose-sheet{max-height:calc(var(--pt-sheet-height) - var(--pt-space-16));padding-top:0;bottom:var(--pt-sheet-bottom,0);overscroll-behavior:contain}.pt-compose .pt-compose-drag{display:flex;min-width:var(--pt-touch);min-height:var(--pt-touch);margin:auto;padding:0;touch-action:none}.pt-compose .pt-compose-drag .pt-sheet-handle{margin:0}.pt-compose .pt-compose-sheet .pt-sheet-title{padding:0 0 var(--pt-space-8);gap:var(--pt-space-8);position:static}.pt-compose .pt-compose-sheet h2{display:flex;align-items:center;gap:var(--pt-space-6);min-width:0;overflow-wrap:anywhere}.pt-compose .pt-compose-done{padding:0;background:transparent;border:0;flex-shrink:0}.pt-compose .pt-compose-done>span{display:flex;align-items:center;justify-content:center;min-width:var(--pt-touch);min-height:calc(var(--pt-touch) - var(--pt-space-8));padding-inline:var(--pt-space-12);border-radius:var(--pt-radius-control);background:var(--pt-accent);color:var(--pt-on-accent);font-weight:var(--pt-weight-bold)}.pt-compose .pt-compose-sheet .pt-input{min-height:calc(var(--pt-touch) + var(--pt-space-4));border-width:calc(var(--pt-line-width)*1.5)}.pt-compose .pt-compose-sheet .pt-input:focus{border-color:var(--pt-accent)}.pt-compose .pt-compose-hint{font-size:var(--pt-type-person);color:var(--pt-ink-2);line-height:var(--pt-leading);margin-top:var(--pt-space-8);overflow-wrap:anywhere}.pt-compose .pt-compose-search{position:relative}.pt-compose .pt-compose-search>svg{position:absolute;left:var(--pt-space-12);top:50%;transform:translateY(-50%);color:var(--pt-ink-2);pointer-events:none}.pt-compose .pt-compose-search input{padding-left:calc(var(--pt-space-12) + var(--pt-icon) + var(--pt-space-8));appearance:none;-webkit-appearance:none}.pt-compose .pt-compose-tag-group{margin-top:var(--pt-space-16)}.pt-compose .pt-compose-tag-group h3{font-size:var(--pt-type-person);color:var(--pt-ink-2);font-weight:var(--pt-weight-medium)}.pt-compose .pt-compose-tag-group .pt-compose-tags{margin-top:var(--pt-space-4)}.pt-compose .pt-compose-sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pt-space-8);margin-top:var(--pt-space-16)}.pt-compose .pt-compose-sheet-actions button{min-height:calc(var(--pt-touch) + var(--pt-space-4));color:var(--pt-accent)}.pt-compose .pt-compose-sheet-actions .pt-button-primary{color:var(--pt-on-accent)}.pt-compose :is(.pt-poll-save,.pt-compose-sheet-actions .pt-button-primary):disabled{opacity:var(--pt-disabled-opacity);background:var(--pt-accent);color:var(--pt-on-accent)}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet){height:auto;max-height:calc(var(--pt-sheet-height) - var(--pt-space-16));padding:0 var(--pt-space-16) calc(var(--pt-space-24) + env(safe-area-inset-bottom));bottom:var(--pt-sheet-bottom,0)}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet)[open]{display:flex;flex-direction:column}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet) header{display:flex;gap:var(--pt-space-8);align-items:center;flex-shrink:0;padding-bottom:var(--pt-space-8)}.pt-compose .pt-poll-handle{flex-shrink:0}.pt-compose :is(.pt-poll-scroll,.pt-duration-scroll){overflow:auto;min-height:0;overscroll-behavior:contain}.pt-compose .pt-poll-save{background:var(--pt-accent);color:var(--pt-on-accent);font-weight:var(--pt-weight-bold);padding-inline:var(--pt-space-12)}.pt-compose .pt-poll-pill{border-width:calc(var(--pt-line-width)*1.5)}.pt-compose .pt-poll-pill:focus-within{border-color:var(--pt-accent)}.pt-compose .pt-poll-add{display:flex;align-items:center;justify-content:center;gap:var(--pt-space-6);width:100%;border:var(--pt-line-width) dashed var(--pt-ink-3);color:var(--pt-ink-2)}.pt-compose .pt-poll-add:before{content:"+"}.pt-compose :is(.pt-poll-sheet,.pt-poll-deadline-sheet) footer{padding-top:var(--pt-space-8);color:var(--pt-ink-2);font-size:var(--pt-type-person);overflow-wrap:anywhere;flex-shrink:0}.pt-compose .pt-poll-grip{touch-action:none}.pt-compose .pt-poll-deadline-sheet input:focus{outline:none;border:calc(var(--pt-line-width)*1.5) solid var(--pt-accent);box-shadow:none}.pt-compose{font-family:var(--pt-font);font-size:var(--pt-type-body);line-height:var(--pt-leading)}.pt-compose .pt-compose-toolbar button{padding-inline:var(--pt-space-8);font-size:var(--pt-type-body)}.pt-compose .pt-compose-sheet{max-width:100%;width:min(100%,var(--pt-sheet-max));margin:0 auto;inset:auto 0 var(--pt-sheet-bottom,0);padding:0 var(--pt-space-16) calc(var(--pt-space-24) + env(safe-area-inset-bottom))}.pt-compose .pt-poll-sheet .pt-poll-save{background:var(--pt-accent);color:var(--pt-on-accent);font-weight:var(--pt-weight-bold);padding-inline:var(--pt-space-12)}.pt-compose .pt-poll-sheet .pt-poll-add{border:var(--pt-line-width) dashed var(--pt-ink-3);color:var(--pt-ink-2)}

.pt-screen-title{color:var(--pt-ink)}