@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/zenmarugothic/v19/o-0SIpIxzW5b-RxT-6A8jWAtCp-U6khnFrKW9Q.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/zenmarugothic/v19/o-0XIpIxzW5b-RxT-6A8jWAtCp-cGWtyO5Cb36v1vg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/zenmarugothic/v19/o-0XIpIxzW5b-RxT-6A8jWAtCp-cUW1yO5Cb36v1vg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}:root{--paper:#f8f0dd;--paper-deep:#f0e4c8;--card:#fffdf4;--ink:#4a3b32;--ink-soft:#94816f;--line:#e2d4b8;--kaki:#ec7357;--kaki-deep:#d95f43;--kaki-soft:#fbe4dc;--matcha:#8fa65c;--matcha-deep:#74893f;--matcha-soft:#e9efd8;--tamago:#f2c94c;--tamago-deep:#cc9f18;--tamago-soft:#fcf0cb;--azuki:#b4525e;--mizu:#7fb5c8;--shadow:0 3px 0 #4a3b3224;--radius:18px}*{box-sizing:border-box}html,body{color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#4a3b320e 1px,#0000 1.4px);background-size:22px 22px;margin:0;padding:0;font-family:Zen Maru Gothic,PingFang SC,HarmonyOS Sans SC,MiSans,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}.container{max-width:860px;margin:0 auto;padding:0 16px 72px}.site-header{justify-content:space-between;align-items:center;gap:12px;padding:18px 4px 10px;display:flex}.site-brand{align-items:center;gap:10px;display:flex}.site-title{letter-spacing:2px;font-size:26px;font-weight:700;line-height:1.1}.site-sub{color:var(--ink-soft);letter-spacing:3px;margin-top:2px;font-size:11px}.site-nav{align-items:center;gap:8px;display:flex}.notification-wrap{position:relative}.notification-backdrop{z-index:70;cursor:default;background:0 0;border:0;position:fixed;inset:0}.notification-button{border:2px solid var(--ink);background:var(--card);width:40px;height:40px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:18px;display:grid;position:relative}.notification-button.has-unread{background:var(--tamago-soft)}.notification-count{border:2px solid var(--card);background:var(--azuki);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-7px;right:-8px}.notification-panel{z-index:80;border:2px solid var(--ink);background:var(--card);border-radius:16px;width:min(360px,100vw - 24px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:5px 6px #4a3b322e}.notification-panel-head{border-bottom:1.5px dashed #4a3b3240;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notification-panel-head button{color:var(--kaki-deep);background:0 0;border:0;font-size:12px;font-weight:700}.notification-panel-actions{align-items:center;gap:12px;display:flex}.notification-list{max-height:min(430px,65vh);overflow-y:auto}.notification-item{background:var(--card);border-bottom:1px dashed #4a3b3229;grid-template-columns:10px 1fr;gap:8px;padding:11px 14px;display:grid}.notification-item:hover{background:var(--paper-deep)}.notification-item.unread{background:var(--tamago-soft)}.notification-dot{background:0 0;border-radius:50%;width:7px;height:7px;margin-top:6px}.notification-item.unread .notification-dot{background:var(--azuki)}.notification-message{font-size:13px;line-height:1.55;display:block}.notification-time{color:var(--ink-soft);margin-top:3px;font-size:11px;display:block}.notification-empty{color:var(--ink-soft);text-align:center;padding:28px 16px;font-size:13px}.draft-reminder{border:1.5px solid var(--kaki-deep);background:var(--tamago-soft);border-radius:13px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin:10px;padding:11px 12px;display:grid}.draft-reminder:hover{background:var(--tamago)}.draft-reminder-icon{font-size:24px}.draft-reminder strong{font-size:13px;display:block}.draft-reminder small{color:var(--ink-soft);margin-top:2px;font-size:11px;line-height:1.45;display:block}.draft-reminder-arrow{color:var(--kaki-deep);white-space:nowrap;font-size:11px;font-weight:700}.btn{border:2px solid var(--ink);background:var(--card);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 5px #4a3b3224}.btn:active{transform:translateY(1px);box-shadow:0 1px #4a3b3224}.btn.primary{background:var(--kaki);color:#fff}.btn.matcha{background:var(--matcha);color:#fff}.btn.ghost{box-shadow:none;background:0 0;border-style:dashed}.btn.danger{background:var(--azuki);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.small{border-width:1.6px;padding:4px 12px;font-size:12.5px}.search-bar{border:2px solid var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;display:flex}.search-input{background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-clear{background:var(--paper-deep);border:none;border-radius:50%;width:24px;height:24px;font-size:12px}.cat-tabs{flex-wrap:wrap;gap:10px;margin:18px 0 22px;display:flex}.cat-tab{border:2px solid var(--ink);background:var(--card);text-align:center;box-shadow:var(--shadow);border-radius:14px;padding:8px 18px 6px;transition:transform .12s;position:relative}.cat-tab:hover{transform:translateY(-2px)rotate(1deg)}.cat-tab .zh{font-size:16px;font-weight:700;line-height:1.2;display:block}.cat-tab .jp{color:var(--ink-soft);letter-spacing:1px;font-size:10px}.cat-tab.active{background:var(--ink);color:var(--card)}.cat-tab.active .jp{color:#fffdf4b3}.cat-tab.active:after{content:"";background:var(--ink);width:8px;height:8px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.owner-chips{flex-wrap:wrap;gap:8px;margin:-8px 0 18px;display:flex}.owner-chip{border:1.6px dashed var(--ink);color:var(--ink-soft);background:0 0;border-radius:999px;padding:4px 14px;font-size:12.5px;font-weight:700}.owner-chip.active{background:var(--kaki);color:#fff;border-style:solid;border-color:var(--ink)}.badge.owner{background:var(--tamago-soft)}.owner-select{border:1.6px dashed var(--ink);color:var(--ink-soft);background:0 0;border-radius:999px;max-width:180px;padding:4px 12px;font-size:12.5px;font-weight:700}.owner-select.active{background:var(--kaki);color:#fff;border-style:solid;border-color:var(--ink)}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.recipe-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:transform .15s,box-shadow .15s;animation:.45s backwards card-in;display:flex;overflow:hidden}.recipe-card:nth-child(3n+2){transform:rotate(.5deg)}.recipe-card:nth-child(3n){transform:rotate(-.5deg)}.recipe-card:hover{transform:translateY(-4px)rotate(0);box-shadow:0 7px #4a3b3224}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1}}.recipe-cover{aspect-ratio:4/3;background:var(--tamago-soft);border-bottom:2px solid var(--ink);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.recipe-cover img{object-fit:cover;width:100%;height:100%}.recipe-card-body{flex:1;padding:12px 14px 14px}.recipe-card-title{font-size:17px;font-weight:700;line-height:1.35}.recipe-card-intro{color:var(--ink-soft);margin-top:3px;font-size:12.5px}.recipe-card-meta{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.badge{border:1.6px solid var(--ink);background:var(--card);border-radius:999px;align-items:center;gap:4px;padding:1px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.staple{background:var(--tamago-soft)}.badge.meat{background:var(--kaki-soft)}.badge.veggie{background:var(--matcha-soft)}.badge.draft{background:var(--ink);color:var(--card);border-style:dashed;border-color:var(--card)}.empty-note{text-align:center;color:var(--ink-soft);padding:60px 0;font-size:15px}.xhs-page{padding-bottom:96px}.xhs-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin:18px 0;display:flex}.xhs-heading h1{margin:5px 0 0;font-size:28px}.xhs-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;gap:18px;display:grid}.xhs-copy-panel{position:sticky;top:12px}.xhs-body{min-height:330px;line-height:1.75}.xhs-image-panel{min-width:0}.xhs-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px;display:grid}.xhs-mode-switch button{border:2px solid var(--line);background:var(--card);min-width:0;color:var(--ink);text-align:left;border-radius:14px;padding:11px 12px}.xhs-mode-switch button.active{border-color:var(--ink);background:var(--tamago-soft);box-shadow:var(--shadow)}.xhs-mode-switch span{font-size:13px;font-weight:800;display:block}.xhs-mode-switch small{color:var(--ink-soft);margin-top:4px;font-size:10px;line-height:1.45;display:block}.xhs-order-note{border:1.5px dashed var(--kaki-deep);background:var(--paper-deep);color:var(--ink-soft);border-radius:12px;margin-bottom:12px;padding:9px 12px;font-size:11px;line-height:1.55}.xhs-order-note strong{color:var(--ink)}.xhs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.xhs-card-grid.complete{grid-template-columns:minmax(0,1fr)}.xhs-preview{border:2px solid var(--ink);background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin:0;overflow:hidden}.xhs-preview img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.xhs-preview.complete img{aspect-ratio:auto;object-fit:contain}.xhs-preview figcaption{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;display:flex}.xhs-preview figcaption button{color:var(--kaki-deep);background:0 0;border:0;font-weight:700}.xhs-notice{z-index:55;border:2px solid var(--ink);background:var(--tamago-soft);max-width:360px;box-shadow:var(--shadow);border-radius:14px;padding:10px 15px;font-size:13px;position:fixed;bottom:88px;right:18px}.xhs-publish-bar{z-index:45;padding:12px 16px max(12px, env(safe-area-inset-bottom));border-top:2px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf4f5;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.recipe-hero{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:20px;margin-top:14px;padding:18px;display:flex}.recipe-hero-cover{border:2px solid var(--ink);background:var(--tamago-soft);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:168px;height:168px;display:flex;overflow:hidden;transform:rotate(-2deg)}.recipe-hero-cover img{object-fit:cover;width:100%;height:100%}.recipe-hero h1{margin:0 0 4px;font-size:26px;line-height:1.3}.recipe-hero .intro{color:var(--ink-soft);margin:0 0 10px;font-size:14px}.section{margin-top:30px;animation:.5s backwards card-in}.section-tape{background:var(--tamago);border:2px solid var(--ink);box-shadow:var(--shadow);z-index:1;border-radius:4px;align-items:center;gap:8px;padding:5px 18px;font-size:16px;font-weight:700;display:inline-flex;position:relative;transform:rotate(-1.2deg)}.section-tape.matcha{background:var(--matcha-soft);transform:rotate(.8deg)}.section-tape.kaki{background:var(--kaki-soft);transform:rotate(-.6deg)}.section-tape.mizu{background:#ddedf3;transform:rotate(1deg)}.section-tape .jp{color:var(--ink-soft);letter-spacing:1px;font-size:10px;font-weight:400}.section-body{background:var(--card);border:2px dashed var(--ink);border-radius:var(--radius);margin-top:-8px;padding:18px 18px 16px}.ing-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.ing-chip{border:1.6px solid var(--line);background:var(--paper);border-radius:12px;align-items:center;gap:8px;padding:7px 10px;display:flex}.ing-chip .name{font-size:13.5px;font-weight:700;line-height:1.3}.ing-chip .amount{color:var(--ink-soft);font-size:11.5px}.step-list{flex-direction:column;gap:4px;display:flex}.step-item{align-items:flex-start;gap:12px;padding:9px 4px;display:flex}.step-item+.step-item{border-top:1.6px dashed var(--line)}.step-no{border:2px solid var(--ink);background:var(--card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:6px;font-size:13px;font-weight:700;display:flex;transform:rotate(-4deg)}.step-icon-box{border:1.6px solid var(--line);background:var(--paper);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.step-text{padding-top:8px;font-size:14.5px}.tip-item{align-items:flex-start;gap:10px;padding:7px 0;font-size:14px;display:flex}.tip-item .mark{color:var(--azuki);flex-shrink:0;font-weight:700}.panel{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:18px;padding:20px}.field{margin-bottom:14px}.field label{margin-bottom:5px;font-size:13px;font-weight:700;display:block}.input,.textarea,.select{border:2px solid var(--ink);background:var(--paper);border-radius:12px;outline:none;width:100%;padding:9px 12px;font-size:14.5px}.input:focus,.textarea:focus{border-color:var(--kaki);background:#fff}.textarea{resize:vertical;min-height:130px;line-height:1.7}.mode-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mode-tab{border:2px solid var(--ink);background:var(--paper);border-radius:999px;padding:6px 16px;font-size:13.5px;font-weight:700}.mode-tab.active{background:var(--ink);color:var(--card)}.hint{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.error-note{border:2px solid var(--azuki);color:var(--azuki);background:#f9e6e8;border-radius:12px;margin:12px 0;padding:10px 14px;font-size:13.5px}.job-log{flex-direction:column;gap:8px;margin-top:14px;display:flex}.job-line{align-items:center;gap:10px;font-size:14px;display:flex}.job-line .dot{border:2px solid var(--ink);background:var(--matcha);border-radius:50%;flex-shrink:0;width:10px;height:10px}.job-line.current .dot{background:var(--tamago);animation:1s infinite blink}@keyframes blink{50%{opacity:.35}}.cooking-anim{justify-content:center;padding:8px 0 2px;animation:1.6s ease-in-out infinite bob;display:flex}@keyframes bob{50%{transform:translateY(-6px)}}.edit-row{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.edit-row .grow{flex:1}.icon-btn{border:2px solid var(--ink);background:var(--paper);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex}.icon-pop{z-index:30;background:var(--card);border:2px solid var(--ink);border-radius:14px;grid-template-columns:repeat(8,40px);gap:4px;max-height:300px;padding:10px;display:grid;position:absolute;overflow-y:auto;box-shadow:0 6px #4a3b3224}.icon-pop button{background:0 0;border:1.6px solid #0000;border-radius:10px;padding:2px}.icon-pop button:hover{border-color:var(--ink);background:var(--paper)}.row-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.mic-btn.recording{background:var(--azuki);color:#fff;animation:1.2s infinite blink}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.photo-card{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:14px;margin:0;overflow:hidden}.photo-grid .photo-card:nth-child(2n){transform:rotate(.8deg)}.photo-grid .photo-card:nth-child(3n){transform:rotate(-.8deg)}.photo-card img{aspect-ratio:1;object-fit:cover;border-bottom:2px solid var(--ink);width:100%;display:block}.photo-card figcaption{flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.photo-caption{color:var(--ink-soft);flex:1;min-width:60%}.pending-photo{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-top:14px;display:flex}.pending-photo img{object-fit:cover;border:2px solid var(--ink);border-radius:12px;width:140px;height:140px;transform:rotate(-1.5deg)}.pending-photo-form{flex:1;min-width:220px}.comment-list{flex-direction:column;gap:10px;display:flex}.comment-item{border:1.6px solid var(--line);background:var(--paper);border-radius:12px;padding:9px 12px}.comment-item.adopted{border-color:var(--matcha-deep);background:var(--matcha-soft)}.comment-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-text{white-space:pre-wrap;margin-top:5px;font-size:14px}.badge.adopted-badge{background:var(--matcha);color:#fff}.comment-item.reply{background:var(--card);border-style:dashed;margin:8px 0 0 26px}.comment-item+.comment-item.reply{margin-top:8px}.photo-tags{flex-wrap:wrap;gap:5px;padding:0 10px 10px;display:flex}.photo-tag{background:var(--tamago-soft);border:1.4px solid var(--ink);border-radius:10px 10px 10px 2px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex;transform:rotate(-.6deg)}.photo-tag:nth-child(2n){background:var(--kaki-soft);transform:rotate(.8deg)}.photo-tag:nth-child(3n){background:var(--matcha-soft)}.photo-tag b{font-weight:700}.photo-tag.add{color:var(--ink-soft);cursor:pointer;background:0 0;border-style:dashed}.photo-tag-del{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0 0 0 2px;font-size:10px}.photo-tag-input{align-items:center;gap:4px;display:inline-flex}.photo-tag-input input{border:1.4px solid var(--ink);background:#fff;border-radius:8px;width:110px;padding:2px 6px;font-size:11px}.photo-tag-input button{border:1.4px solid var(--ink);background:var(--card);border-radius:8px;padding:1px 6px;font-size:11px}.recipe-back{align-self:flex-start;margin-bottom:12px}.recipe-layout{align-items:flex-start;gap:22px;display:flex}.recipe-content{flex:1;min-width:0}.recipe-sidebar{background:var(--card);border:2px solid var(--ink);width:230px;max-height:calc(100vh - 28px);box-shadow:var(--shadow);border-radius:16px;flex-shrink:0;padding:14px 12px 10px;position:sticky;top:14px;overflow:hidden}.sidebar-list{flex-direction:column;min-height:0;max-height:calc(100vh - 54px);display:flex}.sidebar-head{justify-content:space-between;align-items:center;gap:8px;padding:0 3px 10px;display:flex}.sidebar-title{font-size:15px;font-weight:800}.sidebar-subtitle{color:var(--ink-soft);margin:2px 0 0 25px;font-size:10px}.sidebar-count{border:1.5px solid var(--ink);background:var(--paper-deep);text-align:center;border-radius:999px;min-width:30px;padding:3px 7px;font-size:11px;font-weight:800}.sidebar-search-wrap{border:1.5px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:10px;align-items:center;gap:5px;margin-bottom:8px;padding:7px 9px;display:flex}.sidebar-search{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.sidebar-search::placeholder{color:#b3a596}.sidebar-search-wrap button{color:var(--ink-soft);background:0 0;border:0;font-size:17px;line-height:1}.sidebar-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding-right:2px;overflow-y:auto}.sidebar-section+.sidebar-section{margin-top:7px}.sidebar-group{border:0;border-bottom:1.5px dashed var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:7px;font-size:12px;font-weight:800;display:flex}.sidebar-group:hover{background:var(--paper);border-radius:8px}.sidebar-group-label,.sidebar-group-meta{align-items:center;gap:6px;display:flex}.sidebar-group-meta{color:var(--ink-soft);font-size:10px}.sidebar-chevron{width:15px;color:var(--kaki-deep);text-align:center;font-size:13px}.sidebar-item{border-radius:9px;justify-content:space-between;align-items:center;gap:6px;margin-top:3px;padding:7px 8px 7px 11px;font-size:13px;line-height:1.4;display:flex}.sidebar-item:hover{background:var(--paper)}.sidebar-item.active{background:var(--kaki);color:#fff;font-weight:700}.sidebar-item-copy{flex-direction:column;min-width:0;display:flex}.sidebar-item-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-item-owner{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.sidebar-item.active .sidebar-item-owner{color:#ffffffc7}.sidebar-draft{border:1px solid;border-radius:999px;flex-shrink:0;padding:1px 5px;font-size:8px;font-weight:800}.sidebar-empty{color:var(--ink-soft);text-align:center;padding:28px 8px;font-size:12px}.sidebar-fab{display:none}.sidebar-overlay{z-index:50;background:#4a3b3259;position:fixed;inset:0}.sidebar-drawer{background:var(--card);border-left:2px solid var(--ink);width:min(320px,88vw);padding:18px 14px max(18px, env(safe-area-inset-bottom));position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-5px 0 #4a3b321f}.sidebar-drawer .sidebar-list{height:100%;max-height:none}.sidebar-drawer-close{z-index:2;border:1.5px solid var(--ink);background:var(--card);border-radius:50%;width:30px;height:30px;font-size:13px;position:absolute;top:12px;right:12px}.sidebar-drawer .sidebar-head{padding-right:38px}@media (max-width:900px){.recipe-sidebar{display:none}.sidebar-fab{border:2px solid var(--ink);background:var(--tamago);width:52px;height:52px;box-shadow:var(--shadow);z-index:40;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:fixed;bottom:20px;right:16px}.xhs-layout{grid-template-columns:1fr}.xhs-copy-panel{position:static}}.site-footer{text-align:center;color:var(--ink-soft);letter-spacing:1px;padding:30px 0 10px;font-size:12px}@media (max-width:560px){.site-title{font-size:21px}.notification-backdrop{background:#4a3b323d}.notification-panel{top:auto;right:12px;bottom:max(12px, env(safe-area-inset-bottom));border-radius:20px;width:auto;max-height:calc(100dvh - 92px);position:fixed;left:12px;box-shadow:5px 7px #4a3b3238}.notification-list{max-height:min(55dvh,430px)}.notification-panel-head,.notification-item{padding:13px 16px}.notification-message{font-size:14px}.xhs-heading{align-items:flex-start}.xhs-heading h1{font-size:23px}.xhs-heading .btn{padding:6px 11px;font-size:12px}.xhs-mode-switch{grid-template-columns:1fr}.xhs-card-grid{gap:8px}.xhs-preview{border-radius:12px}.xhs-publish-bar{padding:9px 10px max(9px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:stretch;gap:7px}.xhs-publish-bar .btn{flex:1;padding:7px 10px;font-size:12px}.xhs-publish-bar .hint{display:none}.xhs-notice{max-width:none;bottom:74px;left:10px;right:10px}.recipe-grid{grid-template-columns:repeat(2,1fr);gap:12px}.recipe-card-title{font-size:15px}.recipe-hero{text-align:center;flex-direction:column}.recipe-hero-cover{width:150px;height:150px}.ing-grid{grid-template-columns:repeat(2,1fr)}.icon-pop{grid-template-columns:repeat(6,40px)}.step-text{font-size:14px}}