:root{--ink:#3a3128;--sub:#7a6e62;--line:#eadfd3}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);-webkit-text-size-adjust:100%;background:#fffaf6;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}button{font:inherit;cursor:pointer}a{color:inherit}.home{max-width:520px;margin:0 auto;padding:32px 20px;line-height:1.8}.home h1{letter-spacing:.1em;margin:0;font-size:34px}.home-sub{color:var(--sub);margin:0 0 16px}.home li{margin:8px 0;font-size:17px}.viewer{font-size:var(--fs);background:linear-gradient(180deg, var(--ta) 0, var(--tb) 340px, var(--tb) 100%);min-height:100vh;padding-bottom:32px}.art{z-index:0;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:0}.viewer.has-art{background:#fffaf6}.viewer>:not(.art):not(.bar):not(.lightbox):not(.sheet-bg){z-index:1;position:relative}.has-art .head,.has-art .box{background:rgba(255,255,255,var(--veil));box-shadow:0 2px 12px rgba(0,0,0,calc(var(--veil) * .07))}.has-art .card{text-shadow:0 0 6px #fffffff2,0 0 2px #ffffffe6}.has-art .save{text-shadow:none}.bar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffdb;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:15px;display:flex;position:sticky;top:0}.pager{align-items:center;gap:4px;display:flex}.pager button{border:1.5px solid var(--line);min-width:40px;height:40px;color:var(--accent);background:#fff;border-radius:10px;font-size:22px;line-height:1}.pager button:disabled{opacity:.3}.pager .pager-mid,.pager-one{white-space:nowrap;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:10px;height:40px;padding:0 10px;font-size:14px}.sizes{gap:3px;display:flex}.sizes button{border:1.5px solid var(--line);width:36px;height:36px;color:var(--sub);background:#fff;border-radius:9px;font-size:14px}.sizes button.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.card{background-position:top;background-size:cover;max-width:560px;margin:0 auto;padding:18px 16px 8px}.head{background:#ffffffe6;border-radius:18px;padding:22px 18px 18px;position:relative;box-shadow:0 4px 18px #0000000f}.face{float:right;object-fit:cover;border:3px solid #fff;border-radius:50%;width:4.4em;height:4.4em;margin:0 0 6px 10px;box-shadow:0 2px 8px #0000001f}.company{color:var(--accent);margin:0;font-size:1em;font-weight:700}.title{color:var(--sub);margin:.2em 0 0;font-size:.9em}.name{clear:both;white-space:nowrap;font-size:min(1.9em, calc((min(100vw, 560px) - 76px) / (var(--nlen) * 1.08)));letter-spacing:.08em;margin:.45em 0 0;line-height:1.3}.name.long{white-space:normal;font-size:1.5em}.kana{color:var(--sub);letter-spacing:.1em;margin:.1em 0 0;font-size:.85em}.box{background:#ffffffeb;border-radius:16px;margin-top:12px;padding:12px 16px;box-shadow:0 2px 10px #0000000a}.contact a{border-bottom:1px dashed var(--line);word-break:break-all;align-items:flex-start;gap:.6em;padding:.45em 0;line-height:1.5;text-decoration:none;display:flex}.contact a:last-child{border-bottom:0}.contact span{text-align:center;flex:none;width:1.4em}.save{text-align:center;color:#fff;background:var(--accent);border-radius:14px;margin:14px 0 4px;padding:.8em;font-size:1.05em;font-weight:800;text-decoration:none;display:block;box-shadow:0 3px 10px #0000001f}.msg{line-height:1.8}.extras div{border-bottom:1px dashed var(--line);flex-direction:column;padding:.35em 0;display:flex}.extras div:last-child{border-bottom:0}.extras b{color:var(--accent);font-size:.8em}.sns{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sns a{border:1.5px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;padding:.5em .9em;font-size:.9em;text-decoration:none;display:flex}.sns b{color:var(--accent);font-size:.75em}.works{margin-top:14px}.works-h{color:var(--accent);margin:0 0 6px;font-size:.9em;font-weight:700}.works div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.works img{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:10px;width:100%}.foot{text-align:center;color:var(--sub);letter-spacing:.1em;margin-top:22px;font-size:12px}.hint{text-align:center;color:var(--sub);margin:6px 0 0;font-size:13px}.err{text-align:center;color:#a01818;margin:40px 16px}.lightbox{z-index:20;background:#14100ce0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.lightbox img{background:#fff;border-radius:10px;max-width:94vw;max-height:82vh}.lightbox span{color:#ddd;font-size:14px}.sheet-bg{z-index:10;background:#1e161073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#fffdf9;border-radius:18px 18px 0 0;width:min(560px,100%);max-height:80vh;padding:14px 16px 24px;font-size:16px;overflow:auto}.sheet-h{justify-content:space-between;align-items:center;display:flex}.sheet-h button{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:6px 14px}.sheet-note{color:var(--sub);font-size:13px;line-height:1.6}.sheet ol{margin:0;padding:0;list-style:none}.no{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:14px;font-weight:700;display:flex}.sheet li{border-bottom:1px dashed var(--line);align-items:center;gap:6px;padding:6px 0;display:flex}.sheet li.cur .pick b{color:var(--accent)}.pick{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;padding:4px 0;display:flex}.pick small{color:var(--sub)}.ops{gap:4px;display:flex}.ops button{border:1.5px solid var(--line);background:#fff;border-radius:9px;width:38px;height:38px}.ops button:disabled{opacity:.3}.dgrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dgrid a{flex-direction:column;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:flex}.dgrid img{aspect-ratio:2/3;object-fit:cover;border-radius:10px;width:100%;box-shadow:0 2px 8px #0000001f}.has-art.dark .head,.has-art.dark .box{background:rgba(14, 10, 8, var(--veil));color:#fbf3e4;box-shadow:0 2px 14px #00000040}.has-art.dark .card{text-shadow:0 1px 4px #0009;color:#fbf3e4}.has-art.dark .title,.has-art.dark .kana,.has-art.dark .foot,.has-art.dark .hint{color:#e9dfcd}.has-art.dark .contact a,.has-art.dark .extras div{border-bottom-color:#ffffff2e}.has-art.dark .save{color:#2a1f10}.has-art.dark .sns a{color:#fbf3e4;background:#0e0a0873;border-color:#ffffff40}.has-art.dark .works img{box-shadow:0 2px 10px #00000059}.dcat{border-left:4px solid #c9b8cc;margin:18px 0 8px;padding-left:8px;font-size:16px}button.save{cursor:pointer;border:0;width:100%;font-family:inherit}.pv-tag{color:var(--sub);font-size:13px}.ed-start{text-align:center;max-width:480px;margin:0 auto;padding:48px 22px}.ed-start h1{letter-spacing:.12em;margin:0;font-size:36px}.ed-sub{color:var(--sub);margin:4px 0 36px}.ed-q{font-size:19px}.ed-big{width:100%;font:inherit;text-align:center;background:#fff;border:2px solid #d8c6b4;border-radius:14px;padding:14px;font-size:24px}.ed-hint{color:var(--sub);font-size:13px}.ed-go{color:#fff;background:#b8506f;border:0;border-radius:14px;width:100%;margin-top:18px;padding:16px;font-size:19px;font-weight:800}.ed-go:disabled{opacity:.35}.ed{max-width:560px;margin:0 auto;padding:0 0 110px;font-size:17px}.ed-top{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffaf6f2;padding:10px 14px 8px;position:sticky;top:0}.ed-title{justify-content:space-between;align-items:center;display:flex}.ed-saved{color:#2e8b57;opacity:0;font-size:13px;transition:opacity .3s}.ed-saved.on{opacity:1}.ed-nav{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.ed-nav button{border:1.5px solid var(--line);color:var(--sub);background:#fff;border-radius:999px;padding:4px 11px;font-size:13px}.ed-nav button.on{color:#fff;background:#b8506f;border-color:#b8506f;font-weight:700}.ed-sec{border:1px solid var(--line);background:#fff;border-radius:16px;margin:14px 12px 0;padding:12px 14px 14px}.ed-sec h2{color:#b8506f;margin:0 0 8px;font-size:18px}.ed-sec h2 small{color:var(--sub);font-size:13px;font-weight:400}.ed-f{margin:10px 0;display:block}.ed-l{color:#5a4e44;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.ed-in{width:100%;font:inherit;background:#fffdfb;border:1.5px solid #e0d2c3;border-radius:11px;padding:11px 12px;font-size:17px}textarea.ed-in{resize:vertical;line-height:1.6}.ed-note{color:var(--sub);margin-top:4px;font-size:12.5px;display:block}.ed-warn{background:#fff7e6;border:1px solid #f0d9a8;border-radius:10px;margin:0 0 6px;padding:8px 10px;font-size:13.5px;line-height:1.6}.ed-show{border:1.5px solid #e0d2c3;border-radius:9px;gap:0;display:flex;overflow:hidden}.ed-show button{color:var(--sub);background:#fff;border:0;padding:4px 12px;font-size:13px}.ed-show button.on{color:#fff;background:#2e8b57;font-weight:700}.ed-show button.on.off{background:#8a7f78}.ed-extra{border:1px dashed #e0d2c3;border-radius:12px;flex-direction:column;gap:6px;margin:8px 0;padding:8px;display:flex}.ed-del{color:#a01818;background:0 0;border:0;align-self:flex-end;font-size:13px}.ed-add{color:#b8506f;background:#fff7fa;border:1.5px dashed #b8506f;border-radius:12px;width:100%;padding:12px;font-weight:700}.ed-cat{color:var(--sub);margin:10px 0 6px;font-size:13px;font-weight:700}.ed-designs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ed-designs button{background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:3px;font-size:12px;display:flex}.ed-designs button img{aspect-ratio:2/3;object-fit:cover;border-radius:9px;width:100%;box-shadow:0 1px 6px #0000001f}.ed-designs button.on{color:#b8506f;background:#fff3f6;border-color:#b8506f;font-weight:700}.ed-bottom{z-index:6;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffaf6f2;position:fixed;bottom:0;left:0;right:0}.ed-bottom button{color:#fff;background:#b8506f;border:0;border-radius:14px;width:100%;max-width:532px;margin:0 auto;padding:14px;font-size:17px;font-weight:800;display:block}.viewer{padding-bottom:84px}.savebar{z-index:4;padding:10px 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.savebar .save{pointer-events:auto;width:auto;color:var(--accent);border:1.5px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:none;background:#ffffffe6;border-radius:999px;margin:0;padding:.5em 1.4em;font-size:.9em;font-weight:700;display:inline-block;box-shadow:0 2px 12px #0000001f}.has-art.dark .savebar .save{color:var(--accent);border-color:var(--accent);background:#0e0a08b8}