:root{--color-background: #fffdf4;--color-surface: #ffffff;--color-paper: #f8f3e7;--color-ink: #1d1a17;--color-muted: #756f66;--color-line: #ded3bd;--color-pink: #f27aa8;--color-yellow: #f7dc6f;--color-mint: #8dddcb;--color-lime: #cfef5a;--color-coral: #f26d7d;--color-danger: #c94054;--color-stage: #10100f;--shadow-sketch: 4px 4px 0 rgba(29, 26, 23, .18);--shadow-soft: 0 16px 40px rgba(29, 26, 23, .12);--radius-card: 8px;--radius-control: 8px;--max-width: 1180px}*{box-sizing:border-box}html{background:var(--color-background);color:var(--color-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(222,211,189,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(222,211,189,.35) 1px,transparent 1px);background-size:28px 28px}a{color:inherit}button,input,textarea{font:inherit}img{display:block;max-width:100%}main{min-height:calc(100vh - 74px)}.link-reset{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:14px clamp(16px,4vw,44px);background:#fffdf4e6;border-bottom:2px solid var(--color-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;flex:0 1 auto;gap:10px;min-width:0;text-decoration:none}.brand__mark{display:grid;width:42px;height:42px;place-items:center;color:var(--color-ink);font-size:24px;font-weight:900;background:var(--color-yellow);border:2px solid var(--color-ink);border-radius:50%;box-shadow:var(--shadow-sketch)}.brand strong,.brand small{display:block}.brand strong{font-size:20px;line-height:1}.brand small{margin-top:2px;color:var(--color-muted);font-size:12px}.topbar__nav{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}.topbar__nav a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;color:var(--color-muted);text-decoration:none;border:2px solid transparent;border-radius:var(--radius-control)}.topbar__nav a.active{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-ink);box-shadow:2px 2px #1d1a1726}.topbar__profile{display:inline-flex;align-items:center;gap:7px;max-width:180px}.topbar__profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;color:var(--color-ink);font-weight:800;line-height:1;cursor:pointer;border:2px solid var(--color-ink);border-radius:var(--radius-control);box-shadow:3px 3px #1d1a172e}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background:var(--color-pink)}.button--secondary{background:var(--color-yellow)}.button--ghost{background:var(--color-surface)}.button--danger{color:var(--color-danger);background:#fff1f3}.icon-button{padding:0 12px;background:var(--color-surface)}.avatar{object-fit:cover;border:2px solid var(--color-ink);border-radius:50%}.avatar--sm{width:28px;height:28px}.avatar--md{width:42px;height:42px}.avatar--lg{width:72px;height:72px}.chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:13px;font-weight:800;white-space:nowrap;border:2px solid var(--color-ink);border-radius:999px}.chip--paper{background:var(--color-paper)}.chip--pink{background:var(--color-pink)}.chip--yellow{background:var(--color-yellow)}.chip--mint{background:var(--color-mint)}.chip--lime{background:var(--color-lime)}.chip--dark{color:var(--color-surface);background:var(--color-ink)}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--color-coral);font-size:14px;font-weight:900}.logs-page,.auth-page,.my-page,.mylog-write-page,.not-found-page,.detail-status-page{width:min(var(--max-width),calc(100% - 32px));margin:0 auto}.logs-page{width:min(1360px,calc(100% - 32px));padding:24px 0 72px}.page-heading,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}.page-heading h1,.section-heading h1{margin:4px 0 8px;font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:0}.page-heading p,.section-heading p{max-width:580px;margin:0;color:var(--color-muted);line-height:1.6}.tabs{display:inline-flex;padding:4px;background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-control)}.tabs__item{min-width:84px;min-height:36px;padding:0 12px;font-weight:900;cursor:pointer;background:transparent;border:0;border-radius:5px}.tabs__item[aria-selected=true]{background:var(--color-mint)}.public-log-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.log-rows{display:grid;gap:28px}.log-row-section{min-width:0}.log-row-section__header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px;padding:0 4px}.log-row-section__header h2{margin:0 0 4px;font-size:24px;line-height:1.15}.log-row-section__header p{margin:0;color:var(--color-muted);font-size:13px;line-height:1.35}.log-row-section__viewport{position:relative;min-width:0}.log-row-section__list{display:grid;grid-auto-columns:minmax(210px,240px);grid-auto-flow:column;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 4px 10px;scrollbar-width:none;scroll-snap-type:inline proximity}.log-row-section__list::-webkit-scrollbar{display:none}.log-row-section__list>*{scroll-snap-align:start}.log-row-section__arrow{position:absolute;top:2px;bottom:10px;z-index:3;display:grid;width:64px;place-items:center;color:var(--color-ink);cursor:pointer;border:0;border-radius:0;box-shadow:none;opacity:.82;transition:opacity .16s ease,color .16s ease}.log-row-section__arrow:hover{color:var(--color-coral);opacity:1}.log-row-section__arrow svg{width:34px;height:34px;padding:7px;overflow:visible;background:#fffdf4d1;border-radius:50%;filter:drop-shadow(0 2px 4px rgba(29,26,23,.28));stroke-width:3}.log-row-section__arrow:hover svg{background:#fffdf4f2}.log-row-section__arrow--left{left:0;background:linear-gradient(90deg,#fffdf4f0,#fffdf485 56%,#fffdf400)}.log-row-section__arrow--right{right:0;background:linear-gradient(270deg,#fffdf4f0,#fffdf485 56%,#fffdf400)}.log-row-section .state-view{width:min(360px,100%);padding:18px}.log-row-section .state-view h2{font-size:18px}.log-row-section .state-view p{font-size:13px}.public-log-card{display:block;padding:12px 12px 18px;color:var(--color-ink);text-decoration:none;background:var(--color-surface);border:3px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sketch);transition:transform .16s ease,box-shadow .16s ease}.public-log-card:hover{transform:translateY(-4px);box-shadow:7px 7px #1d1a172e}.public-log-card__image-wrap{position:relative}.public-log-card__image-wrap img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:2px solid var(--color-ink);border-radius:4px}.public-log-card__mission-visual{display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;gap:8px;padding:14px;color:var(--color-ink);text-align:center;background:linear-gradient(135deg,#cfef5abf,#8dddcbb8),var(--color-paper);border:2px dashed var(--color-ink);border-radius:4px}.public-log-card__mission-visual span{max-width:100%;overflow:hidden;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.public-log-card__badges{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}.public-log-card__body{padding:14px 4px 0}.public-log-card__author{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:14px;font-weight:800}.public-log-card h3{margin:12px 0 8px;font-size:21px;line-height:1.25}.public-log-card p{display:-webkit-box;min-height:48px;margin:0;overflow:hidden;color:var(--color-muted);line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-log-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:var(--color-muted);font-size:14px;font-weight:900}.public-log-card__mission-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0 0}.public-log-card__mission-meta div{min-width:0;padding:7px 8px;background:var(--color-paper);border:2px solid var(--color-line);border-radius:6px}.public-log-card__mission-meta dt{color:var(--color-muted);font-size:10px;font-weight:900}.public-log-card__mission-meta dd{margin:2px 0 0;font-size:13px;font-weight:1000}.public-log-card--mission,.public-log-card--mission_log{background:#fffef7}.public-log-card footer span{display:inline-flex;align-items:center;gap:5px}.public-log-card--compact{padding:8px 8px 12px}.public-log-card--compact .public-log-card__image-wrap img{aspect-ratio:4 / 3}.public-log-card--compact .public-log-card__body{padding-top:10px}.public-log-card--compact .public-log-card__author{font-size:12px}.public-log-card--compact h3{margin:9px 0 6px;font-size:16px}.public-log-card--compact p{min-height:38px;font-size:13px;line-height:1.45}.public-log-card--compact footer{margin-top:10px;font-size:12px}.public-log-card--compact .chip{min-height:23px;padding:0 7px;font-size:11px}.detail-stage{position:relative;isolation:isolate;min-height:calc(100vh - 74px);padding:64px 16px 42px;overflow:hidden;color:var(--color-surface);background:#201f1c}.detail-stage:before{position:fixed;top:74px;right:0;bottom:0;left:0;z-index:-2;content:"";background:linear-gradient(#fffdf433,#10100f73),var(--detail-bg-image) center / cover;filter:blur(26px) saturate(.8);transform:scale(1.08)}.detail-stage:after{position:fixed;top:74px;right:0;bottom:0;left:0;z-index:-1;content:"";background:#1413117a}.diary-card{width:min(640px,100%);margin:0 auto;padding:16px 16px 26px;color:var(--color-ink);background:var(--color-surface);border:3px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:0 24px 80px #00000073}.diary-card__header,.diary-card__stats{display:flex;align-items:center;justify-content:space-between;gap:12px}.diary-card__author{display:flex;align-items:center;gap:10px}.diary-card__author strong,.diary-card__author span{display:block}.diary-card__author span{margin-top:2px;color:var(--color-muted);font-size:14px}.diary-card__media{position:relative;margin-top:16px;overflow:hidden;border:2px solid var(--color-ink);border-radius:5px}.media-viewer{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--color-paper)}.media-viewer--empty{display:grid;place-items:center;min-height:320px;color:var(--color-muted);font-weight:900}.sticker-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sticker-layer__item{position:absolute;display:grid;min-width:42px;min-height:42px;place-items:center;padding:7px;color:var(--color-ink);font-weight:1000;background:var(--color-lime);border:2px solid var(--color-ink);border-radius:50%;box-shadow:2px 2px #1d1a1733}.diary-card__content{padding:18px 8px 10px}.diary-card__content h1{margin:0 0 12px;font-size:clamp(30px,6vw,44px);line-height:1.08}.diary-card__content p{margin:0;color:#3f3830;font-size:18px;line-height:1.75;white-space:pre-wrap}.diary-card__stats{padding:14px 8px 0;color:var(--color-muted);font-weight:900;border-top:2px dashed var(--color-line)}.diary-card__meta,.diary-card__actions,.diary-card__stats span{display:inline-flex;align-items:center;gap:6px}.diary-card__meta{flex-wrap:wrap}.diary-card__actions{flex-wrap:wrap;justify-content:flex-end}.diary-action-button{min-width:82px;min-height:40px;padding:0 13px;background:var(--color-paper);border-color:var(--color-ink);box-shadow:2px 2px #1d1a1729}.diary-action-button svg{color:var(--color-muted)}.detail-close{position:fixed;top:84px;right:24px;z-index:5;display:grid;width:48px;height:48px;place-items:center;color:var(--color-surface);filter:drop-shadow(0 2px 1px rgba(0,0,0,.75)) drop-shadow(0 0 3px rgba(0,0,0,.6));text-shadow:0 2px 1px rgba(0,0,0,.75)}.detail-pager{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:34px;margin:0 auto 14px;padding:0 6px;color:var(--color-surface);filter:drop-shadow(0 2px 2px rgba(0,0,0,.58))}.detail-pager__arrow{display:grid;width:34px;height:34px;place-items:center;color:inherit}.detail-pager__arrow--disabled{opacity:.28}.detail-pager__dots{display:inline-flex;align-items:center;justify-content:center;width:72px;gap:7px}.detail-pager__dot{width:7px;height:7px;background:#fffdf485;border-radius:50%}.detail-pager__dot--active{width:10px;height:10px;background:var(--color-surface)}.like-button--active{color:var(--color-ink);background:var(--color-paper)}.like-button--active svg{color:var(--color-coral)}.share-button svg{color:var(--color-muted)}.auth-page,.not-found-page,.detail-status-page{display:grid;min-height:calc(100vh - 74px);place-items:center;padding:44px 0}.auth-panel,.state-view{width:min(460px,100%);padding:28px;text-align:center;background:var(--color-surface);border:3px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sketch)}.auth-panel h1,.state-view h2{margin:8px 0 10px;font-size:34px;line-height:1.1}.auth-panel p,.state-view p{margin:0;color:var(--color-muted);line-height:1.6}.auth-panel__actions{display:grid;gap:10px;margin-top:22px}.form-error{margin-top:12px;color:var(--color-danger);font-weight:800}.state-view{display:grid;justify-items:center;gap:14px}.state-view__spinner{width:34px;height:34px;border:4px solid var(--color-line);border-top-color:var(--color-pink);border-radius:50%;animation:spin .9s linear infinite}.my-page{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;padding:34px 0 72px}.my-page__sidebar{align-self:start;padding:18px;background:var(--color-surface);border:3px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sketch)}.profile-summary{display:grid;gap:14px}.profile-summary h1{margin:0 0 4px;font-size:28px}.profile-summary p{margin:0;color:var(--color-muted);font-size:14px}.profile-summary__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 0}.profile-summary__stats div{padding:10px;background:var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-card)}.profile-summary__stats dt{color:var(--color-muted);font-size:12px;font-weight:900}.profile-summary__stats dd{margin:3px 0 0;font-size:18px;font-weight:1000}.my-page__menu{display:grid;gap:8px;margin:20px 0}.my-page__menu button,.my-page__menu-link{min-height:42px;padding:0 12px;color:var(--color-ink);font-weight:700;line-height:42px;text-align:left;text-decoration:none;cursor:pointer;background:var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-control)}.my-page__menu button[aria-current=page],.my-page__menu-link[aria-current=page]{background:var(--color-mint);font-weight:900}.my-page__content{min-width:0}.mylog-list{display:grid;gap:12px}.mylog-row{display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;background:var(--color-surface);border:2px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:3px 3px #1d1a171f}.mylog-row img{width:94px;aspect-ratio:1;object-fit:cover;border:2px solid var(--color-ink);border-radius:5px}.mylog-row__title{display:flex;align-items:center;gap:8px}.mylog-row h3,.mylog-row p{margin:0}.mylog-row h3{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.mylog-row p{margin-top:8px;color:var(--color-muted)}.mylog-row__actions{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.mylog-write-page{padding:34px 0 72px}.mylog-write__layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.mylog-write__editor,.mylog-preview{padding:18px;background:var(--color-surface);border:3px solid var(--color-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sketch)}.mylog-write__editor{display:grid;gap:16px}.field{display:grid;gap:8px}.field>span,.switch-field{display:inline-flex;align-items:center;gap:7px;font-weight:900}.field input,.field textarea{width:100%;padding:12px 14px;color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-control);outline:none}.field input:focus,.field textarea:focus{background:#fffef9;box-shadow:0 0 0 3px #8dddcb73}.image-file-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:10px;color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-control);cursor:pointer}.image-file-picker:focus-within{background:#fffef9;box-shadow:0 0 0 3px #8dddcb73}.image-file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.image-file-picker__button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 12px;font-weight:900;background:var(--color-mint);border:2px solid var(--color-ink);border-radius:var(--radius-control);box-shadow:3px 3px 0 var(--color-ink)}.image-file-picker__name{min-width:0;overflow:hidden;color:var(--color-muted);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.field textarea{min-height:260px;line-height:1.6;resize:vertical}.switch-field{justify-content:space-between;padding:12px 14px;background:var(--color-paper);border:2px solid var(--color-ink);border-radius:var(--radius-control)}.switch-field input{width:20px;height:20px;accent-color:var(--color-mint)}.mylog-write__actions{display:flex;justify-content:flex-end;gap:10px}.mylog-preview{position:sticky;top:96px}.mylog-preview__image{display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;color:var(--color-muted);font-weight:900;background:var(--color-paper);border:2px dashed var(--color-ink);border-radius:5px}.mylog-preview__image img{width:100%;height:100%;object-fit:cover}.mylog-preview__body{padding:16px 4px 2px}.mylog-preview__body h2{margin:12px 0 8px;font-size:28px;line-height:1.15}.mylog-preview__body p{min-height:72px;margin:0;color:var(--color-muted);line-height:1.6;white-space:pre-wrap}.mylog-preview__body small{display:block;margin-top:12px;color:var(--color-muted);font-weight:900}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#1d1a1759}.modal{width:min(480px,100%);padding:18px;background:var(--color-surface);border:3px solid var(--color-ink);border-radius:var(--radius-card)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal__header h2{margin:0}.toast{position:fixed;right:16px;bottom:16px;z-index:40;padding:12px 14px;background:var(--color-ink);color:var(--color-surface);border-radius:var(--radius-control)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:840px){.topbar{gap:12px}.topbar__nav{justify-content:flex-end}.topbar__nav a{flex:0 0 auto}.my-page,.mylog-write__layout{grid-template-columns:1fr}.mylog-preview{position:static}.image-file-picker{grid-template-columns:1fr}.image-file-picker__button{width:100%}.page-heading,.section-heading{align-items:stretch;flex-direction:column}.public-log-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.log-rows{gap:24px}.log-row-section__header{align-items:flex-start;flex-direction:column;gap:2px}.public-log-card{padding:8px 8px 14px}.public-log-card h3{font-size:17px}.public-log-card p{min-height:42px;font-size:14px}.detail-stage{padding:58px 8px 28px}.detail-close{top:84px;right:12px;width:42px;height:42px}.detail-pager{margin-bottom:10px}.mylog-row{grid-template-columns:74px minmax(0,1fr)}.mylog-row img{width:74px}.mylog-row__actions{grid-column:1 / -1;justify-content:stretch}.mylog-row__actions .button,.mylog-row__actions .link-reset{flex:1}}@media(max-width:520px){.brand small{display:none}.topbar__nav a{padding:0 8px;font-size:14px}.logs-page,.auth-page,.my-page,.mylog-write-page,.not-found-page,.detail-status-page{width:min(100% - 20px,var(--max-width))}.public-log-gallery{gap:10px}.log-rows{gap:22px}.log-row-section__list{grid-auto-columns:minmax(178px,72vw);gap:10px}.log-row-section__arrow{width:48px}.public-log-card__badges{display:none}.diary-card{padding:10px 10px 20px}.diary-card__header,.diary-card__stats{align-items:flex-start;flex-direction:column}.diary-card__actions{justify-content:flex-start}.button,.icon-button{min-height:40px;padding:0 11px;font-size:14px}}