@theme{--color-bg: #faf7f2; --color-surface: #fff; --color-text: #1f2430; --color-text-muted: #5a6072; --color-border: #e7e2d7; --color-accent: #6fa38c; --color-accent-ink: #35604f; --color-accent-soft: #e7f1ec; --color-secondary: #3e5c76; --color-secondary-soft:#e3ebf5; --font-sans: "Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif; --font-serif: "Noto Serif JP","YuMincho",Georgia,serif; --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px;}:root{--color-bg:#faf7f2;--color-surface:#fff;--color-text:#1f2430;--color-text-muted:#5a6072;--color-border:#e7e2d7;--color-accent:#6fa38c;--color-accent-ink:#35604f;--color-accent-soft:#e7f1ec;--color-secondary:#3e5c76;--color-secondary-soft:#e3ebf5;--font-sans:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Noto Serif JP","YuMincho",Georgia,serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--container:1120px;--reading-max:38em;--space-section:64px}@layer base{body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:1.0625rem;line-height:1.8}main{max-width:var(--container);margin:0 auto;padding:32px 24px 96px;display:block}h1,h2,h3{color:var(--color-text);margin:0 0 16px;line-height:1.3}h1{font-size:2.3125rem}h2{font-size:1.5625rem}h3{font-size:1.1875rem}a{color:var(--color-accent-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:0;left:-9999px}.skip-link:focus{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;top:16px;left:16px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}}@layer components{.site-header{max-width:var(--container);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:16px 24px;margin:0 auto;padding:20px 24px;display:flex}.site-brand{font-family:var(--font-serif);color:var(--color-text);letter-spacing:.02em;font-size:1.3125rem;font-weight:500;text-decoration:none}.site-brand:hover{color:var(--color-accent-ink)}.site-nav{flex-wrap:wrap;gap:8px 18px;margin-left:auto;font-size:1rem;display:flex}.site-nav a{color:var(--color-text-muted);border-bottom:1px solid #0000;padding:4px 2px;text-decoration:none;transition:color .2s,border-color .2s}.site-nav a:hover{color:var(--color-accent-ink);border-bottom-color:var(--color-accent)}.mobile-nav{display:none}@media (max-width:640px){.site-header{align-items:flex-start;position:relative}.site-nav--desktop{display:none}.mobile-nav{margin-left:auto;display:block;position:relative}.mobile-nav summary{cursor:pointer;color:var(--color-text);padding:4px 2px;font-weight:500;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:after{content:" ▼";color:var(--color-text-muted);margin-left:4px;font-size:.75em}.mobile-nav[open] summary:after{content:" ▲"}.mobile-nav nav{z-index:10;text-align:right;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:6px;width:160px;margin-top:8px;padding:12px 14px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 1px 2px #1f24300a,0 2px 6px #1f24300a}.mobile-nav a{color:var(--color-text-muted);padding:4px 2px;text-decoration:none}.mobile-nav a:hover{color:var(--color-accent-ink)}}.site-footer{max-width:var(--container);border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;margin:64px auto 0;padding:32px 24px 40px;font-size:1rem}.site-footer__brand{font-family:var(--font-serif);color:var(--color-text);margin:0 0 4px}.site-footer__tagline{margin:0 0 16px}.site-footer__copy{margin:0;font-size:.875rem}.hero{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);max-width:900px;margin:0 auto 44px;position:relative;overflow:hidden}.hero__image{opacity:.64;width:100%;height:auto;display:block}.hero__content{text-align:left;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#faf7f2a3;border:1px solid #e7e2d775;border-radius:10px;max-width:480px;padding:18px 22px;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.hero h1{font-family:var(--font-serif);letter-spacing:.02em;margin:0 0 12px;font-size:calc(clamp(2rem,4vw,3rem) + .0625rem);font-weight:700;line-height:1.2}.hero .tagline,.hero .lead{text-align:left}@media (max-width:640px){.hero{flex-direction:column-reverse;gap:16px;padding:16px;display:flex;overflow:visible}.hero__image{border-radius:var(--radius-md)}.hero__content{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;max-width:none;padding:0;position:static;transform:none}.hero h1{font-size:1.8125rem}}.tagline{color:var(--color-accent-ink);margin:8px 0 16px;font-size:1.1875rem}.lead{color:var(--color-text-muted);max-width:var(--reading-max)}.latest-posts{margin-bottom:var(--space-section)}.latest-posts ul{gap:16px;margin:0;padding:0;list-style:none;display:grid}.latest-posts li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 24px}.latest-posts h3{margin:0 0 8px}.categories ul{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.cat-card{background-color:var(--color-accent-soft);min-height:132px;color:var(--color-accent-ink);border-radius:var(--radius-md);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:22px 24px 28px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.cat-card:hover{box-shadow:var(--shadow-1,0 1px 2px #1f24300a,0 2px 6px #1f24300a);transform:translateY(-2px)}.cat-card__label{color:var(--color-text);letter-spacing:.015em;text-shadow:0 0 2px #faf7f2fa,0 1px 3px #faf7f2f5,0 0 10px #faf7f2e6;background:0 0;border:0;padding:0;font-size:1.0625rem;font-weight:700;display:inline}.cat-mental{background-image:linear-gradient(#ffffffd1,#ffffffa8),url("../images/category/category-mental-calm-room.7b170868a417.jpg")}.cat-reading{background-image:linear-gradient(#ffffffd1,#ffffffa8),url("../images/category/category-reading-books-stack.f5bbaf54d6b2.jpg")}.cat-business{background-image:linear-gradient(#ffffffd1,#ffffffa8),url("../images/category/category-business-work-desk.41b0b72d9ca1.jpg")}.cat-tech{background-image:linear-gradient(#ffffffd1,#ffffffa8),url("../images/category/category-tech-coding-desk.169587fb95be.jpg")}.cat-study{background-image:linear-gradient(#ffffffd1,#ffffffa8),url("../images/category/category-study-learning-note.f4486a37ba93.jpg")}.category-hero{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:var(--color-accent-soft);background-position:50% 68%;background-repeat:no-repeat;background-size:cover;margin:0 0 32px;padding:56px 28px 48px;position:relative;overflow:hidden}.category-hero h1{font-family:var(--font-serif);color:var(--color-text);margin:0 0 8px;font-size:2.0625rem}.category-hero__label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-ink);margin:0 0 4px;font-size:.875rem}.category-hero__lead{color:var(--color-text-muted);max-width:var(--reading-max);margin:0}.category-hero--mental{background-image:linear-gradient(#ffffffd1,#ffffff9e),url("../images/category/category-mental-calm-room.7b170868a417.jpg");background-position:50% 78%}.category-hero--reading{background-image:linear-gradient(#ffffffd1,#ffffff9e),url("../images/category/category-reading-books-stack.f5bbaf54d6b2.jpg");background-position:50% 82%}.category-hero--business{background-image:linear-gradient(#ffffffd1,#ffffff9e),url("../images/category/category-business-work-desk.41b0b72d9ca1.jpg");background-position:50% 72%}.category-hero--tech{background-image:linear-gradient(#ffffffd1,#ffffff9e),url("../images/category/category-tech-coding-desk.169587fb95be.jpg");background-position:50% 72%}.category-hero--study{background-image:linear-gradient(#ffffffd1,#ffffff9e),url("../images/category/category-study-learning-note.f4486a37ba93.jpg");background-position:50% 88%}@media (max-width:640px){.category-hero{padding:40px 20px 32px}.category-hero h1{font-size:1.6875rem}}.page-header{max-width:720px;margin:0 auto 40px}.page-header__label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-ink);margin:0 0 4px;font-size:.875rem}.page-header h1{font-family:var(--font-serif);margin:0 0 8px;font-size:calc(clamp(1.625rem,3vw,2rem) + .0625rem);line-height:1.3}.page-header__lead{color:var(--color-text-muted);max-width:var(--reading-max);margin:0}.post-list__items{gap:24px;max-width:760px;margin:0 auto;padding:0;list-style:none;display:grid}.post-list__item{border-bottom:1px solid var(--color-border);padding-bottom:24px}.post-list__item:last-child{border-bottom:none}.post-list__category{margin:0 0 6px;font-size:.9375rem}.post-list__category a{color:var(--color-accent-ink);letter-spacing:.04em;text-decoration:none}.post-list__category a:hover{text-decoration:underline}.post-list h2{font-family:var(--font-serif);margin:0 0 6px;font-size:1.3125rem;line-height:1.5}.post-list h2 a{color:var(--color-text);text-decoration:none}.post-list h2 a:hover{color:var(--color-accent-ink)}.post-list__meta{color:var(--color-text-muted);margin:0 0 10px;font-size:.9375rem}.post-list__excerpt{color:var(--color-text-muted);margin:0;line-height:1.8}.empty-message{color:var(--color-text-muted);text-align:center;margin:32px 0}.category-post-list ul{gap:24px;max-width:760px;margin:0 auto;padding:0;list-style:none;display:grid}.category-post-list li{border-bottom:1px solid var(--color-border);padding-bottom:24px}.category-post-list li:last-child{border-bottom:none}.category-post-list h2{font-family:var(--font-serif);margin:0 0 6px;font-size:1.3125rem;line-height:1.5}.category-post-list h2 a{color:var(--color-text);text-decoration:none}.category-post-list h2 a:hover{color:var(--color-accent-ink)}.about{max-width:720px;margin:0 auto}.about-header{margin-bottom:32px}.about-header h1{margin-bottom:4px}.about-section{margin:0 0 32px}.about-section h2{font-family:var(--font-serif);margin:0 0 12px;font-size:1.3125rem}.about-section p{color:var(--color-text);max-width:var(--reading-max);margin:0 0 1em}.about-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.about-list li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 16px}.about-list strong{color:var(--color-accent-ink);margin-right:8px}.about-author{font-family:var(--font-serif);color:var(--color-accent-ink);margin:0 0 16px;font-size:1.1125rem}.contact{max-width:720px;margin:0 auto}.contact-header{margin-bottom:24px}.contact-header h1{margin-bottom:4px}.contact-section{margin:0 0 32px}.contact-section p{color:var(--color-text);max-width:var(--reading-max);margin:0 0 1em}.contact-policy p{color:var(--color-text-muted);font-size:1rem}.contact-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:20px;margin:24px 0 32px;padding:28px 24px;display:grid}.form-row{gap:6px;display:grid}.form-row label{color:var(--color-text);font-size:1rem;font-weight:500}.form-row input[type=text],.form-row input[type=email],.form-row textarea,.form-row select{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;font-size:1.0625rem;line-height:1.6}.form-row textarea{resize:vertical;min-height:160px}.form-row input[type=text]:focus-visible,.form-row input[type=email]:focus-visible,.form-row textarea:focus-visible,.form-row select:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px;border-color:var(--color-accent-ink)}.form-row ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.form-row input[type=radio],.form-row input[type=checkbox]{margin-right:6px}.form-row .required{color:var(--color-accent-ink);font-weight:700}.form-row .help{color:var(--color-text-muted);font-size:.875rem}.form-row .error,.form-errors{color:#8a3a3a;font-size:.9375rem}.contact-submit{font-family:var(--font-sans);color:var(--color-surface);background:var(--color-accent-ink);border:1px solid var(--color-accent-ink);border-radius:var(--radius-sm);cursor:pointer;justify-self:start;min-height:48px;padding:12px 28px;font-size:1.0625rem;font-weight:500;transition:background-color .2s}.contact-submit:hover{background:var(--color-accent);border-color:var(--color-accent)}.contact-submit:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.privacy-note{color:var(--color-text-muted);margin:16px 0 0;font-size:.9375rem}.notice-box{background:var(--color-accent-soft);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);margin-top:32px;padding:20px 24px}.notice-box h2{font-size:1.0625rem;font-family:var(--font-sans);color:var(--color-accent-ink);margin:0 0 8px}.notice-box p{color:var(--color-text);margin:0;font-size:1rem}.post-detail{max-width:720px;margin:0 auto}.post-detail__header{margin-bottom:40px}.post-detail__category{margin:0 0 8px;font-size:.9375rem}.post-detail__category a{color:var(--color-accent-ink);letter-spacing:.04em;text-decoration:none}.post-detail__category a:hover{text-decoration:underline}.post-detail h1{font-family:var(--font-serif);margin:0 0 12px;font-size:calc(clamp(1.625rem,3.2vw,2.125rem) + .0625rem);line-height:1.4}.post-detail__meta{color:var(--color-text-muted);margin:0;font-size:.9375rem}.post-hero-image{margin:0 0 32px}.post-hero-image img{border-radius:var(--radius-md);width:100%;max-width:100%;height:auto;display:block}.post-detail__body{overflow-wrap:anywhere;font-family:var(--font-sans);line-height:1.9}.post-detail__body p{margin:0 0 1.4em}.post-detail__body h2{font-family:var(--font-serif);margin:2.4em 0 .8em;font-size:1.4375rem;line-height:1.5}.post-detail__body h3{margin:2em 0 .6em;font-size:1.1875rem;line-height:1.5}.post-detail__footer{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:12px 20px;margin-top:48px;padding-top:24px;font-size:1rem;display:flex}.post-detail__footer a{color:var(--color-accent-ink);text-decoration:none}.post-detail__footer a:hover{text-decoration:underline}.post-detail__related{grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;display:grid}.post-detail__related-link{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);gap:6px;padding:16px 20px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.post-detail__related-link:hover{border-color:var(--color-accent);transform:translateY(-1px)}.post-detail__related-link--older{text-align:right}.post-detail__related-direction{color:var(--color-accent-ink);letter-spacing:.04em;font-size:.875rem}.post-detail__related-title{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.5}@media (max-width:640px){.post-detail__related{grid-template-columns:1fr}.post-detail__related-link--older{text-align:left}}.works{max-width:1040px;margin:0 auto;padding:48px 24px 72px}.works__header{margin-bottom:40px}.works h1,.work h2{font-family:var(--font-serif)}.works__header p,.works__empty{color:var(--color-text-muted);line-height:1.9}.work{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:32px 0;display:grid}.work__image-link{aspect-ratio:4/3;border-radius:var(--radius-md);cursor:zoom-in;align-self:start;display:block;position:relative;overflow:hidden}.work__image-link:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:4px}.work__image{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.work__image-hint{border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:6px 12px;font-size:.875rem;position:absolute;bottom:12px;right:12px}.works-image-open,.works-image-open body{overflow:hidden}.work-image-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(1040px,100% - 32px);max-width:none;max-height:90dvh;color:var(--color-text);padding:0}.work-image-dialog[open]{flex-direction:column;display:flex}.work-image-dialog::backdrop{background:#000000a6}.work-image-dialog__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.work-image-dialog__header h2{overflow-wrap:anywhere;margin:0;font-size:1.0625rem}.work-image-dialog__header button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;padding:8px 16px}.work-image-dialog__header button:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:2px}.work-image-dialog__body{overscroll-behavior:contain;min-height:0;overflow:auto}.work-image-dialog__image{width:100%;height:auto;display:block}.work__content{overflow-wrap:anywhere;min-width:0}.work__content p{line-height:1.9}.work__kind{color:var(--color-accent-ink);margin:0;font-size:.9375rem}.work h2{margin:8px 0 16px}.work__links{flex-wrap:wrap;gap:16px 24px;margin-top:24px;display:flex}.work__links a{color:var(--color-accent-ink);text-underline-offset:.25em}.work__links a:focus-visible{outline:2px solid var(--color-accent-ink);outline-offset:4px}@media (max-width:640px){.work{grid-template-columns:1fr;gap:20px}}.meta{color:var(--color-text-muted);align-items:baseline;gap:12px;margin:0;font-size:1rem;display:flex}.meta a{color:var(--color-accent-ink)}.meta time{color:var(--color-text-muted)}}