@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro-400-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/be-vietnam-pro-500-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/be-vietnam-pro-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-600-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f5f0e6;--paper-raised:#fbf8f1;--ink:#1f1c18;--ink-2:#5e574d;--rule:#cfc6b6;--accent:#b9472f;--accent-soft:#f1dcd3;--danger:#8e2318;--scrim:#1f1c18eb;--font-sans:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-size-meta:13px;--font-size-label:15px;--font-size-body:16px;--font-size-title:20px;--line-height-body:1.5;--line-height-tight:1.25;--line-height-normal:1.4;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-none:0;--radius-stamp:6px;--radius-pill:9999px;--radius-round:50%;--shadow-roll:0 4px 24px #1f1c180f;--shadow-menu:0 4px 16px #1f1c181a;--shadow-toast:0 6px 20px #1f1c181f;--motion-duration-new:.18s;--motion-duration-stamp:.12s;--motion-duration-toast:.16s;--motion-duration-undo:5s;--motion-ease:ease-out;--size-icon:20px;--size-touch:44px;--size-stamp:38px;--size-send:44px;--size-thumb:48px;--size-app-icon:48px;--max-width-roll:720px;--width-sheet:360px;--dock-height-mobile:168px;--border-width-hairline:1px;--border-width-focus:2px;--border-width-progress:3px;--outline-offset:2px;--paper-grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");--sawtooth-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpolygon points='0,8 8,0 16,8' fill='%23FBF8F1'/%3E%3C/svg%3E");--sawtooth-bottom-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpolygon points='0,0 8,8 16,0' fill='%23FBF8F1'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--ink);background-color:var(--paper);background-image:var(--paper-grain);-webkit-font-smoothing:antialiased;background-repeat:repeat;min-height:100vh}:focus-visible{outline:var(--border-width-focus) solid var(--ink);outline-offset:var(--outline-offset)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{width:var(--size-icon);height:var(--size-icon);stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0;display:inline-block}.icon-btn{width:var(--size-touch);height:var(--size-touch);min-width:var(--size-touch);min-height:var(--size-touch);border-radius:var(--radius-stamp);color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background-color:var(--accent-soft)}.icon-btn:active{background-color:var(--rule)}.icon-btn:disabled,.icon-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.roll{background-color:var(--paper-raised);flex-direction:column;width:100%;margin:0 auto;display:flex;position:relative}@media (width>=720px){.roll{max-width:var(--max-width-roll);margin:var(--space-6) auto;box-shadow:var(--shadow-roll)}.roll--edge:before{content:"";top:calc(var(--space-2) * -1);height:var(--space-2);background-image:var(--sawtooth-pattern);background-repeat:repeat-x;background-size:var(--space-4) var(--space-2);position:absolute;left:0;right:0}.roll--edge:after{content:"";bottom:calc(var(--space-2) * -1);height:var(--space-2);background-image:var(--sawtooth-bottom-pattern);background-repeat:repeat-x;background-size:var(--space-4) var(--space-2);position:absolute;left:0;right:0}}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state__image{width:calc(var(--space-8) * 3);height:calc(var(--space-8) * 3);display:block}.empty-state__text{font-size:var(--font-size-label);line-height:var(--line-height-normal);color:var(--ink-2);margin:0}.empty-state__text--desktop{display:none}.empty-state__text--mobile{display:inline}@media (width>=720px){.empty-state__text--mobile{display:none}.empty-state__text--desktop{display:inline}}.tear{border:none;border-top:var(--border-width-hairline) dashed var(--rule);width:100%;margin:0}.slip{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3);background-color:var(--paper-raised);border-radius:var(--radius-none);display:flex;position:relative}@media (width>=720px){.slip{padding:var(--space-4) var(--space-6)}}.slip--new{animation:slip-slide-in var(--motion-duration-new) var(--motion-ease)}@keyframes slip-slide-in{0%{opacity:0;transform:translateY(calc(var(--space-2) * -1))}to{opacity:1;transform:translateY(0)}}.slip--uploading{position:relative}.slip--uploading:before{content:"";height:var(--border-width-progress);width:var(--upload-progress,0%);background-color:var(--accent);position:absolute;top:0;left:0}.slip--failed,.slip--failed .slip__leading,.slip--failed .slip__filename{color:var(--danger)}.slip__error-text{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--danger)}.slip__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.slip--expired{color:var(--ink-2)}.slip--expired .slip__thumb{filter:grayscale();opacity:.7}.drop-overlay{background-color:var(--accent-soft);border:var(--border-width-focus) dashed var(--accent);justify-content:center;align-items:center;gap:var(--space-3);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0}.drop-overlay__icon{width:calc(var(--space-8) * 1.5);height:calc(var(--space-8) * 1.5);color:var(--accent)}.drop-overlay__text{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--accent)}.slip__leading{flex-shrink:0;justify-content:center;align-items:center;display:flex}.slip__thumb{width:var(--size-thumb);height:var(--size-thumb);background-color:var(--accent-soft);color:var(--accent);border-radius:var(--radius-none);justify-content:center;align-items:center;display:flex}.slip__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.slip__text{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--ink);word-break:break-word;white-space:pre-wrap}.slip__text a{color:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:.15em}.slip__text--clamp{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.slip__filename{font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.slip__meta{font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-tight);color:var(--ink-2);align-items:center;gap:var(--space-2);display:flex}.slip__more-btn{font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--ink-2);cursor:pointer;padding:var(--space-1) 0;background:0 0;border:none;align-self:flex-start}.slip__more-btn:hover{color:var(--ink);text-decoration:underline}.slip__trailing{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.stamp{width:var(--size-stamp);height:var(--size-stamp);min-width:var(--size-touch);min-height:var(--size-touch);border:var(--border-width-hairline) dashed var(--ink);border-radius:var(--radius-stamp);color:var(--ink);cursor:pointer;touch-action:manipulation;transition:background-color var(--motion-duration-stamp) var(--motion-ease), color var(--motion-duration-stamp) var(--motion-ease);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.stamp:hover{background-color:var(--accent-soft)}.stamp:active,.stamp--pressed{background-color:var(--ink);color:var(--paper-raised)}.slip__editor{width:100%;font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--ink);background-color:var(--paper);border:var(--border-width-hairline) solid var(--rule);border-radius:var(--radius-stamp);padding:var(--space-2) var(--space-3);resize:vertical}.slip--menu-open{min-height:calc(var(--space-8) * 5)}.slip--expired .slip__text,.slip--expired .slip__filename{color:var(--ink-2)}.pinned-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--ink-2);background-color:var(--paper-raised);display:flex}@media (width>=720px){.pinned-header{padding:var(--space-2) var(--space-6)}}.tabs{align-items:center;gap:var(--space-2);background-color:var(--paper-raised);display:flex}.tab{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-touch);padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--ink-2);border:none;border-bottom:var(--border-width-focus) solid transparent;cursor:pointer;touch-action:manipulation;background:0 0;display:inline-flex}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:var(--font-weight-semibold)}.composer{align-items:center;gap:var(--space-2);background-color:var(--paper-raised);display:flex;position:relative}.composer__input-wrap{background-color:var(--paper);border:var(--border-width-hairline) solid var(--rule);border-radius:var(--radius-pill);padding:0 var(--space-3);flex:1;align-items:center;display:flex}.composer__input{width:100%;font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--ink);padding:var(--space-2) 0;resize:none;vertical-align:middle;background:0 0;border:none;outline:none}.composer__input::placeholder{color:var(--ink-2)}.composer__counter{font-family:var(--font-mono);font-size:var(--font-size-meta);line-height:var(--line-height-tight);color:var(--ink-2)}.composer__counter--danger{color:var(--danger)}.composer--overlimit .composer__input-wrap{border-radius:var(--radius-stamp);padding:var(--space-2) var(--space-3);flex-direction:column;align-items:stretch}.composer--overlimit .composer__counter{padding-top:var(--space-1);align-self:flex-end}@media (width>=720px){.composer--top{padding:var(--space-4) var(--space-6);gap:var(--space-3);border-bottom:var(--border-width-hairline) dashed var(--rule);grid-template:"input input input""attach.send"/auto 1fr auto;display:grid}.composer--top .composer__input-wrap{border-radius:var(--radius-stamp);padding:var(--space-2) var(--space-3);grid-area:input}.composer--top .composer__input{min-height:calc(var(--space-8) * 2)}.composer--top .composer__attach{grid-area:attach}.composer--top .composer__send{grid-area:send}}.send{width:var(--size-send);height:var(--size-send);min-width:var(--size-touch);min-height:var(--size-touch);border-radius:var(--radius-round);background-color:var(--accent);color:var(--paper-raised);cursor:pointer;touch-action:manipulation;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.send:hover{filter:brightness(.92)}.send:active{filter:brightness(.85)}.send:disabled,.send[aria-disabled=true]{opacity:.4;cursor:not-allowed}.composer--disabled{opacity:.4;pointer-events:none}.action-dock{background-color:var(--paper-raised);width:100%}@media (width<=719px){.action-dock{bottom:0;left:var(--space-3);right:var(--space-3);z-index:50;border-top:var(--border-width-hairline) dashed var(--rule);width:auto;padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom,0px));gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.action-dock .composer{order:1}.action-dock .tabs{border-top:var(--border-width-hairline) solid var(--rule);padding-top:var(--space-1);order:2;justify-content:space-around}body>.roll,#root>.roll{min-height:calc(100dvh - var(--space-3))}.roll{width:auto;margin:var(--space-3) var(--space-3) 0;box-shadow:var(--shadow-roll);padding-bottom:calc(var(--dock-height-mobile) + env(safe-area-inset-bottom,0px))}}@media (width>=720px){.action-dock{flex-direction:column;display:flex}.action-dock .tabs{padding:0 var(--space-6);border-bottom:var(--border-width-hairline) solid var(--rule);order:1}.action-dock .composer{order:2}}@media (width<=719px){.action-dock>.tabs:only-child{border-top:none;padding-top:0}}.app-header{padding:var(--space-3) var(--space-3);background-color:var(--paper-raised);justify-content:space-between;align-items:center;display:flex}@media (width>=720px){.app-header{padding:var(--space-4) var(--space-6)}}.app-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--ink)}.search-box{align-items:center;display:flex}@media (width>=720px){.search-box{background-color:var(--paper);border:var(--border-width-hairline) solid var(--rule);border-radius:var(--radius-pill);padding:0 var(--space-3)}.search-box__input{font-family:var(--font-sans);font-size:var(--font-size-label);color:var(--ink);padding:var(--space-1) var(--space-2);width:calc(var(--space-8) * 4);background:0 0;border:none;outline:none}}@media (width<=719px){.search-box__input{display:none}}.search-box--open{background-color:var(--paper);border:var(--border-width-hairline) solid var(--rule);border-radius:var(--radius-pill);padding:0 var(--space-2) 0 var(--space-3);align-items:center;display:flex}.search-box--open .search-box__input{width:auto;min-width:0;font-family:var(--font-sans);font-size:var(--font-size-body);color:var(--ink);padding:var(--space-2) var(--space-1);background:0 0;border:none;outline:none;flex:1;display:block}.search-box__input::-webkit-search-cancel-button{display:none}.search-box:focus-within{outline:var(--border-width-focus) solid var(--ink);outline-offset:var(--outline-offset)}.app-header--search-open .search-box{flex:1}@media (width<=719px){.app-header--search-open .app-title{display:none}}.menu{right:var(--space-3);top:var(--size-touch);background-color:var(--paper-raised);border:var(--border-width-hairline) solid var(--rule);box-shadow:var(--shadow-menu);border-radius:var(--radius-stamp);padding:var(--space-1) 0;z-index:40;min-width:calc(var(--space-8) * 4);list-style:none;position:absolute}.menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);font-size:var(--font-size-label);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.menu__item:hover{background-color:var(--accent-soft)}.menu__item--danger{color:var(--danger)}.toast{bottom:var(--space-6);background-color:var(--ink);color:var(--paper-raised);padding:var(--space-3) var(--space-4);border-radius:var(--radius-stamp);font-size:var(--font-size-label);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-toast);z-index:300;animation:toast-slide-up var(--motion-duration-toast) var(--motion-ease);display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-slide-up{0%{transform:translate(-50%, var(--space-4));opacity:0}to{opacity:1;transform:translate(-50%)}}@media (width<=719px){.toast{bottom:calc(var(--dock-height-mobile) + var(--space-4) + env(safe-area-inset-bottom,0px))}}.toast--error{background-color:var(--danger)}.toast--undo{padding-bottom:var(--space-4);overflow:hidden}.toast__countdown{height:var(--border-width-progress);background-color:var(--accent);width:100%;animation:undo-shrink var(--motion-duration-undo) linear forwards;position:absolute;bottom:0;left:0}@keyframes undo-shrink{0%{width:100%}to{width:0}}.offline-bar{background-color:var(--ink);color:var(--paper);padding:var(--space-2) var(--space-3);font-size:var(--font-size-meta);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.slip--skeleton{gap:var(--space-3);min-height:calc(var(--space-8) * 2 + var(--space-2))}.skeleton-box{background-color:var(--rule);height:var(--space-4);border-radius:var(--radius-none);opacity:.6}.skeleton-box--short{width:35%;height:var(--space-3)}.skeleton-box--medium{width:60%}.skeleton-box--long{width:85%}.viewer{background-color:var(--scrim);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer__image{object-fit:contain;max-width:90vw;max-height:90vh}.viewer__controls{top:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-2);z-index:210;display:flex;position:absolute}.viewer__btn{color:var(--paper-raised)}.viewer__btn:hover{background-color:var(--ink-2)}.viewer__mock{width:80%;max-width:calc(var(--space-8) * 12);aspect-ratio:4/3;background-color:var(--paper-raised);border-radius:var(--radius-stamp);justify-content:center;align-items:center;display:flex}.viewer__mock-icon{width:calc(var(--space-8) * 2);height:calc(var(--space-8) * 2);color:var(--rule)}.slip__image-open{align-items:flex-start;gap:var(--space-3);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;padding:0;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-touch);padding:var(--space-2) var(--space-4);background-color:var(--paper-raised);border:var(--border-width-hairline) solid var(--rule);border-radius:var(--radius-stamp);color:var(--ink);font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);cursor:pointer;touch-action:manipulation;transition:background-color var(--motion-duration-stamp) var(--motion-ease), color var(--motion-duration-stamp) var(--motion-ease), border-color var(--motion-duration-stamp) var(--motion-ease);text-decoration:none;display:inline-flex}.btn:hover{background-color:var(--accent-soft)}.btn:active{background-color:var(--rule)}.btn--primary{background-color:var(--ink);color:var(--paper-raised);border:none}.btn--primary:hover{background-color:var(--ink-2)}.btn--compact{padding:var(--space-1) var(--space-3)}.btn--block{width:100%}.sheet-layout{min-height:100vh;padding:var(--space-8) var(--space-3);flex-direction:column;justify-content:center;align-items:center;display:flex}.sheet{background-color:var(--paper-raised);max-width:var(--width-sheet);width:100%;margin:var(--space-8) auto;padding:var(--space-6);border:var(--border-width-hairline) solid var(--rule);box-shadow:var(--shadow-roll);gap:var(--space-4);flex-direction:column;display:flex}.sheet-layout .sheet{margin:0 auto}.sheet--edge{text-align:center;border-top:none;border-bottom:none;align-items:center;position:relative}.sheet--edge:before{content:"";top:calc(var(--space-2) * -1);height:var(--space-2);background-image:var(--sawtooth-pattern);background-repeat:repeat-x;background-size:var(--space-4) var(--space-2);position:absolute;left:0;right:0}.sheet--edge:after{content:"";bottom:calc(var(--space-2) * -1);height:var(--space-2);background-image:var(--sawtooth-bottom-pattern);background-repeat:repeat-x;background-size:var(--space-4) var(--space-2);position:absolute;left:0;right:0}.sheet__icon{width:var(--size-app-icon);height:var(--size-app-icon);display:block}.sheet__title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--ink);margin:0}.sheet__message{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);color:var(--ink);margin:0}.sheet__email{font-family:var(--font-mono);font-size:var(--font-size-label);line-height:var(--line-height-normal);color:var(--ink-2);word-break:break-all;margin:0}.btn-google{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:var(--size-touch);padding:var(--space-2) var(--space-4);background-color:var(--paper-raised);border:var(--border-width-hairline) solid var(--rule);border-radius:var(--radius-stamp);color:var(--ink);font-family:var(--font-sans);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);cursor:pointer;touch-action:manipulation;transition:background-color var(--motion-duration-stamp) var(--motion-ease), border-color var(--motion-duration-stamp) var(--motion-ease);display:inline-flex}.btn-google:hover{background-color:var(--paper);border-color:var(--ink-2)}.btn-google:active{background-color:var(--accent-soft)}.btn-google__logo{width:var(--size-icon);height:var(--size-icon);flex-shrink:0;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}