@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.visible{visibility:visible}.static{position:static}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.ml-auto{margin-left:auto}.contents{display:contents}.flex{display:flex}.grid{display:grid}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.max-h-80{max-height:calc(var(--spacing) * 80)}.w-\[var\(--trigger-width\)\]{width:var(--trigger-width)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-2{gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[var\(--t13-radius-control\)\]{border-radius:var(--t13-radius-control)}.rounded-\[var\(--t13-radius-marker\)\]{border-radius:var(--t13-radius-marker)}.rounded-\[var\(--t13-radius-surface\)\]{border-radius:var(--t13-radius-surface)}.bg-\[var\(--t13-surface-1\)\]{background-color:var(--t13-surface-1)}.bg-\[var\(--t13-surface-2\)\]{background-color:var(--t13-surface-2)}.p-1{padding:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-left{text-align:left}.text-\[14px\]{font-size:14px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--t13-brand-text\)\]{color:var(--t13-brand-text)}.text-\[var\(--t13-text-1\)\]{color:var(--t13-text-1)}.text-\[var\(--t13-text-3\)\]{color:var(--t13-text-3)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--t13-line\)\]{--tw-ring-color:var(--t13-line)}.ring-\[var\(--t13-line-strong\)\]{--tw-ring-color:var(--t13-line-strong)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,color\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--t13-motion-layer\)\]{--tw-duration:var(--t13-motion-layer);transition-duration:var(--t13-motion-layer)}.duration-\[var\(--t13-motion-state\)\]{--tw-duration:var(--t13-motion-state);transition-duration:var(--t13-motion-state)}.ease-\[var\(--t13-motion-ease\)\]{--tw-ease:var(--t13-motion-ease);transition-timing-function:var(--t13-motion-ease)}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media(hover:hover){.hover\:bg-\[var\(--t13-surface-2\)\]:hover{background-color:var(--t13-surface-2)}}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[entering\]\:opacity-0[data-entering],.data-\[exiting\]\:opacity-0[data-exiting]{opacity:0}.data-\[focus-visible\]\:outline-2[data-focus-visible]{outline-style:var(--tw-outline-style);outline-width:2px}.data-\[focus-visible\]\:outline-offset-2[data-focus-visible]{outline-offset:2px}.data-\[focus-visible\]\:outline-\[var\(--t13-brand-text\)\][data-focus-visible]{outline-color:var(--t13-brand-text)}.data-\[focused\]\:bg-\[var\(--t13-surface-1\)\][data-focused],.data-\[hovered\]\:bg-\[var\(--t13-surface-1\)\][data-hovered]{background-color:var(--t13-surface-1)}.data-\[placeholder\]\:text-\[var\(--t13-text-3\)\][data-placeholder]{color:var(--t13-text-3)}.data-\[placement\=bottom\]\:data-\[entering\]\:-translate-y-2[data-placement=bottom][data-entering]{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placement\=top\]\:data-\[entering\]\:translate-y-2[data-placement=top][data-entering]{--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}:root{--t13-surface-1:#1a191f;--t13-surface-2:#24222c;--t13-text-1:#f5f3f7;--t13-text-3:#a49dab;--t13-line:#35323e;--t13-line-strong:#5e576c;--t13-brand-text:#c9a5ff;--t13-radius-control:6px;--t13-radius-surface:10px;--t13-radius-marker:4px;--t13-motion-state:.16s;--t13-motion-layer:.24s;--t13-motion-ease:cubic-bezier(.2, 0, 0, 1)}.slide-filter{align-items:center;gap:12px;display:flex}.slide-filter>span{white-space:nowrap}.slide-filter>div{width:240px}.slide-filter button{border:0;font-size:14px}@media(max-width:600px){.slide-filter{flex-direction:column;align-items:flex-start}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:T13;src:url(/fonts/Google-Sans-Flex-400.ttf)}@font-face{font-family:T13;src:url(/fonts/Google-Sans-Flex-700.ttf);font-weight:700}*{box-sizing:border-box}body{margin:0;background:#101013;color:#f5f3f7;font-family:T13,Arial,sans-serif}header,main,footer{max-width:1440px;margin:auto;padding:40px 48px}header{padding-bottom:28px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:26px;font-weight:700}.top>span{font-size:14px;color:#c0bbc9}.intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:72px}h1{font-size:clamp(42px,5vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.04em;margin:0}h1 span{color:#c9a5ff}.intro p{color:#c0bbc9;font-size:19px;line-height:1.5;max-width:500px;margin:24px 0 0}.download,button,select{font:inherit;border:1px solid #5e576c;color:inherit;text-decoration:none;border-radius:6px;cursor:pointer}.download{background:#c1ec79;color:#17111f;padding:16px 24px;white-space:nowrap;font-weight:700;border:0}.actions{display:flex;flex-direction:column;gap:12px}.actions a{text-align:center}.google-copy{border:1px solid #c9a5ff;border-radius:6px;color:#f5f3f7;padding:16px 24px;text-decoration:none}.google-copy:hover{background:#251a36}.guide a{color:#c9a5ff}.toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:36px;gap:15px}.filters{display:flex;gap:24px;flex-wrap:wrap}.filters .slide-filter{flex-direction:column;align-items:flex-start;gap:8px}.filters .slide-filter>span{font-size:14px;color:#c0bbc9}select{background:#1a191f;padding:12px;min-width:230px}small,.count{color:#c0bbc9}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.tile{padding:0;border:0;background:transparent;text-align:left;width:100%}.tile img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border:1px solid #35323e;border-radius:4px;transition:transform .16s,border-color .16s}.tile:hover img{transform:translateY(-3px);border-color:#c9a5ff}.caption{display:flex;gap:12px;margin-top:12px;font-size:16px}.num{color:#c9a5ff}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c9a5ff;outline-offset:5px}.guide{border-top:1px solid #35323e;margin-top:28px;padding-top:28px;color:#c0bbc9;line-height:1.65;max-width:850px}.guide strong{color:#f5f3f7}.skill-guide{margin-top:24px;padding:24px;border:1px solid #5e576c;border-radius:6px}.skill-guide p:last-child{margin-bottom:0}.fonts{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}.fonts a{color:#c9a5ff}summary{cursor:pointer;color:#f5f3f7}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;background:#09090b;border:0;color:#fff}dialog::backdrop{background:#09090b}.stage{height:100%;display:flex;flex-direction:column;justify-content:center}.stage img{width:100%;max-height:calc(100dvh - 100px);object-fit:contain}.controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px}.controls button{background:#1a191f;padding:10px 18px}.controls div{display:flex;gap:10px}#slideTitle{margin:0;color:#c0bbc9;font-size:16px}footer{font-size:14px;color:#a49dab;padding-top:16px;padding-bottom:40px}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{align-items:start;flex-direction:column;gap:26px}}@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}.intro{margin-top:45px}.grid{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column}.top>span{font-size:12px}.controls{padding:10px;font-size:14px;flex-wrap:wrap}#slideTitle{order:-1;width:100%}}@media(prefers-reduced-motion:reduce){.tile img{transition:none}}body:has(dialog[open]){overflow:hidden}