@import "https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css";
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}}:root{--paper:#fbfaf7;--surface:#fff;--sunken:#f4f2ed;--hairline:#e7e3db;--hairline-strong:#dedad2;--hairline-soft:#f0ede7;--ink-strong:#2b2926;--ink:#4a463f;--ink-muted:#736e67;--faint:#b9b3a8;--muted2:#8a847b;--error:#4a463f;--cap-red:#ce2b2b;--cap-orange:#f2750a;--cap-yellow:#e8ac00;--cap-green:#1fa254;--cap-blue:#2d72d9;--cap-navy:#283c8f;--cap-purple:#7b2fbe;--cap-black:#211e1b;--motion-card-in:.22s;--motion-reflow:.2s;--motion-sheet:.26s;--motion-fade:.16s;--motion-shuffle:4.5s;--ease-card-in:cubic-bezier(.16, 1, .3, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--ease-shuffle:cubic-bezier(.34, 1.56, .64, 1);--radius-card:12px;--radius-sheet:16px;--font-suit:"SUIT", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-serif:var(--font-serif-kr), "Apple SD Gothic Neo", serif}@media (prefers-reduced-motion:reduce){:root{--motion-card-in:0s;--motion-reflow:0s;--motion-sheet:0s;--motion-fade:0s;--motion-shuffle:0s}}[data-theme=dark]{--paper:#1a1917;--surface:#232220;--sunken:#2b2926;--hairline:#36332e;--hairline-strong:#423e38;--hairline-soft:#2b2926;--ink-strong:#f1eee8;--ink:#ddd8cf;--ink-muted:#9c968c;--faint:#6e685f;--muted2:#8a847b;--error:#ddd8cf}html,body{width:100%;height:100%;overflow-x:hidden}body{scrollbar-gutter:stable}html body[data-scroll-locked]{margin-right:0!important;padding-right:0!important}body{background:var(--paper);color:var(--ink);font-family:var(--font-suit);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*{box-sizing:border-box}.masonry{column-width:300px;column-gap:16px}.masonry-item{break-inside:avoid;margin-bottom:16px}.cap-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);transition:box-shadow var(--motion-fade) ease, transform var(--motion-fade) ease;position:relative;overflow:hidden;box-shadow:0 1px 2px #2b29260d}.cap-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #2b29261a}.cap-card .open-orig{opacity:0;transition:opacity var(--motion-fade) ease}.cap-card:hover .open-orig,.cap-card:focus-within .open-orig{opacity:1}.rack-row{transition:background var(--motion-fade) ease}.rack-row:hover{background:var(--surface)}.chip{border:1px solid var(--hairline);background:var(--surface);height:34px;color:var(--ink);cursor:pointer;transition:border-color var(--motion-fade) ease, transform .11s ease;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.chip:hover{border-color:var(--hairline-strong)}.chip:active{transform:scale(.94)!important}.round-btn{transition:border-color var(--motion-fade) ease, background var(--motion-fade) ease, transform .12s ease}.round-btn:hover{border-color:var(--hairline-strong);background:var(--sunken)}.round-btn:active{transform:scale(.9)!important}@media (prefers-reduced-motion:reduce){.chip,.round-btn{transition:none}.chip:active,.round-btn:active{transform:none!important}}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-bubble{color:var(--ink);background:#e6f7fa;border-radius:4px 13px 13px;margin:0;padding:6px 11px;font-size:13px;line-height:1.42;position:relative}.note-bubble:before{content:"";border:6px solid #0000;border-left-width:0;border-right:7px solid #e6f7fa;width:0;height:0;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.app-shell{background:var(--paper);min-height:100dvh;display:flex}.app-main{flex:1;min-width:0}.app-main-inner{max-width:1120px;margin:0 auto;padding:0 28px 64px}.rack-sidebar{background:var(--sunken);border-right:1px solid var(--hairline);flex-direction:column;flex:none;width:248px;height:100dvh;display:flex;position:sticky;top:0}.board-header{z-index:10;position:sticky;top:0}.app-topbar{display:none}.topbar-burger{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-left:-8px;display:inline-flex}.sidebar-backdrop{display:none}@media (max-width:768px){.rack-sidebar{width:min(82vw,300px);transition:transform var(--motion-sheet) var(--ease-sheet);z-index:50;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #2b292633}.rack-sidebar.open{transform:translate(0)}.sidebar-backdrop.open{z-index:45;background:#2b292657;display:block;position:fixed;inset:0}.app-topbar{z-index:40;background:var(--paper);border-bottom:1px solid var(--hairline);align-items:center;gap:8px;height:54px;padding:0 14px;display:flex;position:sticky;top:0}.app-main-inner{padding:0 16px 72px}.board-header{padding-top:12px;position:static}.masonry{column-width:auto;column-count:1}}@media (prefers-reduced-motion:reduce){.rack-sidebar{transition:none}}@keyframes capReveal{0%{opacity:0;transform:scale(.7)translateY(-28px)}to{opacity:1;transform:scale(1)translateY(0)}}.cap-reveal{animation:.52s cubic-bezier(.34,1.56,.64,1) .12s both capReveal}@media (prefers-reduced-motion:reduce){.cap-reveal{animation:none}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes cardIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.overlay[data-state=open]{animation:overlayIn var(--motion-fade) ease}.modal[data-state=open]{animation:modalIn var(--motion-sheet) cubic-bezier(.32, .72, 0, 1)}.drawer[data-state=open]{animation:drawerIn var(--motion-sheet) cubic-bezier(.32, .72, 0, 1)}.card-in{animation:cardIn var(--motion-card-in) cubic-bezier(.16, 1, .3, 1) both}@media (prefers-reduced-motion:reduce){.overlay[data-state=open],.modal[data-state=open],.drawer[data-state=open],.card-in{animation:none}}@keyframes shuffleWobble{0%{transform:translate(0)rotate(0)}25%{transform:translate(6px,-4px)rotate(8deg)}50%{transform:translate(-5px,3px)rotate(-7deg)}75%{transform:translate(4px,2px)rotate(5deg)}to{transform:translate(0)rotate(0)}}.shuffle-wobble{animation:.34s ease-in-out infinite shuffleWobble}@media (prefers-reduced-motion:reduce){.shuffle-wobble{animation:none}}@keyframes smokePuff{0%{opacity:0;transform:scale(.55)}35%{opacity:var(--smoke-op,.4);transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.smoke-puff{will-change:opacity, transform;animation:1.5s ease-out both smokePuff}@media (prefers-reduced-motion:reduce){.smoke-puff{opacity:0;animation:none}}:focus-visible{outline:2px solid var(--ink-muted);outline-offset:2px}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:var(--radius-card);border:1px solid var(--hairline);background:linear-gradient(100deg, var(--surface) 28%, var(--sunken) 48%, var(--surface) 68%);background-size:220% 100%;animation:1.5s ease-in-out infinite skeletonShimmer}@media (prefers-reduced-motion:reduce){.skeleton-card{background:var(--sunken);animation:none}}.board-cap-strip{align-items:center;display:flex}@media (max-width:960px){.board-cap-strip{display:none}}.cap-thumb.has-photo>img{filter:saturate(.88)contrast(.97)brightness(1.01)}.cap-thumb.has-photo:after{content:"";pointer-events:none;background:var(--paper);opacity:.08;position:absolute;inset:0}.cap-placeholder{background:var(--cap-tint,var(--sunken))}[data-theme=dark] .cap-placeholder{background:var(--cap,var(--sunken))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .cap-placeholder{background:color-mix(in srgb, var(--cap,var(--sunken)) 22%, var(--sunken))}}.cap-card .author-cap{transform-origin:bottom;transition:transform var(--motion-fade) var(--ease-card-in)}.cap-card:hover .author-cap{transform:rotate(-9deg)translateY(-1px)}.cap-card:has(:focus-visible) .author-cap{transform:rotate(-9deg)translateY(-1px)}.tip-cap{transform-origin:bottom;transition:transform var(--motion-fade) var(--ease-card-in);display:inline-flex}.tip-host:hover .tip-cap,.tip-host:focus-visible .tip-cap,.rack-row:hover .tip-cap{transform:rotate(-9deg)translateY(-1px)}@keyframes capPop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}.cap-pop{animation:capPop .38s var(--ease-card-in);display:inline-flex}@media (prefers-reduced-motion:reduce){.cap-pop{animation:none}}.rcap-layer{transition:transform .76s cubic-bezier(.34,1.28,.5,1),opacity .3s}@media (prefers-reduced-motion:reduce){.rcap-layer{transition:none}}button:not(:disabled):active,a.pill:active{transform:scale(.97)}@keyframes capIdle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(-2deg)}}@keyframes emptyCapIn{0%{transform:scale(.72)translateY(-10px)}to{transform:scale(1)translateY(0)}}.empty-cap{transform-origin:bottom;animation:.52s cubic-bezier(.34,1.56,.64,1) both emptyCapIn,3.4s ease-in-out .7s infinite capIdle}@media (prefers-reduced-motion:reduce){.cap-card .author-cap{transition:none}.empty-cap{animation:none}}@keyframes capHop{0%,to{transform:translateY(0)rotate(0)}22%{transform:translateY(-9px)rotate(-5deg)}44%{transform:translateY(0)rotate(0)}60%{transform:translateY(-4px)rotate(4deg)}78%{transform:translateY(0)rotate(0)}}.cap-hop{animation-name:capHop;animation-duration:var(--hop-dur,1.08s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:var(--hop-delay,0s)}@media (prefers-reduced-motion:reduce){.cap-hop{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}
