:root{--color-body-bg: #e7e0d3;--color-page-bg: #f7efdf;--color-note-card-bg: #fff8ea;--color-post-card-bg: #fffdf7;--color-border: #d8c6a3;--color-text: #1f1f1f;--color-sub-text: #7a6b55;--color-accent-yellow: #f3cf68;--color-button-navy: #183a5a;--max-width: 480px;--font-size-body: 1rem;--radius-card: 8px;--radius-small: 4px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", sans-serif;--color-bg: var(--color-page-bg);--color-ink: var(--color-text);--color-accent: var(--color-border);--color-muted: var(--color-sub-text);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem}*{box-sizing:border-box}body{margin:0;background:var(--color-body-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased}.page{max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-3);background:var(--color-page-bg);min-height:100vh}.page__title{margin:0 0 var(--space-1);font-size:1.75rem;font-weight:600}.page__tagline{margin:0 0 var(--space-4);line-height:1.5;color:var(--color-muted)}.page__placeholder{padding:var(--space-3);border-top:1px dashed var(--color-accent);text-align:center;color:var(--color-muted)}.page__top-link{display:inline-block;color:var(--color-sub-text);text-decoration:underline;font-size:.875rem;padding:var(--space-1) 0}.page__top-link:hover,.page__top-link:focus{color:var(--color-sub-text);text-decoration:underline}.page__footer{margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.shell-loading,.shell-not-found,.shell-inactive{margin-top:var(--space-4);padding:var(--space-3);text-align:center;color:var(--color-sub-text);line-height:1.5}.shell-not-found__title{margin:0 0 var(--space-1);font-size:1.25rem;color:var(--color-ink)}.report-footer-link{display:inline-block;color:#7a6b55;text-decoration:underline;font-size:.875rem;padding:var(--space-2) 0}.report-footer-link:hover,.report-footer-link:focus{color:#7a6b55;text-decoration:underline}.report-form{max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-3)}.report-form__title{margin:0 0 var(--space-1);font-size:1.5rem;font-weight:600}.report-form__lead{margin:0 0 var(--space-3);color:var(--color-muted);line-height:1.5}.report-form__form{display:flex;flex-direction:column;gap:var(--space-2)}.report-form__target{border:1px solid var(--color-accent);border-radius:6px;padding:var(--space-2);margin:0}.report-form__legend{padding:0 var(--space-1);font-weight:600}.report-form__radio{display:flex;gap:var(--space-1);align-items:center;padding:var(--space-1) 0}.report-form__label{font-weight:600}.report-form__optional{font-weight:400;color:var(--color-muted)}.report-form__select,.report-form__input,.report-form__textarea{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--color-accent);border-radius:4px;background:#fff;font:inherit;color:var(--color-ink)}.report-form__textarea{resize:vertical}.report-form__counter{margin:0;color:var(--color-muted);font-size:.875rem}.report-form__submit{padding:var(--space-2);border:none;border-radius:4px;background:var(--color-ink);color:var(--color-bg);font:inherit;cursor:pointer}.report-form__submit:disabled{opacity:.6;cursor:not-allowed}.report-form__error{background:#f5e2d6;color:#5c2a14;padding:var(--space-2);border-radius:4px;margin-bottom:var(--space-2)}.report-form__support{margin-top:var(--space-3);color:var(--color-muted);font-size:.875rem}.report-form__mailto{color:#7a6b55}.hostel-page{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.notebook-cover{background:var(--color-note-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-3);text-align:center}.notebook-cover__title{margin:0 0 var(--space-1);font-size:1.375rem;font-weight:600}.notebook-cover__tagline{margin:0;color:var(--color-sub-text);font-size:.9375rem}.hostel-label{text-align:center}.hostel-label__text{display:inline-block;background:var(--color-accent-yellow);color:var(--color-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);font-weight:600;transform:rotate(-1deg)}.post-form-slot:empty{display:none}.notes-section{display:flex;flex-direction:column;gap:var(--space-2)}.notes-section__title{margin:0;font-size:1.125rem;font-weight:600}.note-card{background:var(--color-post-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3)}.note-card__body{margin:0 0 var(--space-1);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.note-card__meta{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1);color:var(--color-sub-text);font-size:.8125rem}.note-card__time:before{content:"·";margin-right:var(--space-1)}.notes-empty,.notes-loading{margin:0;padding:var(--space-2) 0;color:var(--color-sub-text);line-height:1.5}.notes-empty__title{margin:0 0 var(--space-1);font-weight:600}.notes-empty__hint{margin:0}.notes-error{margin:0;padding:var(--space-2) 0;color:var(--color-sub-text);font-size:.875rem}.notes-read-more{align-self:flex-start;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-small);color:var(--color-button-navy);padding:var(--space-1) var(--space-2);font:inherit;cursor:pointer}.notes-read-more:disabled{opacity:.6;cursor:default}.post-form{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-post-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3)}.post-form__notice{margin:0 0 var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-note-card-bg);border:1px dashed var(--color-border);border-radius:var(--radius-small);color:var(--color-sub-text)}.post-form__guideline{margin:0;color:var(--color-sub-text);font-size:.8125rem;line-height:1.5}.post-form__label{font-weight:600;font-size:.875rem}.post-form__textarea{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-small);background:#fff;font:inherit;color:var(--color-text);resize:vertical}.post-form__textarea:disabled{background:var(--color-note-card-bg);color:var(--color-sub-text);cursor:not-allowed}.post-form__counter{margin:0;color:var(--color-sub-text);font-size:.8125rem;text-align:right}.post-form__success{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);background:var(--color-note-card-bg);color:var(--color-text)}.post-form__error{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-small);background:#f5e2d6;color:#5c2a14}.post-form__submit{align-self:flex-start;padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-small);background:var(--color-button-navy);color:#fff;font:inherit;cursor:pointer}.post-form__submit:disabled{opacity:.5;cursor:not-allowed}.cta-slot:empty{display:none}.solavello-cta{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start;background:var(--color-note-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3)}.solavello-cta__copy{margin:0;color:var(--color-sub-text);line-height:1.5}.solavello-cta__button{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-small);background:var(--color-button-navy);color:#fff;font-size:.875rem;text-decoration:none}.solavello-cta__button:hover,.solavello-cta__button:focus{color:#fff;text-decoration:underline}