@font-face{font-family:Noto Serif KR Subset;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-serif-kr-400.woff2)format("woff2")}@font-face{font-family:Noto Serif KR Subset;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-serif-kr-700.woff2)format("woff2")}
:root{--spine-crimson-bg:#ae1800;--spine-crimson-fg:#f3ead5;--spine-walnut-bg:#3f2c1a;--spine-walnut-fg:#e8d9bd;--spine-sand-bg:#c7a877;--spine-sand-fg:#3a2a16;--spine-olive-bg:#4f4327;--spine-olive-fg:#efe6cf;--spine-parchment-bg:#e3d6b6;--spine-parchment-fg:#3a2a16;--spine-ink-bg:#241a10;--spine-ink-fg:#e8d9bd;--spine-oak-bg:#6b5334;--spine-oak-fg:#f0e6cf;--spine-brick-bg:#7d3b2a;--spine-brick-fg:#f3e6dc;--spine-wine-bg:#5e2016;--spine-wine-fg:#efe2c6;--spine-pages:#ece0c4;--tool-text:#ece0c4;--tool-accent:#ff9d7d;--room-bg:#efe8d8;--room-wall-text:#3a2814;--room-line:#b6a680;--room-floor:#e4d7bc;--room-window:#f8f2e6;--room-frame:#c9b892;--room-plant:#6d7850;--shelf-back:#e7ddc6;--shelf-frame:#9a855c;--room-sun:#f4c542;--room-flower:#e0728a;--sky-day:#dcebf2;--page-bg:#f0e6d0;--page-bg-edge:#ece0c2;--page-text:#463714;--page-caption:#7d5411;--page-accent:#ae1800;--page-rule:#8a7550;--backdrop:#241609;--book-board:#322416;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--font-serif:"Noto Serif KR Subset", "Nanum Myeongjo", "Batang", serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-body:1.85;--leading-tight:1.2;--radius-none:0px;--radius-sm:2px;--shadow-book:0 22px 44px #281a0a73;--shadow-open:0 44px 90px #0000008c;--motion-fast:.18s;--motion-base:.32s;--motion-slow:.5s;--motion-book:.68s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--room-bg:#17120c;--room-wall-text:#e6d3ab;--room-line:#4a3d28;--room-floor:#0f0b06;--room-window:#2b2414;--room-frame:#3d3320;--room-plant:#3a4530;--shelf-back:#1c160e;--shelf-frame:#4a3d28;--page-bg:#241c12;--page-bg-edge:#1e170e;--page-text:#ece0c4;--page-caption:#c9a86a;--page-accent:#ff8b6b;--page-rule:#6b5a3c;--backdrop:#0a0704;--book-board:#0e0a05;--shadow-book:0 22px 44px #000000a6;--shadow-open:0 44px 90px #000000bf}}:root[data-theme=dark]{--room-bg:#17120c;--room-wall-text:#e6d3ab;--room-line:#4a3d28;--room-floor:#0f0b06;--room-window:#2b2414;--room-frame:#3d3320;--room-plant:#3a4530;--shelf-back:#1c160e;--shelf-frame:#4a3d28;--page-bg:#241c12;--page-bg-edge:#1e170e;--page-text:#ece0c4;--page-caption:#c9a86a;--page-accent:#ff8b6b;--page-rule:#6b5a3c;--backdrop:#0a0704;--book-board:#0e0a05;--shadow-book:0 22px 44px #000000a6;--shadow-open:0 44px 90px #000000bf}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s;--motion-book:0s}}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.block{display:block}.inline{display:inline}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.bg-room-wall-bottom{background-color:var(--room-wall-bottom)}.font-serif{font-family:var(--font-serif)}.text-room-text{color:var(--room-wall-text)}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.blur{--tw-blur:blur(8px);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)}.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)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}
.room{--floor-h:clamp(96px, 22vh, 210px);min-height:100svh;padding:clamp(var(--space-8), 9vh, var(--space-16)) var(--space-4) var(--floor-h);background:var(--room-bg);color:var(--room-wall-text);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.room__title,.shelf-nav,.shelf-row{z-index:1;position:relative}.shelf-row{pointer-events:none}.shelf-row__item{pointer-events:auto}.scene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene__floor{inset-inline:0;height:var(--floor-h);background:var(--room-floor);border-top:1px solid var(--room-frame);position:absolute;bottom:0}.scene__window{background:var(--room-window);border:2px solid var(--room-frame);cursor:pointer;pointer-events:auto;width:clamp(140px,20vw,280px);height:clamp(150px,28vh,300px);transition:background var(--motion-slow) ease;padding:0;position:absolute;top:clamp(56px,10vh,120px);right:clamp(32px,5vw,110px);overflow:hidden}.scene__window:focus-visible{outline:2px solid var(--page-accent);outline-offset:3px}.scene__sun{background:var(--room-sun);width:48px;height:48px;box-shadow:0 0 28px color-mix(in srgb, var(--room-sun) 70%, transparent);opacity:0;transition:top var(--motion-slow) ease, opacity var(--motion-slow) ease;border-radius:50%;position:absolute;top:82%;left:calc(50% - 24px)}[data-sky=day] .scene__window{background:var(--sky-day)}[data-sky=day] .scene__sun{opacity:1;top:12%}.scene__mullion{z-index:1;background:var(--room-frame);position:absolute}.scene__mullion--v{width:2px;top:0;bottom:0;left:33.3333%}.scene__mullion--v2{width:2px;top:0;bottom:0;left:66.6667%}.scene__mullion--h{height:2px;top:50%;left:0;right:0}.scene__beam{background:linear-gradient(248deg, color-mix(in srgb, var(--room-window) 55%, transparent) 0%, transparent 40%);position:absolute;inset:0}.scene__plant{left:clamp(24px,7vw,170px);bottom:var(--floor-h);cursor:pointer;pointer-events:auto;width:clamp(84px,10vw,140px);color:var(--room-plant);background:0 0;border:0;padding:0;line-height:0;position:absolute}.scene__plant svg{width:100%;height:auto}.scene__plant:focus-visible{outline:2px solid var(--page-accent);outline-offset:4px}.leaf{transform-box:fill-box;transform-origin:bottom;transition:transform var(--motion-slow) ease, opacity var(--motion-slow) ease}.leaf--fallen{opacity:0;transform:translateY(46px)rotate(20deg)}.scene__flower{transform-box:fill-box;transform-origin:50%;opacity:0;transition:transform var(--motion-base) ease, opacity var(--motion-base) ease;transform:scale(0)}.scene__flower .petal{fill:var(--room-flower)}.scene__flower .pip{fill:var(--room-sun)}.scene__plant.is-bloomed .scene__flower{opacity:1;transform:scale(1)}@media (max-width:640px){.scene__window{width:clamp(92px,26vw,116px);height:clamp(108px,15vh,140px);top:clamp(176px,23vh,226px);right:clamp(14px,4vw,28px)}.scene__plant{width:82px;left:-14px}}.room__title{letter-spacing:.4em;text-indent:.4em;color:var(--room-wall-text);margin:0;font-size:clamp(1.125rem,3vw,1.625rem);font-weight:400}.shelf-row{justify-content:safe center;align-items:flex-end;gap:clamp(var(--space-2), 1.5vw, var(--space-4));width:100%;padding-inline:var(--space-4);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-top:auto;list-style:none;display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-row__item{scroll-snap-align:center;scroll-margin-inline:var(--space-4);flex:0 0 100%;justify-content:center;list-style:none;display:flex}@media (min-width:900px){.shelf-row{justify-content:center;overflow-x:visible}.shelf-row__item{flex:none}}.shelf{flex-direction:column;align-items:stretch;width:max-content;min-width:clamp(150px,44vw,200px);display:flex}@media (min-width:900px){.shelf{width:max-content;min-width:clamp(224px,21vw,240px);max-width:max(240px,33.3333vw - 2.66667rem)}}.shelf__name{margin:0 0 var(--space-3);font-size:var(--text-sm);letter-spacing:.3em;text-indent:.3em;text-align:center;color:var(--room-wall-text);font-weight:400}.shelf__box{height:clamp(260px,42svh,360px);padding:var(--space-4) var(--space-3) 0;background:var(--shelf-back);border:2px solid var(--shelf-frame);border-bottom-width:5px;justify-content:center;align-items:flex-end;display:flex}.shelf__books{justify-content:center;align-items:flex-end;gap:3px;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.shelf__books li{align-items:flex-end;min-width:0;display:flex}.shelf__empty{width:100%;padding-bottom:var(--space-4);font-size:var(--text-sm);text-align:center;color:var(--room-wall-text);justify-content:center;align-items:center;margin:0;display:flex}.spine{padding:var(--space-4) 0 var(--space-3);appearance:none;min-width:0;font:inherit;text-align:center;cursor:pointer;transition:transform var(--motion-fast) ease;border:0;flex-direction:column;justify-content:space-between;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 2px 0 #ffffff14,inset -3px 0 5px #00000026}.spine__cap{background:var(--spine-pages);height:5px;position:absolute;top:0;left:0;right:0}.spine:hover,.spine:focus-visible{transform:translateY(calc(var(--space-2) * -1))}.spine:focus-visible{outline:2px solid var(--page-accent);outline-offset:3px}.spine__meta{min-height:.9em;font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.spine__title{writing-mode:vertical-rl;white-space:nowrap;font-size:var(--text-lg);letter-spacing:.06em;border-block:1px solid color-mix(in srgb, currentColor 45%, transparent);padding-block:var(--space-3);margin-block:var(--space-2);flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.spine--short{min-height:clamp(180px,30svh,258px)}.spine--medium{min-height:clamp(210px,35svh,300px)}.spine--tall{min-height:clamp(238px,40svh,344px)}.spine--narrow{width:clamp(46px,10vw,58px)}.spine--medium-w{width:clamp(54px,12vw,68px)}.spine--wide{width:clamp(64px,14vw,82px)}.spine--crimson{background:var(--spine-crimson-bg);color:var(--spine-crimson-fg)}.spine--walnut{background:var(--spine-walnut-bg);color:var(--spine-walnut-fg)}.spine--sand{background:var(--spine-sand-bg);color:var(--spine-sand-fg)}.spine--olive{background:var(--spine-olive-bg);color:var(--spine-olive-fg)}.spine--parchment{background:var(--spine-parchment-bg);color:var(--spine-parchment-fg)}.spine--ink{background:var(--spine-ink-bg);color:var(--spine-ink-fg)}.spine--oak{background:var(--spine-oak-bg);color:var(--spine-oak-fg)}.spine--brick{background:var(--spine-brick-bg);color:var(--spine-brick-fg)}.spine--wine{background:var(--spine-wine-bg);color:var(--spine-wine-fg)}.shelf-nav{display:none}@media (max-width:899px){.shelf-nav{margin-bottom:var(--space-8);display:block}}.shelf-nav ul{gap:var(--space-4);justify-content:center;margin:0;padding:0;list-style:none;display:flex}.shelf-nav a{padding:var(--space-1) var(--space-2);color:var(--room-wall-text);font-size:var(--text-sm);letter-spacing:.1em;border-bottom:2px solid #0000;text-decoration:none;display:block}.shelf-nav a[aria-current=true]{border-bottom-color:var(--room-wall-text)}.shelf-nav a:focus-visible{outline:2px solid var(--page-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.shelf-row{scroll-behavior:auto}}
.book-dialog{background:0 0;border:0;width:min(1240px,96vw);max-height:94svh;padding:0;overflow:visible}.book-dialog::backdrop{background:color-mix(in srgb, var(--backdrop) 78%, transparent)}.book-dialog[data-intro] .book-stage{opacity:0}.book-dialog[data-intro]::backdrop,.book-dialog[data-reader]::backdrop{background:0 0}.book-dialog[data-open3d] .book__cover{display:none}.book-dialog[data-open3d] .book{animation:none}.book-dialog[data-reader] .book{box-shadow:none;background:0 0;animation:none}.book-dialog[data-reader] .book-stage{box-shadow:none;perspective:none;background:0 0}.book-dialog[data-open3d] .book-stage:before,.book-dialog[data-open3d] .book__cover,.book-dialog[data-open3d]:after,.book-dialog[data-open3d] .book:before{display:none}.book-dialog[data-reader] .book__pages{opacity:0;pointer-events:none}.book-dialog[data-reader] [data-action=toggle-view]{display:none}.book-dialog[data-reader] .book__pips{display:flex}.book-dialog[data-reader] .book__progress{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.book-dialog[data-reader] .book__tools{left:50%;bottom:max(var(--space-4), env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--backdrop) 60%, transparent);width:max-content;max-width:min(680px,92vw);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 24px color-mix(in srgb, var(--backdrop) 42%, transparent);border-radius:10px;margin:0;position:fixed;transform:translate(-50%)}[data-book-slug].is-pulled{opacity:0}.book{max-height:90svh;color:var(--page-text);flex-direction:column;display:flex;position:relative}.book__pages{background:var(--page-bg);border:1px solid var(--page-rule);min-height:0;box-shadow:0 14px 52px color-mix(in srgb, var(--backdrop) 34%, transparent), inset 22px 0 30px -28px color-mix(in srgb, var(--backdrop) 55%, transparent), inset -22px 0 30px -28px color-mix(in srgb, var(--backdrop) 55%, transparent);flex-direction:column;flex:1;display:flex}.book__header{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-3);border-bottom:1px solid var(--page-rule);display:flex}.book__header--sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.book__title{font-size:var(--text-2xl);line-height:var(--leading-tight)}.book__call{font-size:var(--text-xs);letter-spacing:.12em;color:var(--page-caption);white-space:nowrap}.book__body{min-height:0;padding:var(--space-6);font-size:var(--text-sm);line-height:var(--leading-body);overscroll-behavior:contain;flex:1;overflow:auto}.book__body h2{margin-block:var(--space-6) var(--space-3);font-size:var(--text-lg);line-height:var(--leading-tight);-moz-column-break-after:avoid;break-after:avoid}.book__body h2:first-child{margin-top:0}.book__body h3{margin-block:var(--space-6) var(--space-2);font-size:var(--text-base);line-height:var(--leading-tight);-moz-column-break-after:avoid;break-after:avoid;align-items:baseline;gap:.5em;display:flex}.book__body h3:before{content:"";background:var(--page-accent);flex:none;width:.42em;height:.42em}.book__body p{margin-block:0 var(--space-4)}.book__body .product{gap:var(--space-4);margin-block:var(--space-6) var(--space-5);-moz-column-break-inside:avoid;break-inside:avoid;align-items:flex-start;display:flex}.book__body .product:first-child{margin-top:0}.product__logo{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;border:1px solid var(--page-rule);background:color-mix(in srgb, var(--page-text) 6%, transparent);width:clamp(56px,13%,96px);color:var(--page-caption);font-size:var(--text-xs);border-radius:3px;flex:none;justify-content:center;align-items:center;display:flex}img.product__logo{background:0 0;border:0;padding:2px}img.product__logo--on-dark{background:var(--page-text);border-radius:4px;padding:10%}.book__body .product__name{font-size:var(--text-lg);line-height:var(--leading-tight);margin:0}.book__body .product__when{font-size:var(--text-xs);color:var(--page-caption);margin-block:.4em 0}.book__body ul{margin-block:0 var(--space-4);padding-left:1.1em}.book__body li{margin-block:0 .25em}.book__body :is(table,img,figure,blockquote,pre){-moz-column-break-inside:avoid;break-inside:avoid}.profile-card{gap:var(--space-4);margin:0 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--page-rule);-moz-column-break-inside:avoid;break-inside:avoid;align-items:flex-start;display:flex}.profile-card__photo{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;border:1px solid var(--page-rule);border-radius:3px;flex:none;width:clamp(80px,22%,128px)}.profile-card__photo--empty{background:color-mix(in srgb, var(--page-text) 6%, transparent);color:var(--page-caption);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.profile-card__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-card__name{font-size:var(--text-2xl);line-height:var(--leading-tight)}.profile-card__english{color:var(--page-caption);font-size:var(--text-sm);margin-bottom:var(--space-2)}.profile-card__contacts{font-size:var(--text-sm);color:var(--page-text);word-break:break-word;margin:0;padding:0;line-height:1.7;list-style:none}.tech-list{margin:var(--space-4) 0 0;gap:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.tech-item{gap:var(--space-3);-moz-column-break-inside:avoid;break-inside:avoid;align-items:flex-start;display:flex}.tech-item__icon{background:var(--page-text);color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-weight:700;display:flex}.tech-item__icon--logo{background:0 0;border-radius:0;padding:1px 0}.tech-item__name{font-size:var(--text-lg);line-height:var(--leading-tight);margin-bottom:2px;display:block}.tech-item__desc{white-space:pre-line;margin:0}.book__tools{gap:var(--space-3);flex-direction:column;display:flex}.book__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6) var(--space-6);border-top:1px solid var(--page-rule);font-size:var(--text-sm);display:flex}.book__nav{gap:var(--space-4);display:flex}.book__nav button,.book__close{white-space:nowrap}.book__nav button,.book__link{appearance:none;font:inherit;color:var(--page-accent);cursor:pointer;background:0 0;border:0;padding:0}.book__close{padding:var(--space-2) var(--space-4);border:1px solid var(--page-rule);color:var(--page-text);font:inherit;cursor:pointer;background:0 0}.book__close:hover{background:color-mix(in srgb, var(--page-text) 8%, transparent)}:is(.book__close,.book__body,.book__nav button):focus-visible{outline:2px solid var(--page-accent);outline-offset:2px}[data-view-mode=paged] .book__body{-moz-column-width:20rem;column-width:20rem;-moz-column-gap:var(--space-8);column-gap:var(--space-8);-moz-column-fill:auto;column-fill:auto;scroll-behavior:smooth;background:linear-gradient(90deg, transparent 43%, color-mix(in srgb, var(--backdrop) 17%, transparent) 50%, transparent 57%);height:60svh;overflow:auto hidden}[data-view-mode=continuous] .book__body{-moz-columns:auto;columns:auto;max-height:70svh;overflow:hidden auto}@media (prefers-reduced-motion:reduce){[data-view-mode] .book__body,.book__body{scroll-behavior:auto}}.book__controls{align-items:center;gap:var(--space-3);display:flex}.book__btn{padding:var(--space-2) var(--space-3);border:1px solid var(--page-rule);color:var(--page-text);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0}.book__btn:hover:not(:disabled){background:color-mix(in srgb, var(--page-text) 8%, transparent)}.book__btn:disabled{opacity:.4;cursor:not-allowed}.book__btn:focus-visible{outline:2px solid var(--page-accent);outline-offset:2px}.book__paging{align-items:center;gap:var(--space-2);display:flex}.book__paging .book__btn{width:2rem;height:2rem;font-size:var(--text-base);border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.book__progress{text-align:center;min-width:3.5rem;font-size:var(--text-sm);color:var(--page-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.book__pips{align-items:center;gap:6px;display:none}.book__pip{background:color-mix(in srgb, var(--tool-text,currentColor) 32%, transparent);width:6px;height:6px;transition:width var(--motion-fast) ease, background var(--motion-fast) ease;border-radius:50%}.book__pip.is-current{background:var(--tool-accent,currentColor);border-radius:3px;width:18px}[data-view-mode=continuous] .book__paging,.book__controls{display:none}[data-view-mode] .book__controls{display:flex}.book-stage{perspective:2400px;position:relative}@keyframes coverLeafFlip{0%,18%{transform:rotateY(0)}to{transform:rotateY(-176deg)}}@keyframes coverLeafFade{0%,88%{opacity:1}to{opacity:0}}@keyframes bookUnfold{0%,58%{clip-path:inset(0 0 0 50%)}to{clip-path:inset(0)}}.book__cover{z-index:2;perspective:1100px;perspective-origin:42% 38%;pointer-events:none;position:absolute;inset:0}.book__cover-leaf{transform-origin:0;width:50%;transform-style:preserve-3d;position:absolute;top:0;bottom:0;right:0}.book__cover-leaf-inner{transform-origin:0;transform-style:preserve-3d;position:absolute;inset:0}.book__cover-leaf-front{backface-visibility:hidden;justify-content:center;align-items:center;gap:var(--space-4);border-radius:0 2px 2px 0;flex-direction:column;display:flex;position:absolute;inset:0;box-shadow:0 18px 56px #0000006b}.book__cover-cap{background:var(--spine-pages);height:6px;position:absolute;top:0;left:0;right:0}.book__cover-title{padding-inline:var(--space-6);font-size:var(--text-2xl);letter-spacing:.04em;text-align:center;line-height:1.2}.book__cover-year{font-size:var(--text-sm);letter-spacing:.14em}.book__cover-spine{transform-origin:0;backface-visibility:hidden;filter:brightness(.72);background-image:linear-gradient(90deg, color-mix(in srgb, var(--backdrop) 40%, transparent), transparent 45%);width:36px;box-shadow:inset 0 2px 0 color-mix(in srgb, var(--spine-pages) 40%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;transform:rotateY(-90deg)}.book__cover-spine-title{writing-mode:vertical-rl;font-size:var(--text-sm);letter-spacing:.1em;white-space:nowrap;max-height:82%;overflow:hidden}@keyframes bookRotateOut{0%{transform:rotateY(74deg)}to{transform:rotateY(0)}}@keyframes bookEmergeReveal{0%{opacity:0}14%,to{opacity:1}}dialog[open] .book__cover-leaf{animation:bookRotateOut var(--motion-book) cubic-bezier(.33, 0, .2, 1) var(--motion-book) both, coverLeafFade var(--motion-book) ease-out calc(var(--motion-book) * 2) both}dialog[open] .book__cover-leaf-inner{animation:coverLeafFlip var(--motion-book) cubic-bezier(.34, .03, .16, 1) calc(var(--motion-book) * 2) both}dialog[open] .book{animation:bookEmergeReveal var(--motion-book) linear calc(var(--motion-book) * 2) both, bookUnfold var(--motion-book) cubic-bezier(.34, .03, .16, 1) calc(var(--motion-book) * 2) both}@keyframes coverLeafFold{0%{transform:rotateY(-176deg)}to{transform:rotateY(0)}}@keyframes coverLeafShow{0%{opacity:0}24%,to{opacity:1}}@keyframes bookFold{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 50%)}}@keyframes bookRotateIn{0%{transform:rotateY(0)}to{transform:rotateY(74deg)}}@keyframes bookSubmergeHide{0%{opacity:1}26%,to{opacity:0}}dialog[data-closing] .book__cover-leaf-inner{animation:coverLeafFold var(--motion-book) cubic-bezier(.5, 0, .5, 1) both}dialog[data-closing] .book__cover-leaf{animation:coverLeafShow var(--motion-book) ease both, bookRotateIn var(--motion-book) cubic-bezier(.4, 0, .7, 1) var(--motion-book) both}dialog[data-closing] .book{animation:bookFold var(--motion-book) cubic-bezier(.5, 0, .5, 1) both, bookSubmergeHide var(--motion-book) linear var(--motion-book) both}.book-dialog:after{content:"";background:var(--book-board);z-index:-1;border-radius:0 0 7px 7px;width:58px;height:16px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.book-dialog .book{background:var(--book-board);max-height:92svh;box-shadow:0 28px 82px color-mix(in srgb, var(--backdrop) 60%, transparent);border-radius:10px 10px 13px 13px;gap:12px;padding:16px 16px 10px}.book-dialog .book__pages{box-shadow:inset 40px 0 48px -40px color-mix(in srgb, var(--backdrop) 58%, transparent), inset -40px 0 48px -40px color-mix(in srgb, var(--backdrop) 58%, transparent), inset 0 -14px 22px -18px color-mix(in srgb, var(--backdrop) 40%, transparent), inset 0 12px 20px -16px color-mix(in srgb, var(--backdrop) 26%, transparent);border:0;border-radius:2px 2px 3px 3px;position:relative}.book-dialog .book__pages:before,.book-dialog .book__pages:after{content:"";z-index:1;background:repeating-linear-gradient(0deg, var(--spine-pages) 0 1px, color-mix(in srgb, var(--spine-pages) 55%, var(--backdrop)) 1px 2.5px);width:5px;position:absolute;top:6px;bottom:6px}.book-dialog .book__pages:before{border-radius:2px 0 0 2px;left:-5px}.book-dialog .book__pages:after{border-radius:0 2px 2px 0;right:-5px}.book-dialog .book:before{content:"";z-index:1;background:repeating-linear-gradient(0deg, var(--spine-pages) 0 1.5px, color-mix(in srgb, var(--spine-pages) 58%, var(--backdrop)) 1.5px 3px);clip-path:polygon(0 0,46% 60%,50% 100%,54% 60%,100% 0,100% 100%,0 100%);height:10px;position:absolute;top:5px;left:16px;right:16px}.book-dialog .book__header{padding:var(--space-5) var(--space-8) var(--space-2);border-bottom:0}.book-dialog .book__title{font-size:var(--text-xl)}@media (min-width:680px){[data-view-mode=paged] .book-dialog .book__body{-moz-column-count:2;column-count:2;-moz-column-width:auto;column-width:auto;-moz-column-gap:var(--space-16);column-gap:var(--space-16);-moz-column-rule:1px solid color-mix(in srgb, var(--page-rule) 55%, transparent);column-rule:1px solid color-mix(in srgb, var(--page-rule) 55%, transparent);-moz-column-fill:auto;column-fill:auto;padding-inline:var(--space-8);height:68svh;overflow:auto hidden}[data-view-mode=paged] .book-dialog .book__pages{background:linear-gradient(90deg, var(--page-bg) 0 45%, color-mix(in srgb, var(--backdrop) 32%, var(--page-bg)) 49%, transparent 49.5% 50.5%, color-mix(in srgb, var(--backdrop) 32%, var(--page-bg)) 51%, var(--page-bg) 55% 100%)}}.book-dialog .book__tools{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:0 var(--space-2);color:var(--tool-text);flex-flow:wrap}.book-dialog .book__footer{gap:var(--space-6);border-top:0;flex:1;justify-content:flex-end;padding:0}.book-dialog .book__progress{color:color-mix(in srgb, var(--tool-text) 72%, transparent)}.book-dialog :is(.book__btn,.book__close){color:var(--tool-text);border-color:color-mix(in srgb, var(--tool-text) 38%, transparent)}.book-dialog :is(.book__btn:hover:not(:disabled),.book__close:hover){background:color-mix(in srgb, var(--tool-text) 12%, transparent)}.book-dialog :is(.book__nav button,.book__link){color:var(--tool-accent)}.book-dialog :is(.book__close,.book__body,.book__nav button,.book__btn):focus-visible{outline-color:var(--tool-accent)}
.book-dialog[data-guestbook] .book__body{-moz-columns:auto;columns:auto;-moz-column-fill:balance;column-fill:balance;-moz-column-rule:none;column-rule:none;height:auto;max-height:68svh;overflow:hidden auto}.book-dialog[data-guestbook] .book__pages{background:var(--page-bg)}.book-dialog[data-guestbook] .book__paging,.book-dialog[data-guestbook] [data-action=toggle-view]{display:none}.guestbook{margin-top:var(--space-6)}.guestbook__form{gap:var(--space-3);flex-direction:column;display:flex}.guestbook__field{flex-direction:column;gap:4px;display:flex}.guestbook__field label{font-size:var(--text-xs);letter-spacing:.08em;color:var(--page-caption)}.guestbook__input,.guestbook__textarea,.guestbook__body,.guestbook__author{font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif}.guestbook__input,.guestbook__textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--page-rule);background:color-mix(in srgb, var(--page-bg) 60%, transparent);color:var(--page-text);font-size:var(--text-sm);line-height:var(--leading-body);border-radius:3px}.guestbook__textarea{resize:vertical;min-height:5.5em}.guestbook__input:focus-visible,.guestbook__textarea:focus-visible{outline:2px solid var(--page-accent);outline-offset:1px}.guestbook__count{font-size:var(--text-2xs);color:var(--page-caption);font-variant-numeric:tabular-nums;align-self:flex-end}.guestbook__honey{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.guestbook__disclosure{font-size:var(--text-2xs);color:var(--page-caption);margin:0;line-height:1.6}.guestbook__actions{justify-content:flex-end;display:flex}.guestbook__submit,.guestbook__more{padding:var(--space-2) var(--space-4);border:1px solid var(--page-rule);background:color-mix(in srgb, var(--page-text) 5%, transparent);color:var(--page-text);font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:3px}.guestbook__submit:hover:not(:disabled),.guestbook__more:hover{background:color-mix(in srgb, var(--page-text) 12%, transparent)}.guestbook__submit:disabled{opacity:.5;cursor:not-allowed}.guestbook__submit:focus-visible,.guestbook__more:focus-visible{outline:2px solid var(--page-accent);outline-offset:2px}.guestbook__notice{min-height:1.4em;font-size:var(--text-xs);margin:0;line-height:1.4}.guestbook__notice[data-kind=error]{color:var(--page-accent)}.guestbook__notice[data-kind=ok],.guestbook__notice[data-kind=held]{color:var(--page-caption)}.guestbook__rule{margin:var(--space-5) 0;border:0;border-top:1px solid var(--page-rule)}.guestbook__empty{font-size:var(--text-sm);color:var(--page-caption);margin:0}.guestbook__list{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guestbook__entry{-moz-column-break-inside:avoid;break-inside:avoid;flex-direction:column;gap:2px;display:flex}.guestbook__meta{align-items:baseline;gap:var(--space-2);font-size:var(--text-2xs);color:var(--page-caption);margin:0;display:flex}.guestbook__author{font-size:var(--text-sm);color:var(--page-text);overflow-wrap:anywhere}.guestbook__body{font-size:var(--text-sm);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.guestbook__more{margin-top:var(--space-4);align-self:center}.admin{max-width:44rem;padding:var(--space-6) var(--space-4) var(--space-8);background:var(--page-bg);color:var(--page-text);min-height:100svh;margin:0 auto}.admin__title{margin:0 0 var(--space-4);font-size:var(--text-lg);letter-spacing:.02em}.admin__notice{margin:0 0 var(--space-4);min-height:1.4em;font-size:var(--text-xs);color:var(--page-caption);line-height:1.4}.admin__notice[data-kind=error]{color:var(--page-accent)}.admin__form{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;align-items:flex-start;display:flex}.admin__form--inline{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--page-rule)}.admin__field{flex-direction:column;gap:4px;width:100%;display:flex}.admin__field label{font-size:var(--text-xs);letter-spacing:.08em;color:var(--page-caption)}.admin__input,.admin__body,.admin__author{font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif}.admin__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--page-rule);background:color-mix(in srgb, var(--page-bg) 60%, transparent);color:var(--page-text);font-size:var(--text-sm);border-radius:3px}.admin__input:focus-visible{outline:2px solid var(--page-accent);outline-offset:1px}.admin__hint{font-size:var(--text-2xs);color:var(--page-caption);margin:0}.admin__bar{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.admin__btn{padding:var(--space-2) var(--space-4);border:1px solid var(--page-rule);background:color-mix(in srgb, var(--page-text) 5%, transparent);color:var(--page-text);font:inherit;font-size:var(--text-sm);cursor:pointer;border-radius:3px}.admin__btn:hover:not(:disabled){background:color-mix(in srgb, var(--page-text) 12%, transparent)}.admin__btn:disabled{opacity:.5;cursor:not-allowed}.admin__btn:focus-visible{outline:2px solid var(--page-accent);outline-offset:2px}.admin__btn--danger{border-color:var(--page-accent);color:var(--page-accent)}.admin__empty{font-size:var(--text-sm);color:var(--page-caption);margin:0}.admin__list{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin__entry{gap:var(--space-2);padding-bottom:var(--space-5);border-bottom:1px solid var(--page-rule);flex-direction:column;display:flex}.admin__meta{align-items:baseline;gap:var(--space-2);font-size:var(--text-2xs);color:var(--page-caption);flex-wrap:wrap;margin:0;display:flex}.admin__author{font-size:var(--text-sm);color:var(--page-text);overflow-wrap:anywhere}.admin__id{font-variant-numeric:tabular-nums}.admin__body{font-size:var(--text-sm);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.admin__reason{font-size:var(--text-2xs);color:var(--page-accent);margin:0}.admin__actions{gap:var(--space-2);display:flex}